diff options
Diffstat (limited to 'src/styles/button.scss')
-rw-r--r-- | src/styles/button.scss | 8 |
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 { |