diff options
| author | Cherrg <michael@gnehr.de> | 2019-07-07 05:53:02 +0200 |
|---|---|---|
| committer | techknowlogick <techknowlogick@gitea.io> | 2019-07-06 23:53:02 -0400 |
| commit | ed676f91b31f54d02bf096d4830483a96e1fd309 (patch) | |
| tree | d0359c43fcc87b3889c3cbf4a3d65ad8b77101c5 /public | |
| parent | 87404d7c0b0ff42be73398c86f5356959dc7b632 (diff) | |
| download | gitea-ed676f91b31f54d02bf096d4830483a96e1fd309.tar.gz gitea-ed676f91b31f54d02bf096d4830483a96e1fd309.zip | |
dark theme scrollbars (#7269)
Diffstat (limited to 'public')
| -rw-r--r-- | public/css/theme-arc-green.css | 6 | ||||
| -rw-r--r-- | public/less/themes/arc-green.less | 36 |
2 files changed, 42 insertions, 0 deletions
diff --git a/public/css/theme-arc-green.css b/public/css/theme-arc-green.css index b48e22b41e..a3a7204009 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 cde5b5e7f5..ebe63c65fa 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; } |