fix: style and files for custom scrollbar

EyeTrackVR · Jan 25, 2023 · a210543 · a210543
1 parent 966b4d5
commit a210543
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 24 deletions.
diff --git a/GUI/ETVR/src/styles/imports.css b/GUI/ETVR/src/styles/imports.css
@@ -14,3 +14,4 @@
 /* Custom Imports */
 @import 'index.css';
 @import 'titlebar.css';
+@import 'scrollbar.css';
diff --git a/GUI/ETVR/src/styles/index.css b/GUI/ETVR/src/styles/index.css
@@ -73,27 +73,3 @@ body {
     /* Clothoid Gradient */
     background: linear-gradient(247.32deg, #282830 0%, #181c28 100%);
 }
-
-/* width */
-::-webkit-scrollbar {
-    width: 6px;
-}
-
-/* Track */
-::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 5px grey;
-    margin-top: 0.48rem;
-    margin-bottom: 0.48rem;
-    border-radius: 1rem;
-}
-
-/* Handle */
-::-webkit-scrollbar-thumb {
-    background: #ae6d6d;
-    border-radius: 1rem;
-}
-
-/* Handle on hover */
-::-webkit-scrollbar-thumb:hover {
-    background: #b24646;
-}
diff --git a/GUI/ETVR/src/styles/scrollbar.css b/GUI/ETVR/src/styles/scrollbar.css
@@ -0,0 +1,21 @@
+/* width */
+::-webkit-scrollbar {
+  width: 6px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px grey;
+  border-radius: 10px;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: #6d7faeb4;
+  border-radius: 10px;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: #6d7fae;
+}