diff options
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/auth.scss | 2 | ||||
-rw-r--r-- | src/styles/button.scss | 1 | ||||
-rw-r--r-- | src/styles/title-bar.scss | 42 |
3 files changed, 43 insertions, 2 deletions
diff --git a/src/styles/auth.scss b/src/styles/auth.scss index 4cdf6ccd5..54e264dc6 100644 --- a/src/styles/auth.scss +++ b/src/styles/auth.scss | |||
@@ -1,6 +1,6 @@ | |||
1 | @import './config.scss'; | 1 | @import './config.scss'; |
2 | 2 | ||
3 | .theme__dark.auth { | 3 | .theme__dark .auth { |
4 | background: $dark-theme-gray-darkest; | 4 | background: $dark-theme-gray-darkest; |
5 | 5 | ||
6 | .auth__container { | 6 | .auth__container { |
diff --git a/src/styles/button.scss b/src/styles/button.scss index 0053db4d0..38e487b47 100644 --- a/src/styles/button.scss +++ b/src/styles/button.scss | |||
@@ -1,6 +1,5 @@ | |||
1 | @import './config.scss'; | 1 | @import './config.scss'; |
2 | 2 | ||
3 | |||
4 | .theme__dark .franz-form__button { | 3 | .theme__dark .franz-form__button { |
5 | background: $theme-brand-primary; | 4 | background: $theme-brand-primary; |
6 | color: $dark-theme-text-color; | 5 | color: $dark-theme-text-color; |
diff --git a/src/styles/title-bar.scss b/src/styles/title-bar.scss index 5c7b0bcdf..885eb94c4 100644 --- a/src/styles/title-bar.scss +++ b/src/styles/title-bar.scss | |||
@@ -1,3 +1,45 @@ | |||
1 | @import './config.scss'; | ||
2 | |||
3 | .theme__dark #electron-app-title-bar { | ||
4 | background: $dark-theme-gray-darker; | ||
5 | |||
6 | .toolbar-dropdown { | ||
7 | &.open > .toolbar-button > button { | ||
8 | background: $dark-theme-gray-light; | ||
9 | color: $dark-theme-gray-lightest; | ||
10 | } | ||
11 | |||
12 | &:not(.open) { | ||
13 | .menu-item .menu-label { opacity: 1; } | ||
14 | > .toolbar-button > button:hover { | ||
15 | background: $dark-theme-gray-darkest; | ||
16 | } | ||
17 | } | ||
18 | } | ||
19 | |||
20 | #app-menu-bar #foldout-container .foldout { | ||
21 | color: $dark-theme-gray-lightest; | ||
22 | |||
23 | .menu-pane { | ||
24 | background: $dark-theme-gray-light; | ||
25 | |||
26 | .menu-item { | ||
27 | .accelerator { | ||
28 | color: lighten($dark-theme-gray-light, 20%); | ||
29 | } | ||
30 | } | ||
31 | |||
32 | hr { | ||
33 | border-color: $dark-theme-gray-lighter; | ||
34 | } | ||
35 | } | ||
36 | } | ||
37 | |||
38 | .list .ReactVirtualized__Grid { | ||
39 | background: $dark-theme-gray-light; | ||
40 | } | ||
41 | } | ||
42 | |||
1 | #electron-app-title-bar { | 43 | #electron-app-title-bar { |
2 | background: $theme-gray-lightest; | 44 | background: $theme-gray-lightest; |
3 | border-bottom: 0; | 45 | border-bottom: 0; |