c9831d1949
## Issue 4727: Sidebar's transient scrollbar doesn't fit in the Dark Theme ## Approach The 'webkit' API works on Chrome, but Firefox ignores it and uses it's own fancy scrollbar when 'webkit' is used (can't seem to change any properties). It's better than the current look, but still doesn't fit our theme, plus it makes the product look different on different browsers. Firefox now supports the new 'scrollbar' API, so we can now tweak the scrollbar, but the API only provides limited attributes. Don't wanna complicate things by using Javascript, so we'll use Firefox's limited attributes as the common denominator and just live with a plain, rectangle scroll bar BUT with better color to match the theme.
62 lines
1.7 KiB
SCSS
62 lines
1.7 KiB
SCSS
@charset "utf-8";
|
|
|
|
@import 'init/reset';
|
|
@import 'init/vars';
|
|
@import 'init/mixins';
|
|
@import 'init/gui';
|
|
@import 'init/color';
|
|
@import 'themes/light.scss';
|
|
@import 'themes/dark.scss';
|
|
@import 'component/ads';
|
|
@import 'component/animation';
|
|
@import 'component/badge';
|
|
@import 'component/button';
|
|
@import 'component/card';
|
|
@import 'component/channel';
|
|
@import 'component/claim-list';
|
|
@import 'component/comments';
|
|
@import 'component/content';
|
|
@import 'component/dat-gui';
|
|
@import 'component/embed-player';
|
|
@import 'component/expandable';
|
|
@import 'component/expanding-details';
|
|
@import 'component/file-drop';
|
|
@import 'component/file-list';
|
|
@import 'component/file-properties';
|
|
@import 'component/file-render';
|
|
@import 'component/footer';
|
|
@import 'component/form-field';
|
|
@import 'component/header';
|
|
@import 'component/icon';
|
|
@import 'component/main';
|
|
@import 'component/markdown-editor';
|
|
@import 'component/markdown-preview';
|
|
@import 'component/media';
|
|
@import 'component/menu-button';
|
|
@import 'component/modal';
|
|
@import 'component/nag';
|
|
@import 'component/navigation';
|
|
@import 'component/notification';
|
|
@import 'component/nudge';
|
|
@import 'component/pagination';
|
|
@import 'component/purchase';
|
|
@import 'component/placeholder';
|
|
@import 'component/progress';
|
|
@import 'component/search';
|
|
@import 'component/claim-search';
|
|
@import 'component/scrollbar';
|
|
@import 'component/section';
|
|
@import 'component/share';
|
|
@import 'component/snack-bar';
|
|
@import 'component/spinner';
|
|
@import 'component/splash';
|
|
@import 'component/status-bar';
|
|
@import 'component/subscriptions';
|
|
@import 'component/syntax-highlighter';
|
|
@import 'component/table';
|
|
@import 'component/tabs';
|
|
@import 'component/txo-list';
|
|
@import 'component/tags';
|
|
@import 'component/wunderbar';
|
|
@import 'component/yrbl';
|