by roundabout, Saturday, 19 May 2018, 04:38:08 (1526704688), pushed by roundabout, Sunday, 11 May 2025, 13:22:24 (1746969744)
Author identity: nana-4 <hnmaigo@gmail.com>
d9aa13f86f26439c12b328c5a358e0be3164b812
src/_sass/_colors.scss.template
@@ -7,32 +7,28 @@
@return unquote("alpha(#{$c}, #{$a})");
}
@function fade($c) {
@return mix($c, %FG%, 50%);
}
// Foreground colors
$dark_fg_color: %FG%;
$dark_fg_color: %FG%;
$light_fg_color: %BG%;
$fg_color: %FG%;
$button_fg_color: %BTN_FG%;
$secondary_fg_color: if($variant == 'light', rgba(%BTN_FG%, 0.54), rgba(%BTN_FG%, 0.7));
$hint_fg_color: if($variant == 'light', rgba(%FG%, 0.38), rgba(%FG%, 0.5));
$disabled_fg_color: if($variant == 'light', rgba(%FG%, 0.38), rgba(%FG%, 0.5));
$disabled_secondary_fg_color: if($variant == 'light', rgba(%BTN_FG%, 0.26), rgba(%BTN_FG%, 0.3));
$track_color: if($variant == 'light', rgba(%FG%, 0.26), rgba(%FG%, 0.3));
$divider_color: if($variant == 'light', rgba(%FG%, 0.12), rgba(%FG%, 0.12));
$titlebar_fg_color: %MENU_FG%;
$titlebar_secondary_fg_color: if($titlebar == 'light', rgba(%MENU_FG%, 0.54), rgba(%MENU_FG%, 0.7));
$titlebar_hint_fg_color: if($titlebar == 'light', rgba(%MENU_FG%, 0.38), rgba(%MENU_FG%, 0.5));
$titlebar_disabled_fg_color: if($titlebar == 'light', rgba(%MENU_FG%, 0.38), rgba(%MENU_FG%, 0.5));
$titlebar_disabled_secondary_fg_color: if($titlebar == 'light', rgba(%MENU_FG%, 0.26), rgba(%MENU_FG%, 0.3));
$titlebar_track_color: if($titlebar == 'light', rgba(%MENU_FG%, 0.26), rgba(%MENU_FG%, 0.3));
$titlebar_divider_color: if($titlebar == 'light', rgba(%MENU_FG%, 0.12), rgba(%MENU_FG%, 0.12));
$inverse_fg_color: %SEL_FG%;
$fg_color: %FG%;
$button_fg_color: %BTN_FG%; // extra fg color for raised buttons
$secondary_fg_color: rgba(%FG%, 0.7);
$hint_fg_color: rgba(%FG%, 0.5);
$disabled_fg_color: rgba(%FG%, 0.5);
$disabled_secondary_fg_color: rgba(%FG%, 0.3);
$track_color: rgba(%FG%, 0.3);
$divider_color: rgba(%FG%, 0.12);
$titlebar_fg_color: %MENU_FG%;
$titlebar_secondary_fg_color: rgba(%MENU_FG%, 0.7);
$titlebar_hint_fg_color: rgba(%MENU_FG%, 0.5);
$titlebar_disabled_fg_color: rgba(%MENU_FG%, 0.5);
$titlebar_disabled_secondary_fg_color: rgba(%MENU_FG%, 0.3);
$titlebar_track_color: rgba(%MENU_FG%, 0.3);
$titlebar_divider_color: rgba(%MENU_FG%, 0.12);
$inverse_fg_color: %SEL_FG%;
$inverse_secondary_fg_color: rgba(%SEL_FG%, 0.7);
$inverse_hint_fg_color: rgba(%SEL_FG%, 0.5);
$inverse_disabled_fg_color: rgba(%SEL_FG%, 0.5);
@@ -44,64 +40,60 @@ $inverse_divider_color: rgba(%SEL_FG%, 0.12);
$bg_color: %BG%;
$base_color: %TXT_BG%;
$alt_base_color: %INACTIVE_TXT_BG%;
$lighter_bg_color: %BTN_BG%;
$popup_bg_color: %TXT_BG%;
$alt_lighter_bg_color: if($variant == 'light', %BG2%, %MENU_BG%); // for gnome-shell sub menu
$darker_bg_color: if($variant == 'light', %BG%, %MENU_BG%);
$button_bg_color: %BTN_BG%;
$titlebar_bg_color: %MENU_BG%;
$alt_titlebar_bg_color: %MENU_BG%;
$panel_bg_color: rgba(%MENU_BG%, %GNOME_SHELL_PANEL_OPACITY%);
$alt_panel_bg_color: rgba(%MENU_BG%, $lower_opacity);
$inverse_panel_bg_color: rgba($inverse_fg_color, 0.1);
$solid_panel_bg_color: %MENU_BG%;
$opaque_panel_bg_color: if($titlebar == 'dark', %MENU_BG%, mix(%MENU_BG%, %MENU_BG%, 50%)); // for Unity panel which cannot use translucent colors
$panel_bg_color: rgba(black, %GNOME_SHELL_PANEL_OPACITY%);
$alt_panel_bg_color: rgba(black, 0.3);
$inverse_panel_bg_color: rgba(white, 0.1);
$solid_panel_bg_color: if($titlebar == 'dark', %MENU_BG%, $panel_bg_color);
$opaque_panel_bg_color: %MENU_BG%; // for Unity panel which cannot use translucent colors
$gdm_bg_color: %MENU_BG%;
$fill_color: gtkalpha(currentColor, $lower_opacity);
$semi_fill_color: gtkalpha(currentColor, $lower_opacity / 2);
$row_fill_color: gtkalpha(currentColor, 0.05);
$fill_color: gtkalpha(currentColor, 0.24);
$semi_fill_color: gtkalpha(currentColor, 0.12);
$row_fill_color: gtkalpha(currentColor, 0.06);
// Misc colors
$primary_color: %SEL_BG%;
$alt_primary_color: %SEL_BG2%;
$accent_color: %ACCENT_BG%;
$disabled_accent_color: rgba($accent_color, 0.5);
$primary_color: %SEL_BG%;
$alt_primary_color: %SEL_BG2%;
$secondary_color: %ACCENT_BG%;
$disabled_secondary_color: rgba($secondary_color, 0.5);
$link_color: %TERMINAL_COLOR4%;
$link_color: %TERMINAL_COLOR4%;
$visited_link_color: %TERMINAL_COLOR5%;
$warning_color: %TERMINAL_COLOR11%;
$error_color: %TERMINAL_COLOR9%;
$error_color: %TERMINAL_COLOR9%;
$success_color: %TERMINAL_COLOR10%;
$suggested_color: $accent_color;
$suggested_color: $secondary_color;
$destructive_color: $error_color;
$info_bg_color: %TERMINAL_COLOR12%;
$info_bg_color: %TERMINAL_COLOR12%;
$question_bg_color: $info_bg_color;
$warning_bg_color: $warning_color;
$error_bg_color: $error_color;
$warning_bg_color: $warning_color;
$error_bg_color: $error_color;
$tooltip_bg_color: %MENU_BG%;
$tooltip_fg_color: %MENU_FG%;
$border_color: if($variant == 'light', rgba(%FG%, 0.12), rgba(%MENU_BG%, 0.26));
$alt_border_color: rgba(%FG%, 0.26); // for non-native GTK+ apps (e.g. Firefox and Chrome)
$highlight_color: if($variant == 'light', rgba(%TXT_BG%, 0.4), rgba(%TXT_FG%, 0.1));
$titlebar_highlight_color: if($titlebar == 'dark', rgba(%MENU_BG%, 0.1), rgba(%MENU_FG%, 0.4));
$alt_highlight_color: if($variant == 'light', rgba(%TXT_BG%, 0.2), rgba(%TXT_FG%, 0.2)); // for selection-mode headerbar which colored with $primary_color
$border_color: if($variant == 'light', rgba(black, 0.12), rgba(black, 0.26));
$alt_border_color: rgba(black, 0.26); // for non-native GTK+ apps (e.g. Firefox and Chrome)
$highlight_color: if($variant == 'light', rgba(white, 0.4), rgba(white, 0.1));
$titlebar_highlight_color: if($titlebar == 'dark', rgba(white, 0.1), rgba(white, 0.4));
$alt_highlight_color: rgba(white, 0.2); // for selection-mode headerbar which colored with $primary_color
$titlebar_indicator_color: if($titlebar == 'dark', currentColor, $primary_color);
// for Electron/Atom menu which cannot use translucent colors
// FIXME: Electron/Atom menu does not allow translucent colors
$opaque_fg_color: %FG%;
$opaque_secondary_fg_color: mix(%FG%, $base_color, percentage(0.7));
$opaque_disabled_fg_color: mix(%FG%, $base_color, percentage(0.5));
$opaque_divider_color: mix(%FG%, $base_color, percentage(0.12));
// FIXME: gtk's @placeholder_text_color API really should use $secondary_fg_color,
// but it doesn't work with translucent colors. So we use opaque colors instead.
$placeholder_text_color: if($variant == 'light',
mix(%FG%, $base_color, percentage(0.54)),
mix(%TXT_BG%, $base_color, percentage(0.7)));
// FIXME: gtk @placeholder_text_color does not allow translucent colors
$placeholder_text_color: mix(%FG%, $base_color, percentage(0.7));