diff options
author | Stefan Malzner <stefan@adlk.io> | 2018-11-16 21:20:59 +0100 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2018-11-16 21:20:59 +0100 |
commit | d6ea85329d6dd84afaf9603e860a6ba1c0ddda8b (patch) | |
tree | 19258d8ee0c5a34f990a3931266fe3f905105e59 /src/styles/title-bar.scss | |
parent | Fix systemPreferences.isDarkMode call (diff) | |
download | ferdium-app-d6ea85329d6dd84afaf9603e860a6ba1c0ddda8b.tar.gz ferdium-app-d6ea85329d6dd84afaf9603e860a6ba1c0ddda8b.tar.zst ferdium-app-d6ea85329d6dd84afaf9603e860a6ba1c0ddda8b.zip |
Add windows title bar dark mode styling & add titlebar to auth
Diffstat (limited to 'src/styles/title-bar.scss')
-rw-r--r-- | src/styles/title-bar.scss | 42 |
1 files changed, 42 insertions, 0 deletions
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; |