diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2022-04-03 16:20:55 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-04-03 16:20:55 -0400 |
| commit | f61690ea2c4b5142c470dbe288446afadae11dbc (patch) | |
| tree | 46c6cfc0b6b1c86a33164c50ee59bb3462b25df6 /ext/css | |
| parent | 3150da92fed5cfb61b015ebc5ff11ab66d688b7f (diff) | |
Theme updates (#2105)
* Change siteColor to siteTheme
* Fix potential null exception
* Simplify
* Update display theme assignment
* Add a data-browser-theme attribute
* Add "browser" option for theme
* Create ThemeController
* Add theme-controller.js to relevant pages
* Use ThemeController
* Simplify
* Fix 'light' being used instead of 'default'
* Update the settings values to more accurately reflect their usage
* Change default site theme in display.js
* Remove async
* Restore async for consistency
Diffstat (limited to 'ext/css')
| -rw-r--r-- | ext/css/display.css | 14 | ||||
| -rw-r--r-- | ext/css/popup-outer.css | 3 |
2 files changed, 8 insertions, 9 deletions
diff --git a/ext/css/display.css b/ext/css/display.css index f0908021..f703be85 100644 --- a/ext/css/display.css +++ b/ext/css/display.css @@ -309,25 +309,25 @@ a { /* Scrollbars */ -:root:not([data-theme=default]) .scrollbar { +:root:not([data-theme=light]) .scrollbar { scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color); } -:root:not([data-theme=default]) .scrollbar::-webkit-scrollbar { +:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar { width: auto; } -:root:not([data-theme=default]) .scrollbar::-webkit-scrollbar-button { +:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-button { height: 0; } -:root:not([data-theme=default]) .scrollbar::-webkit-scrollbar-thumb { +:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-color); } -:root:not([data-theme=default]) .scrollbar::-webkit-scrollbar-track { +:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-track { background-color: var(--scrollbar-thumb-color); } -:root:not([data-theme=default]) .scrollbar::-webkit-scrollbar-track-piece { +:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-track-piece { background-color: var(--scrollbar-track-color); } -:root:not([data-theme=default]) .scrollbar::-webkit-scrollbar-corner { +:root:not([data-theme=light]) .scrollbar::-webkit-scrollbar-corner { background-color: var(--scrollbar-track-color); } :root .scrollbar-inverse { diff --git a/ext/css/popup-outer.css b/ext/css/popup-outer.css index 119a6b90..e020a956 100644 --- a/ext/css/popup-outer.css +++ b/ext/css/popup-outer.css @@ -31,8 +31,7 @@ iframe.yomichan-popup[data-theme=dark] { background-color: #1e1e1e; border-color: #666666; } -iframe.yomichan-popup[data-outer-theme=dark], -iframe.yomichan-popup[data-outer-theme=auto][data-site-color=dark] { +iframe.yomichan-popup[data-outer-theme=dark] { box-shadow: 0 0 10em rgba(255, 255, 255, 0.5); } iframe.yomichan-popup[data-popup-display-mode=full-width] { |