From ed676f91b31f54d02bf096d4830483a96e1fd309 Mon Sep 17 00:00:00 2001 From: Cherrg Date: Sun, 7 Jul 2019 05:53:02 +0200 Subject: [PATCH] dark theme scrollbars (#7269) --- public/css/theme-arc-green.css | 6 ++++++ public/less/themes/arc-green.less | 36 +++++++++++++++++++++++++++++++ 2 files changed, 42 insertions(+) diff --git a/public/css/theme-arc-green.css b/public/css/theme-arc-green.css index b48e22b41..a3a720400 100644 --- a/public/css/theme-arc-green.css +++ b/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} +*{scrollbar-width:thin;scrollbar-color:#87ab63 rgba(255,255,255,.1)} +::-webkit-scrollbar{-webkit-appearance:none!important;width:10px!important;height:10px!important} +::-webkit-scrollbar-track{border-radius:0!important;background:rgba(255,255,255,.1)!important} +::-webkit-scrollbar-thumb{cursor:pointer!important;border-radius:5px!important;transition:color .2s ease!important;background:#87ab63!important} +::-webkit-scrollbar-thumb:window-inactive{background:#87ab63!important} +::-webkit-scrollbar-thumb:hover{background:#87ab63!important} a{color:#87ab63} a:hover{color:#a0cc75} .ui.card>.extra a:not(.ui):hover,.ui.cards>.card>.extra a:not(.ui):hover{color:#a0cc75} diff --git a/public/less/themes/arc-green.less b/public/less/themes/arc-green.less index cde5b5e7f..ebe63c65f 100644 --- a/public/less/themes/arc-green.less +++ b/public/less/themes/arc-green.less @@ -85,6 +85,42 @@ body { color: #9e9e9e; } +/* firefox scroll bars */ + +* { + scrollbar-width: thin; + scrollbar-color: #87ab63 rgba(255, 255, 255, 0.1); +} + +/* webkit scrollbars */ + +::-webkit-scrollbar { + -webkit-appearance: none !important; + width: 10px !important; + height: 10px !important; +} + +::-webkit-scrollbar-track { + border-radius: 0 !important; + background: rgba(255, 255, 255, 0.1) !important; +} + +::-webkit-scrollbar-thumb { + cursor: pointer !important; + border-radius: 5px !important; + -webkit-transition: color 0.2s ease !important; + transition: color 0.2s ease !important; + background: #87ab63 !important; +} + +::-webkit-scrollbar-thumb:window-inactive { + background: #87ab63 !important; +} + +::-webkit-scrollbar-thumb:hover { + background: #87ab63 !important; +} + a { color: #87ab63; }