diff options
author | Kristóf Marussy <kristof@marussy.com> | 2021-09-19 00:21:28 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-09-19 00:21:28 +0200 |
commit | d2fdd90bf095088b009a6549da2f91395ebb2ace (patch) | |
tree | 6193e2f9d2d47573ce8a6af36634ee79fb905b9e /src/features | |
parent | fix: accent color customization regression (#1963) (diff) | |
download | ferdium-app-d2fdd90bf095088b009a6549da2f91395ebb2ace.tar.gz ferdium-app-d2fdd90bf095088b009a6549da2f91395ebb2ace.tar.zst ferdium-app-d2fdd90bf095088b009a6549da2f91395ebb2ace.zip |
fix: accent color customization regression hotfix (#1965)
Sorry, something got mucked up when converting the old themeInfo.json to
static CSS last time. This time, it should be correct.
Diffstat (limited to 'src/features')
-rw-r--r-- | src/features/appearance/index.ts | 52 |
1 files changed, 31 insertions, 21 deletions
diff --git a/src/features/appearance/index.ts b/src/features/appearance/index.ts index da5aa0333..1ae69f77e 100644 --- a/src/features/appearance/index.ts +++ b/src/features/appearance/index.ts | |||
@@ -37,33 +37,43 @@ function generateAccentStyle(accentColorStr) { | |||
37 | return ` | 37 | return ` |
38 | .theme__dark .app .sidebar .sidebar__button.is-muted, | 38 | .theme__dark .app .sidebar .sidebar__button.is-muted, |
39 | .theme__dark .app .sidebar .sidebar__button.is-active, | 39 | .theme__dark .app .sidebar .sidebar__button.is-active, |
40 | .sidebar .sidebar__button.is-muted, .sidebar .sidebar__button.is-active, | 40 | .sidebar .sidebar__button.is-muted, |
41 | .tab-item.is-active, .settings .account .invoices .invoices__action button, | 41 | .sidebar .sidebar__button.is-active, |
42 | .tab-item.is-active, | ||
43 | .settings .account .invoices .invoices__action button, | ||
42 | .settings-navigation .settings-navigation__link.is-active .badge, | 44 | .settings-navigation .settings-navigation__link.is-active .badge, |
43 | a.link, | 45 | a.link, |
44 | button.link | 46 | button.link, |
45 | .auth .welcome .button:hover | 47 | .auth .welcome .button:hover, |
46 | .auth .welcome .button__inverted | 48 | .auth .welcome .button__inverted, |
47 | .franz-form .franz-form__radio.is-selected | 49 | .franz-form .franz-form__radio.is-selected, |
48 | .theme__dark .franz-form__button.franz-form__button--inverted | 50 | .theme__dark .franz-form__button.franz-form__button--inverted, |
49 | .franz-form__button.franz-form__button--inverted { | 51 | .franz-form__button.franz-form__button--inverted { |
50 | color: ${accentColorStr}; | 52 | color: ${accentColorStr}; |
51 | } | 53 | } |
52 | 54 | ||
53 | .theme__dark .app .sidebar .sidebar__button.is-muted | 55 | .settings .settings__header, |
54 | .theme__dark .app .sidebar .sidebar__button.is-active | 56 | .settings .settings__close, |
55 | .sidebar .sidebar__button.is-muted | 57 | .settings-navigation .settings-navigation__link.is-active, |
56 | .sidebar .sidebar__button.is-active | 58 | a.button, |
57 | .tab-item.is-active | 59 | button.button, |
58 | .settings .account .invoices .invoices__action button | 60 | .auth, |
59 | .settings-navigation .settings-navigation__link.is-active .badge | 61 | .info-bar, |
60 | a.link | 62 | .info-bar.info-bar--primary, |
61 | button.link | 63 | .infobox.infobox--primary, |
62 | .auth .welcome .button:hover | 64 | .theme__dark .badge.badge--primary, |
63 | .auth .welcome .button__inverted | 65 | .theme__dark, |
64 | .franz-form .franz-form__radio.is-selected | 66 | .badge.badge--primary, |
65 | .theme__dark .franz-form__button.franz-form__button--inverted | 67 | .content-tabs .content-tabs__tabs .content-tabs__item.is-active, |
66 | .franz-form__button.franz-form__button--inverted { | 68 | #electron-app-title-bar .toolbar-dropdown:not(.open) > .toolbar-button > button:hover, |
69 | #electron-app-title-bar .list-item.selected .menu-item, | ||
70 | #electron-app-title-bar .list-item.selected:focus .menu-item, | ||
71 | .theme__dark .quick-switch .active, | ||
72 | .franz-form .franz-form__toggle-wrapper .franz-form__toggle.is-active .franz-form__toggle-button, | ||
73 | .theme__dark .franz-form__button, | ||
74 | .franz-form__button, | ||
75 | .ferdi__fab, | ||
76 | .franz-form .franz-form__slider-wrapper .slider::-webkit-slider-thumb { | ||
67 | background: ${accentColorStr}; | 77 | background: ${accentColorStr}; |
68 | } | 78 | } |
69 | 79 | ||