dark theme scrollbars (#7269)

This commit is contained in:
Cherrg 2019-07-07 05:53:02 +02:00 committed by techknowlogick
parent 87404d7c0b
commit ed676f91b3
2 changed files with 42 additions and 0 deletions

View file

@ -12,6 +12,12 @@
.repository .ui.segment.sub-menu .list .item a{color:#dbdbdb} .repository .ui.segment.sub-menu .list .item a{color:#dbdbdb}
.ui.horizontal.segments>.segment{background-color:#383c4a} .ui.horizontal.segments>.segment{background-color:#383c4a}
body{background:#383c4a;color:#9e9e9e} 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{color:#87ab63}
a:hover{color:#a0cc75} a:hover{color:#a0cc75}
.ui.card>.extra a:not(.ui):hover,.ui.cards>.card>.extra a:not(.ui):hover{color:#a0cc75} .ui.card>.extra a:not(.ui):hover,.ui.cards>.card>.extra a:not(.ui):hover{color:#a0cc75}

View file

@ -85,6 +85,42 @@ body {
color: #9e9e9e; 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 { a {
color: #87ab63; color: #87ab63;
} }