Tweaked scrollbar to have better visibility in dark theme

pull/63/head
Satyajit Sahoo 2013-09-07 15:38:49 +05:30
parent a5f60fa8ef
commit 760993d525
2 changed files with 12 additions and 12 deletions

View File

@ -191,14 +191,14 @@ TerminalWindow .scrollbar.button:active:hover {
} }
TerminalWindow .scrollbar.slider { TerminalWindow .scrollbar.slider {
border-color: shade(@osd_base, 0.8); border-color: mix(shade(@osd_base, 0.9), @osd_fg, 0.15);
background-color: shade(@osd_base, 0.9); background-color: mix(@osd_base, @osd_fg, 0.15);
} }
TerminalWindow .scrollbar.slider:hover, TerminalWindow .scrollbar.slider:hover,
TerminalWindow .scrollbar.slider.vertical:hover { TerminalWindow .scrollbar.slider.vertical:hover {
border-color: shade(@osd_base, 0.7); border-color: mix(shade(@osd_base, 0.9), @osd_fg, 0.21);
background-color: shade(@osd_base, 0.8); background-color: mix(@osd_base, @osd_fg, 0.21);
} }
TerminalWindow .scrollbar.slider:active, TerminalWindow .scrollbar.slider:active,

View File

@ -1269,15 +1269,15 @@ GtkLevelBar.vertical {
.scrollbar.slider { .scrollbar.slider {
border-width: 1px; border-width: 1px;
border-color: shade(@theme_bg_color, 0.8); border-color: mix(shade(@theme_bg_color, 0.9), @theme_fg_color, 0.15);
border-radius: 0; border-radius: 0;
background-color: shade(@theme_bg_color, 0.9); background-color: mix(@theme_bg_color, @theme_fg_color, 0.15);
} }
.scrollbar.slider:hover, .scrollbar.slider:hover,
.scrollbar.slider.vertical:hover { .scrollbar.slider.vertical:hover {
border-color: shade(@theme_bg_color, 0.7); border-color: mix(shade(@theme_bg_color, 0.9), @theme_fg_color, 0.21);
background-color: shade(@theme_bg_color, 0.8); background-color: mix(@theme_bg_color, @theme_fg_color, 0.21);
} }
.scrollbar.slider:active, .scrollbar.slider:active,
@ -2735,14 +2735,14 @@ GtkProgressBar.osd.progressbar {
.osd .scrollbar.slider { .osd .scrollbar.slider {
border-width: 1px; border-width: 1px;
border-color: shade(@osd_bg, 0.8); border-color: mix(shade(@osd_base, 0.9), @osd_fg, 0.15);
border-radius: 0; border-radius: 0;
background-color: shade(@osd_bg, 0.9); background-color: mix(@osd_base, @osd_fg, 0.15);
} }
.osd .scrollbar.slider:hover { .osd .scrollbar.slider:hover {
border-color: shade(@osd_bg, 0.7); border-color: mix(shade(@osd_base, 0.9), @osd_fg, 0.21);
background-color: shade(@osd_bg, 0.8); background-color: mix(@osd_base, @osd_fg, 0.21);
} }
.osd .scrollbar.slider:active { .osd .scrollbar.slider:active {