Merge pull request #394 from megax/patch1
GTK 3.20 :: Black, white converted $black and $white. Other fix.pull/401/head
commit
b6097cca57
|
@ -28,12 +28,12 @@
|
||||||
|
|
||||||
&:hover { background-color: if(variant == light, transparentize($fg_color, .9), transparentize($fg_color, .95)); }
|
&:hover { background-color: if(variant == light, transparentize($fg_color, .9), transparentize($fg_color, .95)); }
|
||||||
|
|
||||||
&:active { box-shadow: inset 0 2px 2px -2px transparentize(black, .8); }
|
&:active { box-shadow: inset 0 2px 2px -2px transparentize($black, .8); }
|
||||||
|
|
||||||
&:backdrop:hover { background-color: transparent; }
|
&:backdrop:hover { background-color: transparent; }
|
||||||
|
|
||||||
&:selected {
|
&:selected {
|
||||||
&:active { box-shadow: inset 0 2px 3px -1px transparentize(black, .5); }
|
&:active { box-shadow: inset 0 2px 3px -1px transparentize($black, .5); }
|
||||||
|
|
||||||
&.has-open-popup,
|
&.has-open-popup,
|
||||||
&:hover { background-color: mix($fg_color, $selected_bg_color, .1); }
|
&:hover { background-color: mix($fg_color, $selected_bg_color, .1); }
|
||||||
|
|
|
@ -135,7 +135,7 @@
|
||||||
&:hover:not(:active):not(:backdrop) {
|
&:hover:not(:active):not(:backdrop) {
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: transparentize(white, 0.7);
|
background-color: transparentize($white, .7);
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -182,7 +182,7 @@
|
||||||
border-radius: 2.5px;
|
border-radius: 2.5px;
|
||||||
background-color: $_scale_trough_bg;
|
background-color: $_scale_trough_bg;
|
||||||
|
|
||||||
&:disabled { background-color: transparentize($_scale_trough_bg, 0.45); }
|
&:disabled { background-color: transparentize($_scale_trough_bg, .45); }
|
||||||
|
|
||||||
//OSD troughs
|
//OSD troughs
|
||||||
.osd & {
|
.osd & {
|
||||||
|
@ -196,7 +196,7 @@
|
||||||
// Troughs in selected list-rows and infobars
|
// Troughs in selected list-rows and infobars
|
||||||
row:selected &,
|
row:selected &,
|
||||||
infobar & {
|
infobar & {
|
||||||
background-color: transparentize(black, 0.8);
|
background-color: transparentize($black, .8);
|
||||||
|
|
||||||
highlight {
|
highlight {
|
||||||
background-color: $selected_fg_color;
|
background-color: $selected_fg_color;
|
||||||
|
@ -204,7 +204,7 @@
|
||||||
&:disabled { background-color: mix($selected_fg_color, $selected_bg_color, .55); }
|
&:disabled { background-color: mix($selected_fg_color, $selected_bg_color, .55); }
|
||||||
}
|
}
|
||||||
|
|
||||||
&:disabled { background-color: transparentize(black, 0.9); }
|
&:disabled { background-color: transparentize($black, .9); }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -213,20 +213,20 @@
|
||||||
border-radius: 2.5px;
|
border-radius: 2.5px;
|
||||||
background-color: $selected_bg_color;
|
background-color: $selected_bg_color;
|
||||||
|
|
||||||
&:disabled { background-color: transparentize($selected_bg_color, 0.45); }
|
&:disabled { background-color: transparentize($selected_bg_color, .45); }
|
||||||
}
|
}
|
||||||
|
|
||||||
// this is another differently styled part of the trough, the most relevant use case is for example
|
// this is another differently styled part of the trough, the most relevant use case is for example
|
||||||
// in media player to indicate how much video stream as been cached
|
// in media player to indicate how much video stream as been cached
|
||||||
fill {
|
fill {
|
||||||
border-radius: 2.5px;
|
border-radius: 2.5px;
|
||||||
background-color: transparentize($selected_bg_color, 0.5);
|
background-color: transparentize($selected_bg_color, .5);
|
||||||
|
|
||||||
&:disabled { background-color: transparent; }
|
&:disabled { background-color: transparent; }
|
||||||
}
|
}
|
||||||
|
|
||||||
slider {
|
slider {
|
||||||
$_slider_border: if($variant=='light', transparentize(shade($button_border, .25), 0.5), darken($button_border,2%));
|
$_slider_border: if($variant == 'light', transparentize(shade($button_border, .25), .5), darken($button_border, 2%));
|
||||||
|
|
||||||
background-color: $button_bg;
|
background-color: $button_bg;
|
||||||
border: 1px solid $_slider_border;
|
border: 1px solid $_slider_border;
|
||||||
|
@ -245,7 +245,7 @@
|
||||||
|
|
||||||
&:disabled {
|
&:disabled {
|
||||||
background-color: mix($fg_color, $bg_color, .55);
|
background-color: mix($fg_color, $bg_color, .55);
|
||||||
border-color: transparentize($_slider_border, 0.2);
|
border-color: transparentize($_slider_border, .2);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Selected list-row and infobar sliders
|
// Selected list-row and infobar sliders
|
||||||
|
@ -287,10 +287,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
value { color: alpha(currentColor, 0.4); }
|
value { color: alpha(currentColor, .4); }
|
||||||
|
|
||||||
marks {
|
marks {
|
||||||
color: alpha(currentColor, 0.4);
|
color: alpha(currentColor, .4);
|
||||||
|
|
||||||
@each $marks_class, $marks_pos, $marks_margin in (top, top, bottom),
|
@each $marks_class, $marks_pos, $marks_margin in (top, top, bottom),
|
||||||
(bottom, bottom, top),
|
(bottom, bottom, top),
|
||||||
|
|
|
@ -62,7 +62,7 @@
|
||||||
min-width: $_slider_small_width;
|
min-width: $_slider_small_width;
|
||||||
min-height: $_slider_small_width;
|
min-height: $_slider_small_width;
|
||||||
background-color: $fg_color;
|
background-color: $fg_color;
|
||||||
border: 1px solid if($variant == "light", white, black);
|
border: 1px solid if($variant == 'light', $white, $black);
|
||||||
}
|
}
|
||||||
|
|
||||||
// hide steppers
|
// hide steppers
|
||||||
|
|
|
@ -170,8 +170,8 @@
|
||||||
border: 1px solid $selected_borders_color;
|
border: 1px solid $selected_borders_color;
|
||||||
background-color: $selected_bg_color;
|
background-color: $selected_bg_color;
|
||||||
//background-image: linear-gradient(to bottom, $selected_bg_color, darken($selected_bg_color, .1));
|
//background-image: linear-gradient(to bottom, $selected_bg_color, darken($selected_bg_color, .1));
|
||||||
box-shadow: inset 0 1px if($variant == 'light', transparentize(white, .7), transparentize(white, .85)),
|
box-shadow: inset 0 1px if($variant == 'light', transparentize($white, .7), transparentize($white, .85)),
|
||||||
0 1px if($variant == 'light', transparentize(black, .8), transparentize(black, .9));
|
0 1px if($variant == 'light', transparentize($black, .8), transparentize($black, .9));
|
||||||
|
|
||||||
&:selected {
|
&:selected {
|
||||||
&:focus, & {
|
&:focus, & {
|
||||||
|
@ -179,7 +179,7 @@
|
||||||
color: $selected_fg_color;
|
color: $selected_fg_color;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
} @else {
|
} @else {
|
||||||
box-shadow: inset 0 1px transparentize(white, .95);
|
box-shadow: inset 0 1px transparentize($white, .95);
|
||||||
}
|
}
|
||||||
|
|
||||||
@include linear-gradient($selected_bg_color);
|
@include linear-gradient($selected_bg_color);
|
||||||
|
@ -286,7 +286,7 @@
|
||||||
|
|
||||||
@include exports("separator") {
|
@include exports("separator") {
|
||||||
separator { // vbox and hbox separators
|
separator { // vbox and hbox separators
|
||||||
background: transparentize(black, .9);
|
background: transparentize($black, .9);
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
min-height: 1px;
|
min-height: 1px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue