aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/button.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles/button.scss')
-rw-r--r--src/styles/button.scss8
1 files changed, 5 insertions, 3 deletions
diff --git a/src/styles/button.scss b/src/styles/button.scss
index 83ddf3e3e..0053db4d0 100644
--- a/src/styles/button.scss
+++ b/src/styles/button.scss
@@ -3,14 +3,14 @@
3 3
4.theme__dark .franz-form__button { 4.theme__dark .franz-form__button {
5 background: $theme-brand-primary; 5 background: $theme-brand-primary;
6 color: $dark-theme-gray-smoke; 6 color: $dark-theme-text-color;
7 7
8 &:hover { background: darken($theme-brand-primary, 5%); } 8 &:hover { background: darken($theme-brand-primary, 5%); }
9 &:active { background: lighten($theme-brand-primary, 5%); } 9 &:active { background: lighten($theme-brand-primary, 5%); }
10 10
11 &.franz-form__button--secondary { 11 &.franz-form__button--secondary {
12 background: $dark-theme-gray-lighter; 12 background: $dark-theme-gray-lighter;
13 color: $dark-theme-gray-smoke; 13 color: $dark-theme-text-color;
14 14
15 &:hover { background: darken($dark-theme-gray-lightest, 5%); } 15 &:hover { background: darken($dark-theme-gray-lightest, 5%); }
16 &:active { background: lighten($dark-theme-gray-lightest, 5%); } 16 &:active { background: lighten($dark-theme-gray-lightest, 5%); }
@@ -36,9 +36,11 @@
36 36
37 &:hover { 37 &:hover {
38 background: darken($theme-brand-primary, 5%); 38 background: darken($theme-brand-primary, 5%);
39 color: $dark-theme-gray-smoke; 39 color: $dark-theme-text-color;
40 } 40 }
41 } 41 }
42
43 &:disabled { opacity: .5; }
42} 44}
43 45
44.franz-form__button { 46.franz-form__button {