by roundabout, Sunday, 13 May 2018, 01:58:19 (1526176699), pushed by roundabout, Sunday, 11 May 2025, 13:22:23 (1746969743)
Author identity: nana-4 <hnmaigo@gmail.com>
b0cb76ee73d63afcd0faab70b0d0bdbc478184e9
src/_sass/_colors.scss
@@ -12,33 +12,33 @@ $google_red_color: #EA4335;
}
// Foreground colors
$dark_fg_color: rgba($black, 0.87);
$light_fg_color: $white;
$fg_color: if($variant == 'light', rgba($black, 0.87), $white);
$button_fg_color: if($variant == 'light', rgba($black, 0.62), rgba($white, 0.8)); // extra fg color for raised buttons
$secondary_fg_color: if($variant == 'light', rgba($black, 0.54), rgba($white, 0.7));
$hint_fg_color: if($variant == 'light', rgba($black, 0.38), rgba($white, 0.5));
$disabled_fg_color: if($variant == 'light', rgba($black, 0.38), rgba($white, 0.5));
$disabled_secondary_fg_color: if($variant == 'light', rgba($black, 0.26), rgba($white, 0.3));
$track_color: if($variant == 'light', rgba($black, 0.26), rgba($white, 0.3));
$divider_color: if($variant == 'light', rgba($black, 0.12), rgba($white, 0.12));
$titlebar_fg_color: if($titlebar == 'light', rgba($black, 0.87), $white);
$titlebar_secondary_fg_color: if($titlebar == 'light', rgba($black, 0.54), rgba($white, 0.7));
$titlebar_hint_fg_color: if($titlebar == 'light', rgba($black, 0.38), rgba($white, 0.5));
$titlebar_disabled_fg_color: if($titlebar == 'light', rgba($black, 0.38), rgba($white, 0.5));
$titlebar_disabled_secondary_fg_color: if($titlebar == 'light', rgba($black, 0.26), rgba($white, 0.3));
$titlebar_track_color: if($titlebar == 'light', rgba($black, 0.26), rgba($white, 0.3));
$titlebar_divider_color: if($titlebar == 'light', rgba($black, 0.12), rgba($white, 0.12));
$inverse_fg_color: $white;
$inverse_secondary_fg_color: rgba($white, 0.7);
$inverse_hint_fg_color: rgba($white, 0.5);
$inverse_disabled_fg_color: rgba($white, 0.5);
$inverse_disabled_secondary_fg_color: rgba($white, 0.3);
$inverse_track_color: rgba($white, 0.3);
$inverse_divider_color: rgba($white, 0.12);
$dark_fg_color: rgba(black, 0.87);
$light_fg_color: white;
$fg_color: if($variant == 'light', rgba(black, 0.87), white);
$button_fg_color: if($variant == 'light', rgba(black, 0.62), rgba(white, 0.8)); // extra fg color for raised buttons
$secondary_fg_color: if($variant == 'light', rgba(black, 0.54), rgba(white, 0.7));
$hint_fg_color: if($variant == 'light', rgba(black, 0.38), rgba(white, 0.5));
$disabled_fg_color: if($variant == 'light', rgba(black, 0.38), rgba(white, 0.5));
$disabled_secondary_fg_color: if($variant == 'light', rgba(black, 0.26), rgba(white, 0.3));
$track_color: if($variant == 'light', rgba(black, 0.26), rgba(white, 0.3));
$divider_color: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12));
$titlebar_fg_color: if($titlebar == 'light', rgba(black, 0.87), white);
$titlebar_secondary_fg_color: if($titlebar == 'light', rgba(black, 0.54), rgba(white, 0.7));
$titlebar_hint_fg_color: if($titlebar == 'light', rgba(black, 0.38), rgba(white, 0.5));
$titlebar_disabled_fg_color: if($titlebar == 'light', rgba(black, 0.38), rgba(white, 0.5));
$titlebar_disabled_secondary_fg_color: if($titlebar == 'light', rgba(black, 0.26), rgba(white, 0.3));
$titlebar_track_color: if($titlebar == 'light', rgba(black, 0.26), rgba(white, 0.3));
$titlebar_divider_color: if($titlebar == 'light', rgba(black, 0.12), rgba(white, 0.12));
$inverse_fg_color: white;
$inverse_secondary_fg_color: rgba(white, 0.7);
$inverse_hint_fg_color: rgba(white, 0.5);
$inverse_disabled_fg_color: rgba(white, 0.5);
$inverse_disabled_secondary_fg_color: rgba(white, 0.3);
$inverse_track_color: rgba(white, 0.3);
$inverse_divider_color: rgba(white, 0.12);
// Background colors
$bg_color: if($variant == 'light', #F2F2F2, #282828);
@@ -49,11 +49,10 @@ $alt_lighter_bg_color: if($variant == 'light', #EEEEEE, #303030); // for gnome-s
$darker_bg_color: if($variant == 'light', #EEEEEE, #212121);
$titlebar_bg_color: if($titlebar == 'dark', #383838, #E0E0E0);
$alt_titlebar_bg_color: if($titlebar == 'dark', #383838, #E0E0E0);
$panel_bg_color: rgba($black, $middle_opacity);
$alt_panel_bg_color: rgba($black, $lower_opacity);
$inverse_panel_bg_color: rgba($inverse_fg_color, 0.1);
$panel_bg_color: rgba(black, 0.6);
$alt_panel_bg_color: rgba(black, 0.3);
$inverse_panel_bg_color: rgba(white, 0.1);
$solid_panel_bg_color: if($titlebar == 'dark', #212121, $panel_bg_color);
$opaque_panel_bg_color: if($titlebar == 'dark', #212121, #CBCBCB); // for Unity panel which cannot use translucent colors
@@ -84,24 +83,21 @@ $question_bg_color: $google_blue_color;
$warning_bg_color: $google_yellow_color;
$error_bg_color: $google_red_color;
$tooltip_bg_color: #616161;
$tooltip_fg_color: $inverse_fg_color;
$tooltip_bg_color: rgba(#616161, 0.9);
$tooltip_fg_color: white;
$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
$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: if($variant == 'light', $grey_900, $white);
$opaque_secondary_fg_color: if($variant == 'light', $grey_600, mix($white, $base_color, percentage(0.7)));
$opaque_disabled_fg_color: if($variant == 'light', $grey_500, mix($white, $base_color, percentage(0.5)));
$opaque_divider_color: if($variant == 'light', $grey_300, mix($white, $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($black, $base_color, percentage(0.54)),
mix($white, $base_color, percentage(0.7)));
// FIXME: gtk @placeholder_text_color does not allow translucent colors
$placeholder_text_color: if($variant == 'light', $grey_600, mix($white, $base_color, percentage(0.7)));
src/_sass/gtk/_apps-3.18.scss
@@ -193,7 +193,7 @@ UnityDecoration.top {
border-style: none;
border-radius: 2px 2px 0 0;
box-shadow: inset 0 1px $titlebar_highlight_color;
background-color: $alt_titlebar_bg_color;
background-color: $titlebar_bg_color;
color: $titlebar_fg_color;
}
src/_sass/gtk/_common-3.20.scss
@@ -126,7 +126,7 @@ flowbox {
// margin: 2px;
// padding: 0;
// border-radius: 0;
// background-color: $black;
// background-color: black;
&:selected {
background-color: transparent;
@@ -3139,7 +3139,7 @@ tooltip {
// background-color needs to be set this way otherwise it gets drawn twice
// see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details.
// box-shadow: inset 0 1px $highlight_color;
background-color: rgba($tooltip_bg_color, $higher_opacity);
background-color: $tooltip_bg_color;
color: $tooltip_fg_color;
}
src/_sass/gtk/apps/_budgie.scss
@@ -512,7 +512,7 @@ calendar.raven-calendar {
// MPRIS Applet
.raven-mpris {
background-color: rgba($black, $middle_opacity);
background-color: $panel_bg_color;
color: $inverse_fg_color;
label { min-height: 24px; }
src/_sass/gtk/apps/_gnome-3.20.scss
@@ -22,7 +22,7 @@
}
.nautilus-desktop.nautilus-canvas-item:not(:selected) {
// background-color: rgba($black, $lower_opacity);
// background-color: $panel_bg_color;
color: $inverse_fg_color;
text-shadow: $shadow_1;
}
@@ -653,7 +653,7 @@ list.categories { background-image: image($alt_base_color); }
min-height: 24px;
padding: 0 4px;
border-radius: $material_radius;
background-color: rgba($black, $lower_opacity);
background-color: $panel_bg_color;
color: $inverse_fg_color;
}
@@ -679,7 +679,7 @@ button.title label { min-height: $medium_size; }
padding-left: 0;
}
> separator { background-color: rgba($black, 0.05); }
> separator { background-color: rgba(black, 0.05); }
}
.geary-titlebar-right {
src/_sass/gtk/apps/_gnome-3.22.scss
@@ -22,7 +22,7 @@
}
.nautilus-desktop.nautilus-canvas-item:not(:selected) {
// background-color: rgba($black, $lower_opacity);
// background-color: $panel_bg_color;
color: $inverse_fg_color;
text-shadow: $shadow_1;
}
@@ -870,7 +870,7 @@ list.categories { background-image: image($alt_base_color); }
min-height: 24px;
padding: 0 4px;
border-radius: $material_radius;
background-color: rgba($black, $lower_opacity);
background-color: $panel_bg_color;
color: $inverse_fg_color;
}
@@ -896,7 +896,7 @@ button.title label { min-height: $medium_size; }
padding-left: 0;
}
> separator { background-color: rgba($black, 0.05); }
> separator { background-color: rgba(black, 0.05); }
}
.geary-titlebar-right {
src/_sass/gtk/apps/_unity.scss
@@ -28,7 +28,7 @@ UnityDecoration {
border-style: none;
border-radius: 2px 2px 0 0;
box-shadow: inset 0 1px $titlebar_highlight_color;
background-color: $alt_titlebar_bg_color;
background-color: $titlebar_bg_color;
color: $titlebar_fg_color;
&:backdrop { color: $titlebar_secondary_fg_color; }