scrollbar color to green in dark mode

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

Author: Cherrg

public/css/theme-arc-green.css

@@ -12,12 +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,html{scrollbar-width:thin;scrollbar-color:#87ab63 #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)}
+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:#87ab63}
+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:#87ab63}
+body ::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,html ::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:#87ab63}
 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

@@ -91,7 +91,7 @@ html,
 body,
 * {
     scrollbar-width: thin;
-    scrollbar-color: #2a2a2a #ffffff;
+    scrollbar-color: #87ab63 #ffffff;
 }
 
 /* webkit scrollbars */
@@ -121,21 +121,21 @@ body ::-webkit-scrollbar-thumb {
     border-radius: 5px;
     -webkit-transition: color 0.2s ease;
     transition: color 0.2s ease;
-    background: rgba(255,255,255,0.25);
+    background: #87ab63;
 }
 
 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);
+    background: #87ab63;
 }
 
 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);
+    background: #87ab63;
 }
 
 a {