mirror of
https://gitlab.gnome.org/GNOME/gtk.git
synced 2024-11-16 13:40:31 +00:00
Adwaita: scss cosmetic fixes
This commit is contained in:
parent
5e503c54c2
commit
e355eff2bc
@ -311,10 +311,10 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers
|
||||
}
|
||||
|
||||
&.image { // entry icons colors
|
||||
color: mix($fg_color,$base_color,80%);
|
||||
color: mix($fg_color, $base_color, 80%);
|
||||
&:hover { color: $fg_color; }
|
||||
&:active { color: $selected_bg_color; }
|
||||
&:backdrop { color: mix($backdrop_fg_color,$backdrop_base_color,80%); }
|
||||
&:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 80%); }
|
||||
}
|
||||
|
||||
.linked.vertical & { //FIXME comment stuff and make the whole thing smarter.
|
||||
@ -822,7 +822,7 @@ $_dot_color: if($variant=='light', $selected_bg_color,
|
||||
.menuitem.button.flat {
|
||||
@extend %undecorated_button;
|
||||
outline-offset: -1px;
|
||||
&:hover { background-color: mix($fg_color,$bg_color,10%); }
|
||||
&:hover { background-color: mix($fg_color, $bg_color, 10%); }
|
||||
&:selected { @extend %selected_items; }
|
||||
&:backdrop, &:backdrop:hover {
|
||||
@extend %undecorated_button;
|
||||
@ -889,8 +889,8 @@ GtkColorButton.button {
|
||||
.button {
|
||||
background-image: none;
|
||||
border-style: none none none solid;
|
||||
border-color: transparentize($borders_color,0.7);
|
||||
color: mix($fg_color, $base_color,90%);
|
||||
border-color: transparentize($borders_color, 0.7);
|
||||
color: mix($fg_color, $base_color, 90%);
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
// padding-left: 6px;
|
||||
@ -898,18 +898,18 @@ GtkColorButton.button {
|
||||
&:dir(rtl) { border-style: none solid none none; }
|
||||
&:hover {
|
||||
color: $fg_color;
|
||||
background-color: transparentize($fg_color,0.95);
|
||||
background-color: transparentize($fg_color, 0.95);
|
||||
}
|
||||
&:insensitive {
|
||||
color: transparentize($insensitive_fg_color,0.7);
|
||||
color: transparentize($insensitive_fg_color, 0.7);
|
||||
}
|
||||
&:active {
|
||||
box-shadow: inset 0 2px 3px -1px transparentize(black,0.8);
|
||||
background-color: transparentize(black,0.9);
|
||||
box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8);
|
||||
background-color: transparentize(black, 0.9);
|
||||
}
|
||||
&:backdrop {
|
||||
color: mix($backdrop_fg_color, $backdrop_base_color, 90%);
|
||||
border-color: transparentize($backdrop_borders_color,0.7);
|
||||
border-color: transparentize($backdrop_borders_color, 0.7);
|
||||
background-color: transparent;
|
||||
}
|
||||
&:backdrop:insensitive {
|
||||
@ -1208,7 +1208,7 @@ GtkComboBox {
|
||||
|
||||
&:backdrop {
|
||||
background-image: linear-gradient(to bottom, $selected_bg_color);
|
||||
box-shadow: inset 0 1px mix($top_hilight,$selected_bg_color, 60%);
|
||||
box-shadow: inset 0 1px mix($top_hilight, $selected_bg_color, 60%);
|
||||
}
|
||||
|
||||
.subtitle:link { @extend *:link:selected; }
|
||||
@ -1385,11 +1385,12 @@ GtkTreeView.view {
|
||||
&:hover { color: $selected_fg_color; }
|
||||
&:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 70%); }
|
||||
}
|
||||
&:checked {
|
||||
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
|
||||
}
|
||||
|
||||
&:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
|
||||
|
||||
&:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 70%); }
|
||||
}
|
||||
|
||||
&.progressbar { // progress bar in treeviews
|
||||
@if $variant == light { color: $base_color; }
|
||||
border-radius: 4px;
|
||||
@ -1401,21 +1402,26 @@ GtkTreeView.view {
|
||||
transparentize(white,0.85)),
|
||||
0 1px if($variant=='light', transparentize(black, 0.8),
|
||||
transparentize(black,0.9));
|
||||
|
||||
&:selected {
|
||||
@if $variant == 'light' {
|
||||
color: $selected_bg_color;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@else { box-shadow: inset 0 1px transparentize(white, 0.95); }
|
||||
|
||||
background-image: linear-gradient(to bottom,
|
||||
$base_color,
|
||||
darken($base_color,10%));
|
||||
|
||||
&:backdrop {
|
||||
@if $variant == 'light' { color: $selected_bg_color; }
|
||||
@else { border-color: $backdrop_base_color; }
|
||||
background-color: $backdrop_base_color;
|
||||
}
|
||||
}
|
||||
|
||||
&:backdrop {
|
||||
@if $variant == 'light' { color: $backdrop_base_color; }
|
||||
@else { border-color: $backdrop_base_color; }
|
||||
@ -1423,9 +1429,11 @@ GtkTreeView.view {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.trough { // progress bar trough in treeviews
|
||||
background-color: transparentize($fg_color,0.9);
|
||||
border-radius: 4px;
|
||||
|
||||
&:selected {
|
||||
background-color: if($variant == 'light',
|
||||
transparentize($selected_fg_color, 0.7),
|
||||
@ -1442,7 +1450,7 @@ GtkTreeView.view {
|
||||
column-header {
|
||||
.button {
|
||||
@extend %column_header_button;
|
||||
$_column_header_color: mix($fg_color,$base_color,50%);
|
||||
$_column_header_color: mix($fg_color, $base_color, 50%);
|
||||
color: $_column_header_color;
|
||||
background-color: $base_color;
|
||||
font-weight: bold;
|
||||
@ -1450,7 +1458,7 @@ column-header {
|
||||
box-shadow: none;
|
||||
&:hover {
|
||||
@extend %column_header_button;
|
||||
color: mix($_column_header_color,$fg_color,50%);
|
||||
color: mix($_column_header_color, $fg_color, 50%);
|
||||
box-shadow: none;
|
||||
transition: none; //I shouldn't need this
|
||||
}
|
||||
@ -1496,7 +1504,7 @@ column-header.button.dnd { // for treeview-like derive widgets
|
||||
&:backdrop {
|
||||
border-color: $backdrop_bg_color;
|
||||
border-style: none solid solid none;
|
||||
color: mix($backdrop_fg_color, $backdrop_bg_color,50%);
|
||||
color: mix($backdrop_fg_color, $backdrop_bg_color, 50%);
|
||||
background-image: none;
|
||||
background-color: $backdrop_base_color;
|
||||
&:insensitive {
|
||||
@ -2025,16 +2033,15 @@ GtkSwitch {
|
||||
border: 1px solid $borders_color;
|
||||
border-radius: 3px;
|
||||
color: $fg_color;
|
||||
background-image: linear-gradient(to bottom,
|
||||
mix($bg_color,$borders_color,60%));
|
||||
background-image: linear-gradient(to bottom, mix($bg_color, $borders_color, 60%));
|
||||
text-shadow: 0 1px transparentize(black, 0.9);
|
||||
&:active {
|
||||
@include progressbar_fill;
|
||||
color: white;
|
||||
border-color: $selected_borders_color;
|
||||
box-shadow: _widget_edge();
|
||||
text-shadow: 0 1px transparentize($selected_borders_color,0.5),
|
||||
0 0 2px transparentize(white,0.4);
|
||||
text-shadow: 0 1px transparentize($selected_borders_color, 0.5),
|
||||
0 0 2px transparentize(white, 0.4);
|
||||
}
|
||||
&:insensitive {
|
||||
color: $insensitive_fg_color;
|
||||
@ -2070,15 +2077,15 @@ GtkSwitch {
|
||||
border-radius: 3px;
|
||||
@include button(normal);
|
||||
box-shadow: inset 0 1px if($variant=='light', white,
|
||||
transparentize(white,0.85)),
|
||||
inset 0 -2px transparentize($bg_color,0.4),
|
||||
inset 0 -1px mix($bg_color,$borders_color,50%);
|
||||
transparentize(white, 0.85)),
|
||||
inset 0 -2px transparentize($bg_color, 0.4),
|
||||
inset 0 -1px mix($bg_color, $borders_color, 50%);
|
||||
&:hover {
|
||||
@include button(hover);
|
||||
box-shadow: inset 0 1px if($variant=='light', white,
|
||||
transparentize(white,0.85)),
|
||||
inset 0 -2px transparentize($bg_color,0.4),
|
||||
inset 0 -1px mix($bg_color,$borders_color,50%);
|
||||
transparentize(white, 0.85)),
|
||||
inset 0 -2px transparentize($bg_color, 0.4),
|
||||
inset 0 -1px mix($bg_color, $borders_color, 50%);
|
||||
}
|
||||
&:active { border: 1px solid $selected_borders_color; }
|
||||
&:insensitive { @include button(insensitive, $edge:none); }
|
||||
@ -2241,16 +2248,16 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
|
||||
box-shadow: inset 0 1px if($variant=='light', white,
|
||||
transparentize(white,0.85)),
|
||||
inset 0 #{-2px} $bg_color,
|
||||
inset 0 #{-1px} mix($bg_color,$borders_color,50%);
|
||||
inset 0 #{-1px} mix($bg_color, $borders_color, 50%);
|
||||
&:hover {
|
||||
@include button(hover);
|
||||
border-color: darken($borders_color,3%);
|
||||
border-radius: 50%; // needed for double marks scales
|
||||
box-shadow: inset 0 1px if($variant=='light', white,
|
||||
transparentize(white,0.85)),
|
||||
transparentize(white, 0.85)),
|
||||
inset 0 #{-2px} if($variant=='light', white,
|
||||
transparentize(white,0.86)),
|
||||
inset 0 #{-1px} mix($bg_color,$borders_color,70%);
|
||||
transparentize(white, 0.86)),
|
||||
inset 0 #{-1px} mix($bg_color, $borders_color, 70%);
|
||||
}
|
||||
&:insensitive {
|
||||
border-style: solid; // needed for double marks scales or they'll get
|
||||
@ -2285,7 +2292,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
|
||||
margin: 10px;
|
||||
border: 1px solid $borders_color;
|
||||
border-radius: 3px;
|
||||
background-color: mix($bg_color,$borders_color,60%);
|
||||
background-color: mix($bg_color, $borders_color, 60%);
|
||||
box-shadow: inset 1px 1px transparentize(black, 0.9),
|
||||
_widget_edge();
|
||||
&.highlight {
|
||||
@ -2308,7 +2315,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
|
||||
}
|
||||
&:backdrop {
|
||||
border-color: $backdrop_borders_color;
|
||||
background-color: mix($backdrop_bg_color,$borders_color);
|
||||
background-color: mix($backdrop_bg_color, $borders_color, 50%);
|
||||
box-shadow: none;
|
||||
}
|
||||
&:backdrop:insensitive, .highlight:backdrop:insensitive {
|
||||
@ -2413,7 +2420,7 @@ GtkProgressBar {
|
||||
&.trough { // background
|
||||
border: 1px solid $borders_color;
|
||||
border-radius: 3px;
|
||||
background-color: mix($borders_color,$bg_color, 35%);
|
||||
background-color: mix($borders_color, $bg_color, 35%);
|
||||
&:backdrop{
|
||||
border-color: $backdrop_borders_color;
|
||||
background-color: $backdrop_dark_fill;
|
||||
@ -2600,10 +2607,10 @@ GtkScrolledWindow {
|
||||
background-color: mix($fg_color, $base_color, 5%);
|
||||
}
|
||||
&:active {
|
||||
box-shadow: inset 0 2px 2px -2px transparentize(black,0.8);
|
||||
box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8);
|
||||
}
|
||||
&:selected {
|
||||
&:active { box-shadow: inset 0 2px 3px -1px transparentize(black,0.5); }
|
||||
&:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); }
|
||||
&:hover {
|
||||
background-color: mix($fg_color, $selected_bg_color, 10%);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user