Skip to content

dark theme scrollbars #7269

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 15 commits into from
Jul 7, 2019
Merged

dark theme scrollbars #7269

Show file tree
Hide file tree
Changes from 7 commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
e34deb5
set border colors globally on dark theme
Cherrg Jun 20, 2019
4323760
scrollbar color to green in dark mode
Cherrg Jun 20, 2019
88e3f92
Merge branch 'master' into dark_theme_scrollbars
zeripath Jun 21, 2019
80eaef9
Update public/less/themes/arc-green.less
Cherrg Jun 22, 2019
8704423
cleanup css, remove duplicates
Cherrg Jun 26, 2019
e5fb03e
Merge branch 'master' into dark_theme_scrollbars
Cherrg Jun 26, 2019
0bf0f41
change to use important flag in css
Cherrg Jun 26, 2019
33c5bad
Merge branch 'master' into dark_theme_scrollbars
lunny Jun 26, 2019
12a839d
Merge branch 'master' into dark_theme_scrollbars
Cherrg Jun 27, 2019
06164f7
fix make css lint errors
Cherrg Jun 27, 2019
27297e8
Merge branch 'master' into dark_theme_scrollbars
lunny Jun 28, 2019
1b53371
Merge branch 'master' into dark_theme_scrollbars
lafriks Jun 29, 2019
749bae5
Merge branch 'master' into dark_theme_scrollbars
lunny Jul 7, 2019
b60c5d5
Merge branch 'master' into dark_theme_scrollbars
techknowlogick Jul 7, 2019
f02ee3d
Merge branch 'master' into dark_theme_scrollbars
techknowlogick Jul 7, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions public/css/theme-arc-green.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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}
Expand Down
36 changes: 36 additions & 0 deletions public/less/themes/arc-green.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down