diff options
author | Jakub Steiner <jimmac@gmail.com> | 2022-04-25 14:40:29 +0200 |
---|---|---|
committer | Florian Müllner <fmuellner@gnome.org> | 2022-05-06 13:29:13 +0200 |
commit | 57c79c08848192222bb103c8eac7212ea32ec8e6 (patch) | |
tree | acf86dd819889822aa83ce558050e479e976a57d | |
parent | 636235c71a3d876e74539f2179247be60767cebc (diff) | |
download | gnome-shell-sass-57c79c08848192222bb103c8eac7212ea32ec8e6.tar.gz |
style: Sync default colors with libadwaita
- include GNOME HIG color palette
- sync warning, error, success and destructive colors with libadwaita,
improving contrast for dark theme
Fixes https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2280
-rw-r--r-- | _colors.scss | 56 |
1 files changed, 52 insertions, 4 deletions
diff --git a/_colors.scss b/_colors.scss index 7dfe666..73db6fe 100644 --- a/_colors.scss +++ b/_colors.scss @@ -1,6 +1,54 @@ // When color definition differs for dark and light variant, // it gets @if-ed depending on $variant +//GNOME Color Palette +$blue_1: #99c1f1; +$blue_2: #62a0ea; +$blue_3: #3584e4; +$blue_4: #1c71d8; +$blue_5: #1a5fb4; +$green_1: #8ff0a4; +$green_2: #57e389; +$green_3: #33d17a; +$green_4: #2ec27e; +$green_5: #26a269; +$yellow_1: #f9f06b; +$yellow_2: #f8e45c; +$yellow_3: #f6d32d; +$yellow_4: #f5c211; +$yellow_5: #e5a50a; +$orange_1: #ffbe6f; +$orange_2: #ffa348; +$orange_3: #ff7800; +$orange_4: #e66100; +$orange_5: #c64600; +$red_1: #f66151; +$red_2: #ed333b; +$red_3: #e01b24; +$red_4: #c01c28; +$red_5: #a51d2d; +$purple_1: #dc8add; +$purple_2: #c061cb; +$purple_3: #9141ac; +$purple_4: #813d9c; +$purple_5: #613583; +$brown_1: #cdab8f; +$brown_2: #b5835a; +$brown_3: #986a44; +$brown_4: #865e3c; +$brown_5: #63452c; +$light_1: #ffffff; +$light_2: #f6f5f4; +$light_3: #deddda; +$light_4: #c0bfbc; +$light_5: #9a9996; +$dark_1: #77767b; +$dark_2: #5e5c64; +$dark_3: #3d3846; +$dark_4: #241f31; +$dark_5: #000000; + + $base_color: if($variant == 'light', #fff, darken(desaturate(#241f31, 100%), 2%)); $bg_color: if($variant == 'light', #f6f5f4, lighten($base_color, 5%)); $fg_color: if($variant == 'light', transparentize(black, .2), white); @@ -15,10 +63,10 @@ $borders_edge: if($variant == 'light', rgba(255,255,255,0.8), lighten($bg_color, $link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%)); $link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%)); -$warning_color: if($variant == 'light', #e5a50a, #f5c211);; -$error_color: if($variant == 'light', #e01b24, #c01c28); -$success_color: if($variant == 'light', #2ec27e, #26a269); -$destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%)); +$warning_color: if($variant == 'light', $yellow_5, #cd9309); +$error_color: if($variant == 'light', $red_3, $red_4); +$success_color: if($variant == 'light', $green_4, $green_5); +$destructive_color: $error_color; $osd_fg_color: white; $osd_bg_color: transparentize(desaturate($bg_color, 100%),0.04); |