Lighten light primary color a little
from #7BAAF7 to #8AB4F8, to improve legibility.
from #7BAAF7 to #8AB4F8, to improve legibility.
by roundabout, Tuesday, 18 June 2019, 20:03:02 (1560888182), pushed by roundabout, Sunday, 11 May 2025, 13:22:38 (1746969758)
Author identity: nana-4 <hnmaigo@gmail.com>
f8cf9cc2db1e2e01a36ed31c2fe805d1c0d80339
$red: #EA4335;
$primary-dark: $blue;
$primary-light: #7BAAF7;
$primary-light: #8AB4F8;
$primary: if($variant == 'light', $primary-dark, $primary-light);
$background: if($variant == 'light', #F2F2F2, #282828);
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" fill="#7BAAF7"/>
<path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" fill="#8AB4F8"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M12 8.41L16.59 13 18 11.59l-6-6-6 6L7.41 13 12 8.41zM6 18h12v-2H6v2z" fill="#7BAAF7"/>
<path d="M12 8.41L16.59 13 18 11.59l-6-6-6 6L7.41 13 12 8.41zM6 18h12v-2H6v2z" fill="#8AB4F8"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" fill="#7BAAF7"/>
<path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" fill="#8AB4F8"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<circle cx="8" cy="8" r="8" fill="#7BAAF7"/>
<circle cx="8" cy="8" r="8" fill="#8AB4F8"/>
<path d="M7 4v3H4v2h3v3h2V9h3V7H9V4H7z" fill="#FFFFFF"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="20" viewBox="0 0 40 20">
<rect x="2" y="2" width="36" height="16" ry="8" fill="#7BAAF7"/>
<rect x="2" y="2" width="36" height="16" ry="8" fill="#8AB4F8"/>
<circle cx="30" cy="10" r="6" fill="#FFFFFF"/>
</svg>
</linearGradient>
<linearGradient id="color-primary">
<stop offset="1" stop-color="#7BAAF7"/>
<stop offset="1" stop-color="#8AB4F8"/>
</linearGradient>
<linearGradient id="color-background">
# Foreground/background
gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#282828"
# Selected foreground/background
gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#7BAAF7"
gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#8AB4F8"
# Titlebar foreground/background
gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#383838"
# Tooltips foreground/background
gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161"
# Links
gtk-color-scheme = "link_color:#7BAAF7\nvisited_link_color:#E040FB"
gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#E040FB"
# Set GTK settings
gtk-auto-mnemonics = 1
</linearGradient>
<linearGradient id="color-primary-light">
<stop offset="1" stop-color="#7BAAF7"/>
<stop offset="1" stop-color="#8AB4F8"/>
</linearGradient>
<linearGradient id="color-background">