Update error/warning/success colors
To meet accessibility standards.
In dark variant, those colors should be light as well as primary color.
To meet accessibility standards.
In dark variant, those colors should be light as well as primary color.
by roundabout, Friday, 12 July 2019, 15:00:40 (1562943640), pushed by roundabout, Sunday, 11 May 2025, 13:22:40 (1746969760)
Author identity: nana-4 <hnmaigo@gmail.com>
7f84b1aacb20c37f25269263e32b63aeb71bab89
@import 'color-palette';
$blue: #4285F4;
$green: #34A853;
$yellow: #FBBC05;
$red: #EA4335;
@function gtkalpha($c, $a) {
@return unquote("alpha(#{$c}, #{$a})");
}
$link: $primary;
$link-visited: if($variant == 'light', $purple-500, $purple-200);
$warning: $yellow;
$error: $red;
$success: $green;
$warning: if($variant == 'light', #F4B400, #FDD633);
$error: if($variant == 'light', #D93025, #F28B82);
$success: if($variant == 'light', #0F9D58, #81C995);
$suggested: $primary;
$destructive: $error;
@import 'color-palette';
$blue: %TERMINAL_COLOR12%;
$green: %TERMINAL_COLOR10%;
$yellow: %TERMINAL_COLOR11%;
$red: %TERMINAL_COLOR9%;
@function gtkalpha($c, $a) {
@return unquote("alpha(#{$c}, #{$a})");
}
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<circle cx="18" cy="18" r="18" fill="#EA4335"/>
<circle cx="18" cy="18" r="18" fill="#D93025"/>
<circle cx="18" cy="18" r="18" fill="#FFFFFF" opacity="0"/>
<path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#FFFFFF"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<circle cx="18" cy="18" r="18" fill="#EA4335"/>
<circle cx="18" cy="18" r="18" fill="#FFFFFF" opacity="0.2"/>
<path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#FFFFFF"/>
<circle cx="18" cy="18" r="18" fill="#F28B82"/>
<circle cx="18" cy="18" r="18" fill="#000000" opacity="0.174"/>
<path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#000000" opacity="0.87"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<circle cx="18" cy="18" r="18" fill="#EA4335"/>
<circle cx="18" cy="18" r="18" fill="#FFFFFF" opacity="0"/>
<path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#FFFFFF"/>
<circle cx="18" cy="18" r="18" fill="#F28B82"/>
<circle cx="18" cy="18" r="18" fill="#000000" opacity="0"/>
<path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#000000" opacity="0.87"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<circle cx="18" cy="18" r="18" fill="#EA4335"/>
<circle cx="18" cy="18" r="18" fill="#D93025"/>
<circle cx="18" cy="18" r="18" fill="#FFFFFF" opacity="0.2"/>
<path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#FFFFFF"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<circle cx="18" cy="18" r="18" fill="#EA4335"/>
<circle cx="18" cy="18" r="18" fill="#D93025"/>
<circle cx="18" cy="18" r="18" fill="#FFFFFF" opacity="0"/>
<path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#FFFFFF"/>
</svg>