by roundabout, Friday, 8 February 2019, 21:40:40 (1549662040), pushed by roundabout, Sunday, 11 May 2025, 13:22:33 (1746969753)
Author identity: nana-4 <hnmaigo@gmail.com>
fb79e73b7aa0d10c01db43e80e1f52215dd691d1
src/_sass/_colors.scss
@@ -2,10 +2,6 @@
// it gets @if ed depending on $variant
@import 'color-palette';
$blue: #4285F4;
$green: #34A853;
$yellow: #FBBC05;
$red: #EA4335;
@function gtkalpha($c, $a) {
@return unquote("alpha(#{$c}, #{$a})");
@@ -17,60 +13,35 @@ $red: #EA4335;
@else { @return rgba(white, 0.1); }
}
// Foreground colors
$text-on-light: rgba(black, 0.87);
$text-on-dark: white;
//
// Basic colors
//
$text: if($variant == 'light', rgba(black, 0.87), white);
$text-secondary: if($variant == 'light', rgba(black, 0.54), rgba(white, 0.7));
$text-disabled: if($variant == 'light', rgba(black, 0.38), rgba(white, 0.5));
$text-secondary-disabled: if($variant == 'light', rgba(black, 0.26), rgba(white, 0.3));
$track: if($variant == 'light', rgba(black, 0.26), rgba(white, 0.3));
$divider: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12));
$fill: if($variant == 'light', rgba(black, 0.04), rgba(white, 0.04));
$titlebar-text: if($topbar == 'light', rgba(black, 0.87), white);
$titlebar-text-secondary: if($topbar == 'light', rgba(black, 0.54), rgba(white, 0.7));
$titlebar-text-disabled: if($topbar == 'light', rgba(black, 0.38), rgba(white, 0.5));
$titlebar-text-secondary-disabled: if($topbar == 'light', rgba(black, 0.26), rgba(white, 0.3));
$titlebar-track: if($topbar == 'light', rgba(black, 0.26), rgba(white, 0.3));
$titlebar-divider: if($topbar == 'light', rgba(black, 0.12), rgba(white, 0.12));
$titlebar-fill: if($topbar == 'light', rgba(black, 0.04), rgba(white, 0.04));
$blue: #4285F4;
$green: #34A853;
$yellow: #FBBC05;
$red: #EA4335;
$inverse-text: white;
$inverse-text-secondary: rgba(white, 0.7);
$inverse-text-disabled: rgba(white, 0.5);
$inverse-text-secondary-disabled: rgba(white, 0.3);
$inverse-track: rgba(white, 0.3);
$inverse-divider: rgba(white, 0.12);
$inverse-fill: rgba(white, 0.04);
$primary: $blue;
$primary-alt: #7BAAF7;
// Background colors
$background: if($variant == 'light', #F2F2F2, #282828);
$surface: if($variant == 'light', #FFFFFF, #424242);
$base: if($variant == 'light', #FFFFFF, #303030);
$base-alt: if($variant == 'light', #FAFAFA, #2C2C2C);
$surface: if($variant == 'light', #FFFFFF, #424242);
$titlebar: if($topbar == 'dark', #383838, #E0E0E0);
$scrim: rgba(black, 0.6);
$scrim-alt: rgba(black, 0.3);
$scrim-inverse: rgba(white, 0.1);
$titlebar: if($topbar == 'dark', #383838, #E0E0E0);
$panel: if($topbar == 'dark', #212121, $scrim);
$panel-solid: if($topbar == 'dark', #212121, #CBCBCB); // for Unity panel which cannot use translucent colors
$os-background: #303030;
$overlay-hover: gtkalpha(currentColor, 0.08);
$overlay-focus: gtkalpha(currentColor, 0.12);
$overlay-focus-hover: gtkalpha(currentColor, 0.16);
$overlay-active: gtkalpha(currentColor, 0.12);
$overlay-checked: gtkalpha(currentColor, 0.24);
// Misc colors
$primary: $blue;
$primary-alt: #7BAAF7;
$overlay-selected: rgba($primary, 0.32);
//
$link: $primary;
$link-visited: $purple-a200;
@@ -87,13 +58,53 @@ $infobar-question: $blue;
$infobar-warning: $yellow;
$infobar-error: $red;
$tooltip: rgba(#616161, 0.9);
$tooltip-text: white;
$border: if($variant == 'light', rgba(black, 0.12), rgba(black, 0.26));
$border-alt: rgba(black, 0.26); // for non-native GTK+ apps (e.g. Firefox and Chrome)
$titlebar-indicator: if($topbar == 'dark', currentColor, $primary);
// FIXME: Electron/Atom menu does not allow translucent colors
$solid-text: if($variant == 'light', $grey-900, $white);
$solid-text-secondary: if($variant == 'light', $grey-600, mix($white, $surface, percentage(0.7)));