feat(css): Styled scrollbars in Firefox Nightly (#8653)

You currently need to enable `layout.css.scrollbar-colors.enabled` in `about:config` in Firefox
Nightly.

diff --git a/app/javascript/styles/mastodon/reset.scss b/app/javascript/styles/mastodon/reset.scss
index ff3b2c02231490ad50d6bdcedfd6251067cafe1a..a140e8bc72c1e1bd8e7bc04fabb45e1ecc5dc8b9 100644 (file)
--- a/app/javascript/styles/mastodon/reset.scss
+++ b/app/javascript/styles/mastodon/reset.scss
@@ -53,6 +53,11 @@ table {
   border-spacing: 0;
 }
 
+html {
+  scrollbar-face-color: lighten($ui-base-color, 4%);
+  scrollbar-track-color: rgba($base-overlay-background, 0.1);
+}
+
 ::-webkit-scrollbar {
   width: 12px;
   height: 12px;