fix: not awful scrollbar on windows

src/ui/scss/all.scss

@@ -34,6 +34,7 @@
 @import 'component/notice';
 @import 'component/pagination';
 @import 'component/placeholder';
+@import 'component/scrollbar';
 @import 'component/search';
 @import 'component/snack-bar';
 @import 'component/spinner';

src/ui/scss/component/_header.scss

@@ -93,6 +93,8 @@
   width: var(--header-height);
 
   svg {
+    stroke: $lbry-black;
+
     &:only-child {
       // Header icons are a little different because they are larger
       top: 0.25rem;
@@ -112,8 +114,7 @@
   .lbry-icon {
     height: 2rem;
     width: 2rem;
-    top: 0.5rem;
-    color: $lbry-white;
+    top: 0.6rem;
   }
 }
 

src/ui/scss/component/_scrollbar.scss

@@ -0,0 +1,23 @@
+::-webkit-scrollbar {
+  width: 6px;
+  height: 5px;
+
+  background-color: transparent;
+  overflow: auto;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: $lbry-gray-3;
+
+  html[data-mode='dark'] & {
+    background-color: $lbry-gray-5;
+  }
+}
+
+::-webkit-scrollbar-thumb:active {
+  background-color: $lbry-teal-3;
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}