Commit cdb61b0b authored by Alexander Mikhaylenko's avatar Alexander Mikhaylenko
Browse files

stylesheet: Brighten accent color for dark variant

We finally can do it.

Remove a bunch of dark variant overrides as well.

Fixes #182
parent 47aeb9cb
Pipeline #289167 passed with stage
in 2 minutes and 13 seconds
......@@ -7,13 +7,13 @@ $bg_color: if($variant == 'light', #f6f5f4, darken(desaturate(#3d3846, 100%), 4%
$fg_color: if($variant == 'light', #2e3436, #eeeeec);
$selected_fg_color: #ffffff;
$selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 20%));
$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 30%));
$selected_bg_color: if($variant == 'light', #3584e4, #62a0ea);
$selected_borders_color: darken($selected_bg_color, 15%);
$borders_color: if($variant == 'light', darken($bg_color, 18%), darken($bg_color, 10%));
$alt_borders_color: if($variant == 'light', darken($bg_color, 24%), darken($bg_color, 18%));
$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93));
$link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%));
$link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%));
$link_color:darken($selected_bg_color, 10%);
$link_visited_color: darken($selected_bg_color, 20%);
$dark_fill: mix($borders_color, $bg_color, 50%);
$headerbar_bg_color: $bg_color;
$menu_color: $base_color;
......@@ -46,13 +46,13 @@ $slider_hover_color: white;
$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_hover_color: mix($fg_color, $bg_color, 80%);
$scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%));
$scrollbar_slider_active_color: darken($selected_bg_color, 10%);
$warning_color: #f57900;
$error_color: #cc0000;
$success_color: if($variant == 'light', #33d17a, darken(#33d17a, 10%));
$suggested_color: if($variant == 'light', $selected_bg_color, $selected_bg_color);
$suggested_text_color: if($variant == 'light', darken($suggested_color, 10%), lighten($suggested_color, 20%));
$suggested_color: $selected_bg_color;
$suggested_text_color: if($variant == 'light', darken($suggested_color, 10%), lighten($suggested_color, 10%));
$destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%));
$destructive_text_color: if($variant == 'light', darken($destructive_color, 10%), lighten($destructive_color, 20%));
......@@ -78,7 +78,7 @@ $insensitive_borders_color: mix($borders_color, $bg_color, 80%);
//special cased widget colors
$suggested_bg_color: $selected_bg_color;
$suggested_border_color: $selected_borders_color;
$focus_border_color: if($variant == 'light', transparentize($selected_bg_color, 0.5), transparentize($selected_bg_color, 0.3));
$focus_border_color: transparentize($selected_bg_color, 0.5);
$alt_focus_border_color: if($variant == 'light', transparentize(white, 0.2), transparentize(white,0.7));
$dim_label_opacity: 0.55;
......@@ -98,7 +98,7 @@ $dim_label_opacity: 0.55;
$insensitive_borders_color: mix($borders_color, $bg_color, 80%);
//focus rings
$focus_border_color: if($variant == 'light', transparentize($selected_bg_color, 0.2), transparentize(white, 0.4));
$focus_border_color: transparentize($selected_bg_color, 0.2);
$alt_focus_border_color: if($variant == 'light', white, transparentize(white,0.4));
$dim_label_opacity: 0.9;
......
// stuff for .needs-attention
$_dot_color: if($variant=='light', $selected_bg_color,
lighten($selected_bg_color,15%));
@keyframes needs_attention {
from { background-image: radial-gradient(farthest-side, $_dot_color 0%, transparentize($_dot_color, 1) 0%); }
to { background-image: radial-gradient(farthest-side, $_dot_color 95%, transparentize($_dot_color, 1)); }
from { background-image: radial-gradient(farthest-side, $selected_bg_color 0%, transparentize($selected_bg_color, 1) 0%); }
to { background-image: radial-gradient(farthest-side, $selected_bg_color 95%, transparentize($selected_bg_color, 1)); }
}
%button,
......@@ -267,7 +265,7 @@ button {
// simulates the shadow labels and icons normally have in buttons.
animation: needs_attention 150ms ease-in;
background-image: radial-gradient(farthest-side, $_dot_color 96%, transparentize($_dot_color,1 ));
background-image: radial-gradient(farthest-side, $selected_bg_color 96%, transparentize($selected_bg_color, 1));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment