set border colors globally on dark theme

Signed-off-by: Michael Gnehr <[email protected]>

Author: Cherrg

public/css/theme-arc-green.css

@@ -12,6 +12,12 @@
 .repository .ui.segment.sub-menu .list .item a{color:#dbdbdb}
 .ui.horizontal.segments>.segment{background-color:#383c4a}
 body{background:#383c4a;color:#9e9e9e}
+*,body,html{scrollbar-width:thin;scrollbar-color:#2a2a2a #fff}
+body ::-webkit-scrollbar,body::-webkit-scrollbar,html ::-webkit-scrollbar,html::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:10px}
+body ::-webkit-scrollbar-track,body::-webkit-scrollbar-track,html ::-webkit-scrollbar-track,html::-webkit-scrollbar-track{border-radius:0;background:rgba(255,255,255,.1)}
+body ::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{cursor:pointer;border-radius:5px;transition:color .2s ease;background:rgba(255,255,255,.25)}
+body ::-webkit-scrollbar-thumb:window-inactive,body::-webkit-scrollbar-thumb:window-inactive,html ::-webkit-scrollbar-thumb:window-inactive,html::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,.15)}
+body ::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,html ::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}
 a{color:#87ab63}
 a:hover{color:#a0cc75}
 .ui.card>.extra a:not(.ui):hover,.ui.cards>.card>.extra a:not(.ui):hover{color:#a0cc75}

public/less/themes/arc-green.less

@@ -85,6 +85,59 @@ body {
     color: #9e9e9e;
 }
 
+/* firefox scroll bars */
+
+html,
+body,
+* {
+    scrollbar-width: thin;
+    scrollbar-color: #2a2a2a #ffffff;
+}
+
+/* webkit scrollbars */
+
+html::-webkit-scrollbar,
+body::-webkit-scrollbar,
+html ::-webkit-scrollbar,
+body ::-webkit-scrollbar {
+    -webkit-appearance: none;
+    width: 10px;
+    height: 10px;
+}
+
+html::-webkit-scrollbar-track,
+body::-webkit-scrollbar-track,
+html ::-webkit-scrollbar-track,
+body ::-webkit-scrollbar-track {
+    border-radius: 0;
+    background: rgba(255,255,255,0.1);
+}
+
+html::-webkit-scrollbar-thumb,
+body::-webkit-scrollbar-thumb,
+html ::-webkit-scrollbar-thumb,
+body ::-webkit-scrollbar-thumb {
+    cursor: pointer;
+    border-radius: 5px;
+    -webkit-transition: color 0.2s ease;
+    transition: color 0.2s ease;
+    background: rgba(255,255,255,0.25);
+}
+
+html::-webkit-scrollbar-thumb:window-inactive,
+body::-webkit-scrollbar-thumb:window-inactive,
+html ::-webkit-scrollbar-thumb:window-inactive,
+body ::-webkit-scrollbar-thumb:window-inactive {
+    background: rgba(255,255,255,0.15);
+}
+
+html::-webkit-scrollbar-thumb:hover,
+body::-webkit-scrollbar-thumb:hover,
+html ::-webkit-scrollbar-thumb:hover,
+body ::-webkit-scrollbar-thumb:hover {
+    background: rgba(255,255,255,0.35);
+}
+
 a {
     color: #87ab63;
 }