progressbar adjustments

This commit is contained in:
Sam Hewitt
2016-04-15 11:24:20 -04:00
parent 740f35a0f0
commit a754139cb2
4 changed files with 438 additions and 335 deletions

View File

@@ -9,14 +9,12 @@ $text_color: if($variant == 'light', $fg_color, $fg_color);
$headerbar_bg_color: if($variant == 'light', #636E73, #3B4245); $headerbar_bg_color: if($variant == 'light', #636E73, #3B4245);
$headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.2)); $headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.2));
$selection_mode_headerbar_bg_color: #347D9F;
$selected_fg_color: #ffffff; $selected_fg_color: #ffffff;
$selected_bg_color: if($variant == 'light', #9fb0b9, darken(#9fb0b9,20%)); $selected_bg_color: if($variant == 'light', lighten(#347D9F, 10%), darken(#9fb0b9,20%));
$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 20%), darken($selected_bg_color, 30%)); $selected_borders_color: if($variant== 'light', darken($selected_bg_color, 20%), darken($selected_bg_color, 30%));
$borders_color: if($variant == 'light', darken($bg_color,20%), darken($bg_color,12%)); $borders_color: if($variant == 'light', darken($bg_color,20%), darken($bg_color,12%));
$borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9)); $borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9));
$link_color: #347D9F; $link_color: blue;
$link_visited_color:transparentize($link_color,0.5); $link_visited_color:transparentize($link_color,0.5);
$top_highlight: $borders_edge; $top_highlight: $borders_edge;
$bottom_highlight: if($variant == 'light', transparentize(white, 0.2), transparentize(white, 0.9)); $bottom_highlight: if($variant == 'light', transparentize(white, 0.2), transparentize(white, 0.9));
@@ -25,6 +23,8 @@ $menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20
$popover_bg_color: $bg_color; $popover_bg_color: $bg_color;
$popover_hover_color: lighten($bg_color, 5%); $popover_hover_color: lighten($bg_color, 5%);
$selection_mode_headerbar_bg_color: #347D9F;
$scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%)); $scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%));
$scrollbar_slider_color: mix($fg_color, $bg_color, 60%); $scrollbar_slider_color: mix($fg_color, $bg_color, 60%);
$scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%); $scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%);

View File

@@ -4395,11 +4395,11 @@ levelbar block.empty {
.button:link, .button:link,
button:visited, button:visited,
.button:visited { .button:visited {
color: #347D9F; } color: blue; }
*:link:visited, *:link:visited,
button:visited, button:visited,
.button:visited { .button:visited {
color: rgba(52, 125, 159, 0.5); } color: rgba(0, 0, 255, 0.5); }
*:selected *:link:visited, *:selected button:visited:link, *:selected *:link:visited, *:selected button:visited:link,
*:selected button:visited, *:selected button:visited,
*:selected .button:visited { *:selected .button:visited {
@@ -4408,7 +4408,7 @@ button:visited,
.button:hover:link, .button:hover:link,
button:hover:visited, button:hover:visited,
.button:hover:visited { .button:hover:visited {
color: #449ac2; } color: #3333ff; }
*:selected *:link:hover, *:selected button:hover:link, *:selected *:link:hover, *:selected button:hover:link,
*:selected .button:hover:link, *:selected .button:hover:link,
*:selected button:hover:visited, *:selected button:hover:visited,
@@ -4418,7 +4418,7 @@ button:visited,
.button:active:link, .button:active:link,
button:active:visited, button:active:visited,
.button:active:visited { .button:active:visited {
color: #347D9F; } color: blue; }
*:selected *:link:active, *:selected button:active:link, *:selected *:link:active, *:selected button:active:link,
*:selected .button:active:link, *:selected .button:active:link,
*:selected button:active:visited, *:selected button:active:visited,
@@ -5217,10 +5217,14 @@ printdialog .dialog-action-box {
/***************** /*****************
* Progress bars * * Progress bars *
*****************/ *****************/
GtkProgressBar,
.progressbar, .progressbar,
progressbar { progressbar {
font-size: smaller; font-size: smaller;
color: rgba(161, 168, 171, 0.4); } color: rgba(161, 168, 171, 0.4); }
GtkProgressBar.horizontal trough,
GtkProgressBar.horizontal .trough,
GtkProgressBar.horizontal progress,
.progressbar.horizontal trough, .progressbar.horizontal trough,
.progressbar.horizontal .trough, .progressbar.horizontal .trough,
.progressbar.horizontal progress, .progressbar.horizontal progress,
@@ -5228,6 +5232,9 @@ progressbar {
progressbar.horizontal .trough, progressbar.horizontal .trough,
progressbar.horizontal progress { progressbar.horizontal progress {
min-height: 2px; } min-height: 2px; }
GtkProgressBar.vertical trough,
GtkProgressBar.vertical .trough,
GtkProgressBar.vertical progress,
.progressbar.vertical trough, .progressbar.vertical trough,
.progressbar.vertical .trough, .progressbar.vertical .trough,
.progressbar.vertical progress, .progressbar.vertical progress,
@@ -5235,50 +5242,66 @@ progressbar {
progressbar.vertical .trough, progressbar.vertical .trough,
progressbar.vertical progress { progressbar.vertical progress {
min-width: 2px; } min-width: 2px; }
GtkProgressBar.horizontal progress,
.progressbar.horizontal progress, .progressbar.horizontal progress,
progressbar.horizontal progress { progressbar.horizontal progress {
margin: 0 -1px; } margin: 0 -1px; }
GtkProgressBar.vertical progress,
.progressbar.vertical progress, .progressbar.vertical progress,
progressbar.vertical progress { progressbar.vertical progress {
margin: -1px 0; } margin: -1px 0; }
GtkProgressBar:backdrop,
.progressbar:backdrop, .progressbar:backdrop,
progressbar:backdrop { progressbar:backdrop {
box-shadow: none; box-shadow: none;
transition: 200ms ease-out; } transition: 200ms ease-out; }
GtkProgressBar .progressbar,
GtkProgressBar progress,
.progressbar .progressbar, .progressbar .progressbar,
.progressbar progress, .progressbar progress,
progressbar .progressbar, progressbar .progressbar,
progressbar progress { progressbar progress {
border-radius: 1.5px; } border-radius: 2px; }
GtkProgressBar .progressbar.left,
GtkProgressBar progress.left,
.progressbar .progressbar.left, .progressbar .progressbar.left,
.progressbar progress.left, .progressbar progress.left,
progressbar .progressbar.left, progressbar .progressbar.left,
progressbar progress.left { progressbar progress.left {
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-bottom-left-radius: 2px; } border-bottom-left-radius: 2px; }
GtkProgressBar .progressbar.right,
GtkProgressBar progress.right,
.progressbar .progressbar.right, .progressbar .progressbar.right,
.progressbar progress.right, .progressbar progress.right,
progressbar .progressbar.right, progressbar .progressbar.right,
progressbar progress.right { progressbar progress.right {
border-top-right-radius: 2px; border-top-right-radius: 2px;
border-bottom-right-radius: 2px; } border-bottom-right-radius: 2px; }
GtkProgressBar .progressbar.top,
GtkProgressBar progress.top,
.progressbar .progressbar.top, .progressbar .progressbar.top,
.progressbar progress.top, .progressbar progress.top,
progressbar .progressbar.top, progressbar .progressbar.top,
progressbar progress.top { progressbar progress.top {
border-top-right-radius: 2px; border-top-right-radius: 2px;
border-top-left-radius: 2px; } border-top-left-radius: 2px; }
GtkProgressBar .progressbar.bottom,
GtkProgressBar progress.bottom,
.progressbar .progressbar.bottom, .progressbar .progressbar.bottom,
.progressbar progress.bottom, .progressbar progress.bottom,
progressbar .progressbar.bottom, progressbar .progressbar.bottom,
progressbar progress.bottom { progressbar progress.bottom {
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; } border-bottom-left-radius: 2px; }
GtkProgressBar.osd,
.progressbar.osd, .progressbar.osd,
progressbar.osd { progressbar.osd {
min-width: 3px; min-width: 3px;
min-height: 3px; min-height: 3px;
background-color: transparent; } background-color: transparent; }
GtkProgressBar.osd .trough,
GtkProgressBar.osd trough,
.progressbar.osd .trough, .progressbar.osd .trough,
.progressbar.osd trough, .progressbar.osd trough,
progressbar.osd .trough, progressbar.osd .trough,
@@ -5287,20 +5310,42 @@ progressbar {
border-radius: 0; border-radius: 0;
background-color: transparent; background-color: transparent;
box-shadow: none; } box-shadow: none; }
GtkProgressBar.osd .progress,
GtkProgressBar.osd progress,
.progressbar.osd .progress, .progressbar.osd .progress,
.progressbar.osd progress, .progressbar.osd progress,
progressbar.osd .progress, progressbar.osd .progress,
progressbar.osd progress { progressbar.osd progress {
border-style: none; border-style: none;
border-radius: 0; } border-radius: 0; }
GtkProgressBar row:selected,
GtkProgressBar .list-row:selected,
.progressbar row:selected,
.progressbar .list-row:selected,
progressbar row:selected,
progressbar .list-row:selected {
border: 1px solid #51646e;
color: rgba(0, 0, 0, 0.5);
background-color: #667f8c; }
GtkProgressBar:active {
color: rgba(0, 0, 0, 0.5);
background-color: #667f8c;
border-color: #51646e; }
GtkProgressBar:active:backdrop {
background-color: #8298a3;
border-color: #667f8c; }
/************ /************
* GtkScale * * GtkScale *
************/ ************/
GtkProgressBar .trough,
GtkProgressBar trough,
.progressbar .trough, .progressbar .trough,
.progressbar trough, .progressbar trough,
progressbar .trough, progressbar .trough,
progressbar trough, .scale trough, progressbar trough, trough,
.trough, .scale trough,
.scale .trough, .scale .trough,
scale trough, scale trough,
scale .trough, .scale.fine-tune trough, scale .trough, .scale.fine-tune trough,
@@ -5312,122 +5357,76 @@ scale fill {
background-color: #454d50; background-color: #454d50;
box-shadow: 0px 1px rgba(255, 255, 255, 0.1); box-shadow: 0px 1px rgba(255, 255, 255, 0.1);
border-radius: 2px; } border-radius: 2px; }
.progressbar .trough:disabled, trough:disabled,
.progressbar trough:disabled, .trough:disabled, .scale.fine-tune trough:disabled,
progressbar .trough:disabled, .scale.fine-tune .trough:disabled,
progressbar trough:disabled, .scale trough:disabled, scale.fine-tune trough:disabled,
.scale .trough:disabled, scale.fine-tune .trough:disabled, .scale fill:disabled,
scale trough:disabled,
scale .trough:disabled, .scale fill:disabled,
scale fill:disabled { scale fill:disabled {
margin: 6px; margin: 6px;
background-color: #576165; background-color: #576165;
box-shadow: none; } box-shadow: none; }
.progressbar .trough:backdrop, GtkProgressBar trough,
.progressbar trough, .progressbar trough,
progressbar .trough:backdrop, progressbar trough, GtkProgressBar:backdrop .trough,
progressbar trough, .progressbar:backdrop .trough, .progressbar:backdrop .trough,
progressbar:backdrop .trough, .scale trough:backdrop, progressbar:backdrop .trough, trough:backdrop,
.scale .trough:backdrop, .trough:backdrop, .scale.fine-tune trough:backdrop,
scale trough:backdrop, .scale.fine-tune .trough:backdrop,
scale .trough:backdrop, .scale fill:backdrop, scale.fine-tune trough:backdrop,
scale.fine-tune .trough:backdrop, .scale fill:backdrop,
scale fill:backdrop { scale fill:backdrop {
background-color: #464e52; background-color: #464e52;
border-color: #363c3e; border-color: #363c3e;
box-shadow: none; box-shadow: none;
transition: 200ms ease-out; } transition: 200ms ease-out; }
.progressbar .trough:backdrop:disabled, GtkProgressBar trough:disabled,
.progressbar trough:disabled, .progressbar trough:disabled,
progressbar .trough:backdrop:disabled, progressbar trough:disabled, GtkProgressBar:backdrop .trough:disabled,
progressbar trough:disabled, .progressbar:backdrop .trough:disabled, .progressbar:backdrop .trough:disabled,
progressbar:backdrop .trough:disabled, .scale trough:backdrop:disabled, progressbar:backdrop .trough:disabled, trough:backdrop:disabled,
.scale .trough:backdrop:disabled, .trough:backdrop:disabled, .scale fill:backdrop:disabled,
scale trough:backdrop:disabled,
scale .trough:backdrop:disabled, .scale fill:backdrop:disabled,
scale fill:backdrop:disabled { scale fill:backdrop:disabled {
background-color: #576165; } background-color: #576165; }
row:selected .progressbar .trough, .progressbar row:selected .trough, row:selected trough,
row:selected .progressbar trough, row:selected .trough, row:selected .scale.fine-tune trough, .scale.fine-tune row:selected trough,
.progressbar row:selected trough, row:selected .scale.fine-tune .trough,
row:selected progressbar .trough, .scale.fine-tune row:selected .trough, row:selected .scale fill, .scale row:selected fill,
progressbar row:selected .trough,
row:selected progressbar trough,
progressbar row:selected trough, row:selected .scale trough, .scale row:selected trough,
row:selected .scale .trough,
.scale row:selected .trough,
row:selected scale trough,
scale row:selected trough,
row:selected scale .trough,
scale row:selected .trough, row:selected .scale fill, .scale row:selected fill,
row:selected scale fill, row:selected scale fill,
scale row:selected fill { scale row:selected fill {
box-shadow: none; } box-shadow: none; }
row:selected .progressbar .trough, .progressbar row:selected .trough, row:selected trough,
row:selected .progressbar trough, row:selected .trough, row:selected .scale.fine-tune trough, .scale.fine-tune row:selected trough,
.progressbar row:selected trough, row:selected .scale.fine-tune .trough,
row:selected progressbar .trough, .scale.fine-tune row:selected .trough, row:selected .scale fill, .scale row:selected fill,
progressbar row:selected .trough,
row:selected progressbar trough,
progressbar row:selected trough, row:selected .scale trough, .scale row:selected trough,
row:selected .scale .trough,
.scale row:selected .trough,
row:selected scale trough,
scale row:selected trough,
row:selected scale .trough,
scale row:selected .trough, row:selected .scale fill, .scale row:selected fill,
row:selected scale fill, row:selected scale fill,
scale row:selected fill, row:selected .progressbar .trough:disabled, .progressbar row:selected .trough:disabled, scale row:selected fill, row:selected trough:disabled,
row:selected .progressbar trough:disabled, row:selected .trough:disabled, row:selected .scale fill:disabled, .scale row:selected fill:disabled,
.progressbar row:selected trough:disabled,
row:selected progressbar .trough:disabled,
progressbar row:selected .trough:disabled,
row:selected progressbar trough:disabled,
progressbar row:selected trough:disabled, row:selected .scale trough:disabled, .scale row:selected trough:disabled,
row:selected .scale .trough:disabled,
.scale row:selected .trough:disabled,
row:selected scale trough:disabled,
scale row:selected trough:disabled,
row:selected scale .trough:disabled,
scale row:selected .trough:disabled, row:selected .scale fill:disabled, .scale row:selected fill:disabled,
row:selected scale fill:disabled, row:selected scale fill:disabled,
scale row:selected fill:disabled { scale row:selected fill:disabled {
border-color: #262f33; } border-color: #262f33; }
.osd .progressbar .trough, .progressbar .osd .trough, .osd trough,
.osd .progressbar trough, .osd .trough, .osd .scale.fine-tune trough, .scale.fine-tune .osd trough,
.progressbar .osd trough, .osd .scale.fine-tune .trough,
.osd progressbar .trough, .scale.fine-tune .osd .trough,
progressbar .osd .trough, .osd scale.fine-tune trough,
.osd progressbar trough, scale.fine-tune .osd trough,
progressbar .osd trough, .osd .scale trough, .scale .osd trough, .osd scale.fine-tune .trough,
.osd .scale .trough, scale.fine-tune .osd .trough, .osd .scale fill, .scale .osd fill,
.scale .osd .trough,
.osd scale trough,
scale .osd trough,
.osd scale .trough,
scale .osd .trough, .osd .scale fill, .scale .osd fill,
.osd scale fill, .osd scale fill,
scale .osd fill { scale .osd fill {
border-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7);
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
box-shadow: none; box-shadow: none;
outline-color: rgba(161, 168, 171, 0.2); } outline-color: rgba(161, 168, 171, 0.2); }
.osd .progressbar .trough:disabled, .progressbar .osd .trough:disabled, .osd trough:disabled,
.osd .progressbar trough:disabled, .osd .trough:disabled, .osd .scale fill:disabled, .scale .osd fill:disabled,
.progressbar .osd trough:disabled,
.osd progressbar .trough:disabled,
progressbar .osd .trough:disabled,
.osd progressbar trough:disabled,
progressbar .osd trough:disabled, .osd .scale trough:disabled, .scale .osd trough:disabled,
.osd .scale .trough:disabled,
.scale .osd .trough:disabled,
.osd scale trough:disabled,
scale .osd trough:disabled,
.osd scale .trough:disabled,
scale .osd .trough:disabled, .osd .scale fill:disabled, .scale .osd fill:disabled,
.osd scale fill:disabled, .osd scale fill:disabled,
scale .osd fill:disabled { scale .osd fill:disabled {
background-color: rgba(45, 50, 51, 0.5); } background-color: rgba(45, 50, 51, 0.5); }
GtkProgressBar .progressbar,
GtkProgressBar progress,
.progressbar .progressbar, .progressbar .progressbar,
.progressbar progress, .progressbar progress,
progressbar .progressbar, progressbar .progressbar,
@@ -5450,6 +5449,8 @@ scale.fine-tune highlight {
box-shadow: 0px 1px rgba(255, 255, 255, 0.1); box-shadow: 0px 1px rgba(255, 255, 255, 0.1);
border-radius: 2px; border-radius: 2px;
margin: 6px 0; } margin: 6px 0; }
GtkProgressBar .progressbar:disabled,
GtkProgressBar progress:disabled,
.progressbar .progressbar:disabled, .progressbar .progressbar:disabled,
.progressbar progress:disabled, .progressbar progress:disabled,
progressbar .progressbar:disabled, progressbar .progressbar:disabled,
@@ -5464,10 +5465,13 @@ scale.fine-tune highlight {
scale.fine-tune slider:disabled { scale.fine-tune slider:disabled {
background-color: transparent; background-color: transparent;
border-color: transparent; } border-color: transparent; }
GtkProgressBar .progressbar:backdrop,
GtkProgressBar progress:backdrop,
.progressbar .progressbar:backdrop, .progressbar .progressbar:backdrop,
.progressbar progress:backdrop, .progressbar progress:backdrop,
progressbar .progressbar:backdrop, progressbar .progressbar:backdrop,
progressbar progress:backdrop, .progressbar:backdrop progress, progressbar progress:backdrop, GtkProgressBar:backdrop progress,
.progressbar:backdrop progress,
progressbar:backdrop progress, .scale fill:backdrop, progressbar:backdrop progress, .scale fill:backdrop,
.scale .highlight:backdrop, .scale .highlight:backdrop,
.scale highlight:backdrop, .scale highlight:backdrop,
@@ -5478,10 +5482,13 @@ scale.fine-tune highlight {
scale.fine-tune .slider:backdrop, scale.fine-tune .slider:backdrop,
scale.fine-tune slider:backdrop { scale.fine-tune slider:backdrop {
border-color: #262f33; } border-color: #262f33; }
GtkProgressBar .progressbar:backdrop:disabled,
GtkProgressBar progress:backdrop:disabled,
.progressbar .progressbar:backdrop:disabled, .progressbar .progressbar:backdrop:disabled,
.progressbar progress:backdrop:disabled, .progressbar progress:backdrop:disabled,
progressbar .progressbar:backdrop:disabled, progressbar .progressbar:backdrop:disabled,
progressbar progress:backdrop:disabled, .progressbar:backdrop progress:disabled, progressbar progress:backdrop:disabled, GtkProgressBar:backdrop progress:disabled,
.progressbar:backdrop progress:disabled,
progressbar:backdrop progress:disabled, .scale fill:backdrop:disabled, progressbar:backdrop progress:disabled, .scale fill:backdrop:disabled,
.scale .highlight:backdrop:disabled, .scale .highlight:backdrop:disabled,
.scale highlight:backdrop:disabled, .scale highlight:backdrop:disabled,
@@ -5493,7 +5500,11 @@ scale.fine-tune highlight {
scale.fine-tune slider:backdrop:disabled { scale.fine-tune slider:backdrop:disabled {
background-color: transparent; background-color: transparent;
border-color: transparent; } border-color: transparent; }
.list-row:selected .progressbar .progressbar:disabled, .progressbar .list-row:selected .progressbar:disabled, .list-row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar .list-row:selected .progressbar:disabled,
.list-row:selected GtkProgressBar progress:disabled,
GtkProgressBar .list-row:selected progress:disabled,
.list-row:selected .progressbar .progressbar:disabled,
.progressbar .list-row:selected .progressbar:disabled,
.list-row:selected .progressbar progress:disabled, .list-row:selected .progressbar progress:disabled,
.progressbar .list-row:selected progress:disabled, .progressbar .list-row:selected progress:disabled,
.list-row:selected progressbar .progressbar:disabled, .list-row:selected progressbar .progressbar:disabled,
@@ -5515,7 +5526,11 @@ scale.fine-tune highlight {
.list-row:selected scale.fine-tune .slider:disabled, .list-row:selected scale.fine-tune .slider:disabled,
scale.fine-tune .list-row:selected .slider:disabled, scale.fine-tune .list-row:selected .slider:disabled,
.list-row:selected scale.fine-tune slider:disabled, .list-row:selected scale.fine-tune slider:disabled,
scale.fine-tune .list-row:selected slider:disabled, .list-row:selected .progressbar .progressbar, .progressbar .list-row:selected .progressbar, scale.fine-tune .list-row:selected slider:disabled, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar,
.list-row:selected GtkProgressBar progress,
GtkProgressBar .list-row:selected progress,
.list-row:selected .progressbar .progressbar,
.progressbar .list-row:selected .progressbar,
.list-row:selected .progressbar progress, .list-row:selected .progressbar progress,
.progressbar .list-row:selected progress, .progressbar .list-row:selected progress,
.list-row:selected progressbar .progressbar, .list-row:selected progressbar .progressbar,
@@ -5539,7 +5554,11 @@ scale.fine-tune highlight {
.list-row:selected scale.fine-tune slider, .list-row:selected scale.fine-tune slider,
scale.fine-tune .list-row:selected slider { scale.fine-tune .list-row:selected slider {
border-color: #262f33; } border-color: #262f33; }
row:selected .progressbar .progressbar:disabled, .progressbar row:selected .progressbar:disabled, row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar row:selected .progressbar:disabled,
row:selected GtkProgressBar progress:disabled,
GtkProgressBar row:selected progress:disabled,
row:selected .progressbar .progressbar:disabled,
.progressbar row:selected .progressbar:disabled,
row:selected .progressbar progress:disabled, row:selected .progressbar progress:disabled,
.progressbar row:selected progress:disabled, .progressbar row:selected progress:disabled,
row:selected progressbar .progressbar:disabled, row:selected progressbar .progressbar:disabled,
@@ -5561,7 +5580,11 @@ scale.fine-tune highlight {
row:selected scale.fine-tune .slider:disabled, row:selected scale.fine-tune .slider:disabled,
scale.fine-tune row:selected .slider:disabled, scale.fine-tune row:selected .slider:disabled,
row:selected scale.fine-tune slider:disabled, row:selected scale.fine-tune slider:disabled,
scale.fine-tune row:selected slider:disabled, row:selected .progressbar .progressbar, .progressbar row:selected .progressbar, scale.fine-tune row:selected slider:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar,
row:selected GtkProgressBar progress,
GtkProgressBar row:selected progress,
row:selected .progressbar .progressbar,
.progressbar row:selected .progressbar,
row:selected .progressbar progress, row:selected .progressbar progress,
.progressbar row:selected progress, .progressbar row:selected progress,
row:selected progressbar .progressbar, row:selected progressbar .progressbar,
@@ -5585,7 +5608,11 @@ scale.fine-tune highlight {
row:selected scale.fine-tune slider, row:selected scale.fine-tune slider,
scale.fine-tune row:selected slider { scale.fine-tune row:selected slider {
border-color: #262f33; } border-color: #262f33; }
.osd .progressbar .progressbar, .progressbar .osd .progressbar, .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar,
.osd GtkProgressBar progress,
GtkProgressBar .osd progress,
.osd .progressbar .progressbar,
.progressbar .osd .progressbar,
.osd .progressbar progress, .osd .progressbar progress,
.progressbar .osd progress, .progressbar .osd progress,
.osd progressbar .progressbar, .osd progressbar .progressbar,
@@ -5609,7 +5636,11 @@ scale.fine-tune highlight {
.osd scale.fine-tune slider, .osd scale.fine-tune slider,
scale.fine-tune .osd slider { scale.fine-tune .osd slider {
border-color: rgba(0, 0, 0, 0.7); } border-color: rgba(0, 0, 0, 0.7); }
.osd .progressbar .progressbar:disabled, .progressbar .osd .progressbar:disabled, .osd GtkProgressBar .progressbar:disabled, GtkProgressBar .osd .progressbar:disabled,
.osd GtkProgressBar progress:disabled,
GtkProgressBar .osd progress:disabled,
.osd .progressbar .progressbar:disabled,
.progressbar .osd .progressbar:disabled,
.osd .progressbar progress:disabled, .osd .progressbar progress:disabled,
.progressbar .osd progress:disabled, .progressbar .osd progress:disabled,
.osd progressbar .progressbar:disabled, .osd progressbar .progressbar:disabled,

File diff suppressed because it is too large Load Diff

View File

@@ -2,8 +2,10 @@
* Progress bars * * Progress bars *
*****************/ *****************/
%progressbar,
.progressbar, .progressbar,
progressbar { progressbar {
// sizing // sizing
&.horizontal { &.horizontal {
trough, trough,
@@ -39,7 +41,7 @@ progressbar {
progress { progress {
@extend %scale_highlight; @extend %scale_highlight;
border-radius: 1.5px; border-radius: 2px;
&.left { &.left {
border-top-left-radius: 2px; border-top-left-radius: 2px;
@@ -83,4 +85,43 @@ progressbar {
border-radius: 0; border-radius: 0;
} }
} }
// In-Row
row,
.list-row {
&:selected {
border: 1px solid darken($selected_bg_color, 10%);
color: transparentize(black,0.5);
background-color: $selected_bg_color;
}
}
}
GtkProgressBar {
@extend %progressbar;
&:active {
color: transparentize(black,0.5);
background-color: $selected_bg_color;
border-color: darken($selected_bg_color, 10%);
&:backdrop {
background-color: lighten($selected_bg_color, 10%);
border-color: lighten(darken($selected_bg_color, 10%), 10%);
}
}
&:backdrop {
}
}
trough,
.trough {
@extend %scale_trough;
} }