variant: set color for perfect scrollbar matcornic#471

maxatome · Feb 10, 2023 · 0cc5ff2 · 0cc5ff2
1 parent 8e4b7cd
commit 0cc5ff2
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/static/css/perfect-scrollbar.min.css b/static/css/perfect-scrollbar.min.css
diff --git a/static/css/theme-neon.css b/static/css/theme-neon.css
@@ -309,4 +309,9 @@ above will not apply, so we have to repeat it here */
     text-shadow: none;
 }
 
+#content-wrapper {
+    --ps-thumb-color: #d0d0d0;
+    --ps-thumb-hover-color: #ccc;
+}
+
 }
diff --git a/static/css/theme.css b/static/css/theme.css
@@ -136,6 +136,7 @@ dd {
 }
 
 #content-wrapper {
+    --ps-rail-hover-color: rgba( 176, 176, 176, .25 );
     display: flex;
     flex-direction: column;
     flex: 1; /* fill rest of vertical space */
@@ -1270,6 +1271,7 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
 }
 
 #TableOfContents {
+    --ps-rail-hover-color: rgba( 176, 176, 176, .25 );
     font-size: .8125rem !important;
     max-height: 90vh;
     overflow: hidden;
@@ -1770,7 +1772,3 @@ article ul li input[type="checkbox"]:checked::before {
     overflow: auto;
     padding: min(2vh, 2vw);
 }
-
-#TableOfContents{
-    min-width: 1px;
-}
diff --git a/static/js/perfect-scrollbar.min.js b/static/js/perfect-scrollbar.min.js