style internal scrollbars uniformly

Author: mojavelinux

src/css/base.css

@@ -84,3 +84,18 @@ table {
 ::placeholder {
   opacity: 0.5;
 }
+
+@supports (scrollbar-width: thin) {
+  body * {
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-thumb-color) transparent;
+  }
+}
+
+body ::-webkit-scrollbar {
+  width: 0.25rem;
+}
+
+body ::-webkit-scrollbar-thumb {
+  background-color: var(--scrollbar-thumb-color);
+}

src/css/nav.css

@@ -98,22 +98,6 @@
   left: 0;
 }
 
-.nav-panel-menu,
-.nav-panel-explore .components {
-  scrollbar-width: thin;
-  scrollbar-color: var(--scrollbar-thumb-color) transparent;
-}
-
-.nav-panel-menu::-webkit-scrollbar,
-.nav-panel-explore .components::-webkit-scrollbar {
-  width: 0.25rem;
-}
-
-.nav-panel-menu::-webkit-scrollbar-thumb,
-.nav-panel-explore .components::-webkit-scrollbar-thumb {
-  background-color: var(--scrollbar-thumb-color);
-}
-
 .nav-menu {
   flex-grow: 1;
   min-height: 0;