Skip to content

Commit

Permalink
Merge pull request #303 from DarkTrick/correct_backdrop_colors
Browse files Browse the repository at this point in the history
Gtk3: Changed selected backdrop fg/bg colors to shades of grey.
  • Loading branch information
bluesabre authored Sep 25, 2021
2 parents fcbcb0e + 3da1600 commit 0f7dd2a
Show file tree
Hide file tree
Showing 2 changed files with 16 additions and 19 deletions.
3 changes: 2 additions & 1 deletion light/gtk-3.0/_colors.scss
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,8 @@ $backdrop_text_color: mix($text_color, $backdrop_base_color, 80%);
$backdrop_bg_color: $bg_color;
$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%);
$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%));
$backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color);
$backdrop_selected_fg_color: if($variant == 'light', darken($base_color, 50%), $backdrop_text_color);
$backdrop_selected_bg_color: if($variant == 'light', darken($base_color, 17%), lighten($bg_color, 17%));
$backdrop_borders_color: mix($borders_color, $bg_color, 90%);
$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%);
$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%);
Expand Down
32 changes: 14 additions & 18 deletions light/gtk-3.0/_common.scss
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,7 @@ $button_radius: 3px;
-gtk-secondary-caret-color: $selected_bg_color
}

selection { @extend %selected_items; }

/***************
* Base States *
Expand Down Expand Up @@ -114,9 +115,8 @@ treeview.expander:disabled { -gtk-icon-effect: dim; }
}

&:selected {
@extend %selected_items;
&:focus, & {
@extend %selected_items;

border-radius: 3px;
}
}
Expand All @@ -126,8 +126,6 @@ treeview.expander:disabled { -gtk-icon-effect: dim; }
textview {
text {
@extend %view;

selection { &:focus, & { @extend %selected_items; }}
}
}

Expand Down Expand Up @@ -181,11 +179,6 @@ label {
row:selected &,
&:selected { @extend %nobg_selected_items; }

selection {
background-color: $selected_bg_color;
color: $selected_fg_color;
}

&:disabled {
color: $insensitive_fg_color;

Expand All @@ -199,10 +192,6 @@ label {

selection { @extend %selected_items:disabled; }
}

&:backdrop {
selection { @extend %selected_items:backdrop; }
}
}

.dim-label {
Expand Down Expand Up @@ -317,8 +306,6 @@ entry {

&:backdrop:disabled { @include entry(backdrop-insensitive); }

selection { @extend %selected_items; }

// entry error and warning style
@each $e_type, $e_color in (error, $error_color),
(warning, $warning_color) {
Expand Down Expand Up @@ -1824,8 +1811,6 @@ treeview.view {
&:selected {
&:focus, & {
border-radius: 0;

@extend %selected_items;
}

&:backdrop, & {
Expand Down Expand Up @@ -4506,7 +4491,17 @@ headerbar.selection-mode button.titlebutton,
// catch all extend :)

%selected_items {
background-color: $selected_bg_color;

// don't differentiate between focussed and unfocussed widgets.
&:focus, &{
color: $selected_fg_color;
background-color: $selected_bg_color;
}

&:backdrop {
color: $backdrop_selected_fg_color;
background-color: $backdrop_selected_bg_color;
}

@at-root %nobg_selected_items, & {
color: $selected_fg_color;
Expand All @@ -4517,6 +4512,7 @@ headerbar.selection-mode button.titlebutton,

&:backdrop {
color: $backdrop_selected_fg_color;
background-color: $backdrop_selected_bg_color;

&:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); }
}
Expand Down

0 comments on commit 0f7dd2a

Please sign in to comment.