Fixed Scrollbar

wacko1805 · Nov 10, 2024 · 3fdabe7 · 3fdabe7
1 parent ac88964
commit 3fdabe7
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/assets/styles/main.css b/assets/styles/main.css
@@ -3,6 +3,8 @@
 @import url(../fonts/montserrat.css);
 @import url(../fonts/poppins-tilt-warp.css);
 @import url(../fonts/poppins.css);
+@import url('https://fonts.googleapis.com/css2?family=Shippori+Antique+B1&display=swap');
+
 
 /* Component Imports */
 @import url(headers.css);
@@ -34,23 +36,29 @@
 }
 
 /* Console-specific Scrollbar */
+/* Scrollbar Styles */
 .console::-webkit-scrollbar {
   width: 20px;
+
 }
 
-.console::-webkit-scrollbar-track,
-.console::-webkit-scrollbar-thumb {
+.console::-webkit-scrollbar-track {
+  background: var(--onSecondary);
   background-clip: content-box;
   border: 7px solid transparent;
   border-radius: var(--radius-big);
 }
 
 .console::-webkit-scrollbar-thumb {
   background: var(--secondary);
+  background-clip: content-box;
+  border: 7px solid transparent;
 }
 
 .console::-webkit-scrollbar-thumb:hover {
   background: var(--tertiary);
+  background-clip: content-box;
+  border: 7px solid transparent;
 }
 
 ::-moz-selection {