theme: Use better replacements for color expressions

These match what we recommend for migration.
This commit is contained in:
Matthias Clasen 2024-06-04 12:54:41 -04:00
parent 03e971b2e3
commit aa03c50f05
2 changed files with 9 additions and 9 deletions

View File

@ -93,22 +93,22 @@ $_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is
/*
these colors are exported for the window manager and shouldn't be used in applications,
read if you used those and something break with a version upgrade you're on your own... */
@define-color wm_title shade(#{$fg_color}, 1.8);
@define-color wm_title hsl(from #{$fg_color} h calc(s * 1.8) calc(l * 1.8));
@define-color wm_unfocused_title #{$backdrop_fg_color};
@define-color wm_highlight #{"" + $_wm_highlight};
@define-color wm_borders_edge #{"" + $borders_edge};
@define-color wm_bg_a shade(#{$bg_color}, 1.2);
@define-color wm_bg_a hsl(from #{$bg_color} h calc(s * 1.2) calc(l * 1.2));
@define-color wm_bg_b #{$bg_color};
@define-color wm_shadow alpha(black, 0.35);
@define-color wm_border alpha(black, 0.18);
@define-color wm_shadow rgb(from black r g b / calc(alpha * 0.35));
@define-color wm_border rgb(from black r g b / calc(alpha * 0.18));
@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3);
@define-color wm_button_hover_color_a hsl(from #{$bg_color} h calc(s * 1.3) calc(l * 1.3));
@define-color wm_button_hover_color_b #{$bg_color};
@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85);
@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89);
@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9);
@define-color wm_button_active_color_a hsl(from #{$bg_color} h calc(s * 0.85) calc(l * 0.85));
@define-color wm_button_active_color_b hsl(from #{$bg_color} h calc(s * 0.89) calc(l * 0.89));
@define-color wm_button_active_color_c hsl(from #{$bg_color} h calc(s * 0.9) calc(l * 0.9));
//FIXME this is really an API

View File

@ -1,5 +1,5 @@
@function gtkalpha($c,$a) {
@return unquote("alpha(#{$c},#{$a})");
@return unquote("rgb(from #{$c} r g b / calc(alpha * #{$a}))");
}
$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);