make scrollbar visible

Tetrax-10 · Feb 17, 2024 · 4ab6dd8 · 4ab6dd8
1 parent e909918
commit 4ab6dd8
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 2 deletions.
diff --git a/Themes/PlexBetterStyles/theme/misc/misc.scss b/Themes/PlexBetterStyles/theme/misc/misc.scss
@@ -143,8 +143,7 @@ input[type="range"].zoom-slider:focus::-ms-fill-upper {
     color: #fff !important;
 }
 
-// hide all scrollbar
-html,
+// hide scene and other page scrollbar
 .tab-content,
 .scene-tabs {
     scrollbar-width: none !important;
@@ -154,6 +153,18 @@ html,
     }
 }
 
+// scrollbar theming
+html {
+    ::-webkit-scrollbar {
+        width: 10px;
+        background-color: transparent;
+    }
+    ::-webkit-scrollbar-thumb {
+        background-color: #2b2b2b;
+        border-radius: 6px;
+    }
+}
+
 // star rating
 .rating-stars {
     .btn-secondary {

diff --git a/Themes/PlexBetterStyles/theme/personal/misc/misc.scss b/Themes/PlexBetterStyles/theme/personal/misc/misc.scss
@@ -0,0 +1,8 @@
+// hide all scrollbar
+html {
+    scrollbar-width: none !important;
+
+    &::-webkit-scrollbar {
+        display: none !important;
+    }
+}
diff --git a/Themes/PlexBetterStyles/theme/personal/personal.scss b/Themes/PlexBetterStyles/theme/personal/personal.scss
@@ -1,2 +1,3 @@
 @use "components/components";
+@use "misc/misc";
 @use "pages/pages";