diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss index 42ee8e5680..67b2cd3224 100644 --- a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss +++ b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss @@ -586,6 +586,13 @@ a.sparkline { } } +.notification-group--annual-report { + .notification-group__icon, + .notification-group__main .link-button { + color: var(--indigo-3); + } +} + @supports not selector(::-webkit-scrollbar) { html { scrollbar-color: rgba($action-button-color, 0.25) @@ -593,13 +600,8 @@ a.sparkline { } } -::-webkit-scrollbar-thumb { - opacity: 0.25; -} - -.notification-group--annual-report { - .notification-group__icon, - .notification-group__main .link-button { - color: var(--indigo-3); +.custom-scrollbars { + ::-webkit-scrollbar-thumb { + opacity: 0.25; } } diff --git a/app/javascript/flavours/glitch/styles/reset.scss b/app/javascript/flavours/glitch/styles/reset.scss index fc0305baf3..d1ca4a1837 100644 --- a/app/javascript/flavours/glitch/styles/reset.scss +++ b/app/javascript/flavours/glitch/styles/reset.scss @@ -59,24 +59,26 @@ table { } } -::-webkit-scrollbar { - width: 8px; - height: 8px; -} +.custom-scrollbars { + ::-webkit-scrollbar { + width: 8px; + height: 8px; + } -::-webkit-scrollbar-thumb { - background-color: $action-button-color; - border: 2px var(--background-border-color); - border-radius: 12px; - width: 6px; - box-shadow: inset 0 0 0 2px var(--background-border-color); -} + ::-webkit-scrollbar-thumb { + background-color: $action-button-color; + border: 2px var(--background-border-color); + border-radius: 12px; + width: 6px; + box-shadow: inset 0 0 0 2px var(--background-border-color); + } -::-webkit-scrollbar-track { - background-color: var(--background-border-color); - border-radius: 0px; -} + ::-webkit-scrollbar-track { + background-color: var(--background-border-color); + border-radius: 0px; + } -::-webkit-scrollbar-corner { - background: transparent; + ::-webkit-scrollbar-corner { + background: transparent; + } }