aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/button.scss
diff options
context:
space:
mode:
authorLibravatar Stefan Malzner <stefan@adlk.io>2018-11-16 20:43:08 +0100
committerLibravatar Stefan Malzner <stefan@adlk.io>2018-11-16 20:43:08 +0100
commit7a48c07b74a42c03241b1db471fb59c94d6c91c8 (patch)
tree793ac3f363299669fa18429a996b7fcd7dcf391d /src/styles/button.scss
parentAdd isSystemDarkModeEnabled to AppStore (diff)
downloadferdium-app-7a48c07b74a42c03241b1db471fb59c94d6c91c8.tar.gz
ferdium-app-7a48c07b74a42c03241b1db471fb59c94d6c91c8.tar.zst
ferdium-app-7a48c07b74a42c03241b1db471fb59c94d6c91c8.zip
Polishing & increasing contrast
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 {