diff options
| author | Henry Jameson <me@hjkos.com> | 2024-02-28 15:04:01 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-02-28 15:04:01 +0200 |
| commit | cf1345caca2fc905b0f692f6149e0006610614e4 (patch) | |
| tree | 0241216e3bcd94eabe2b46f6beaa8fd416a4d5b1 /src | |
| parent | 8e3637c0596f544d2e32b8f9608fb37226265a4d (diff) | |
more scrollbars work
Diffstat (limited to 'src')
| -rw-r--r-- | src/App.scss | 16 | ||||
| -rw-r--r-- | src/services/theme_data/css_utils.js | 2 |
2 files changed, 9 insertions, 9 deletions
diff --git a/src/App.scss b/src/App.scss index 36415ddc..8c60a05d 100644 --- a/src/App.scss +++ b/src/App.scss @@ -86,15 +86,15 @@ body { &:increment { background-image: - linear-gradient(45deg, var(--text) 50%, transparent calc(50% + 1px)), - linear-gradient(-45deg, transparent 50%, var(--text) calc(50% + 1px)); + linear-gradient(45deg, var(--text) 50%, transparent 51%), + linear-gradient(-45deg, transparent 50%, var(--text) 51%); background-position: top var(--___bgPadding) left 50%, right 50% bottom var(--___bgPadding); } &:decrement { background-image: linear-gradient(45deg, transparent 50%, var(--text) calc(50% + 1px)), - linear-gradient(-45deg, var(--text) 50%, transparent calc(50% + 1px)); + linear-gradient(-45deg, var(--text) 50%, transparent 51%); background-position: bottom var(--___bgPadding) right 50%, left 50% top var(--___bgPadding); } } @@ -104,15 +104,15 @@ body { &:increment { background-image: - linear-gradient(-45deg, transparent 50%, var(--text) calc(50% + 1px)), - linear-gradient(45deg, transparent 50%, var(--text) calc(50% + 1px)); + linear-gradient(-45deg, transparent 50%, var(--text) 51%), + linear-gradient(45deg, transparent 50%, var(--text) 51%); background-position: right var(--___bgPadding) top 50%, left var(--___bgPadding) top 50%; } &:decrement { background-image: - linear-gradient(-45deg, var(--text) 50%, transparent calc(50% + 1px)), - linear-gradient(45deg, var(--text) 50%, transparent calc(50% + 1px)); + linear-gradient(-45deg, var(--text) 50%, transparent 51%), + linear-gradient(45deg, var(--text) 50%, transparent 51%); background-position: left var(--___bgPadding) top 50%, right var(--___bgPadding) top 50%; } } @@ -121,7 +121,7 @@ body { } // Body should have background to scrollbar otherwise it will use white (body color?) html { - scrollbar-color: var(--selectedMenu) var(--wallpaper); + scrollbar-color: var(--fg) var(--wallpaper); background: var(--wallpaper); } } diff --git a/src/services/theme_data/css_utils.js b/src/services/theme_data/css_utils.js index 6f1fd0c2..a89eac3b 100644 --- a/src/services/theme_data/css_utils.js +++ b/src/services/theme_data/css_utils.js @@ -69,7 +69,7 @@ export const getCssShadowFilter = (input) => { export const getCssRules = (rules) => rules.map(rule => { let selector = rule.selector if (!selector) { - selector = 'body' + selector = 'html' } const header = selector + ' {' const footer = '}' |