[libhandy/more_colors_avatar: 3/4] avatar: Have 14 colors

[Alexander Mikhaylenko <alexm src gnome org>]

commit f01e4c19f2425469fd062cbc2e1a94da859dc400
Author: Adrien Plazas <kekun plazas laposte net>
Date:   Thu Aug 6 16:48:02 2020 +0200

    avatar: Have 14 colors
    
    Let's have a bit more variety.

 src/hdy-avatar.c                   |  2 +-
 src/themes/Adwaita-dark.css        | 28 ++++++++++++++++++++--------
 src/themes/Adwaita.css             | 28 ++++++++++++++++++++--------
 src/themes/HighContrast.css        | 28 ++++++++++++++++++++--------
 src/themes/HighContrastInverse.css | 28 ++++++++++++++++++++--------
 src/themes/_fallback-base.scss     | 20 +++++++++++++-------
 src/themes/fallback.css            | 28 ++++++++++++++++++++--------
 7 files changed, 114 insertions(+), 48 deletions(-)
---
diff --git a/src/hdy-avatar.c b/src/hdy-avatar.c
index 31ae8026..9dcdcdff 100644
--- a/src/hdy-avatar.c
+++ b/src/hdy-avatar.c
@@ -16,7 +16,7 @@
 #include "hdy-avatar.h"
 #include "hdy-cairo-private.h"
 
-#define NUMBER_OF_COLORS 8
+#define NUMBER_OF_COLORS 14
 /**
  * SECTION:hdy-avatar
  * @short_description: A widget displaying an image, with a generated fallback.
diff --git a/src/themes/Adwaita-dark.css b/src/themes/Adwaita-dark.css
index 81ab68a6..e553fac2 100644
--- a/src/themes/Adwaita-dark.css
+++ b/src/themes/Adwaita-dark.css
@@ -41,21 +41,33 @@ deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; background:
 
 avatar { border-radius: 9999px; -gtk-outline-radius: 9999px; font-weight: bold; }
 
-avatar.color1 { background-image: linear-gradient(#ffbe6f, #ed6f00); color: #ffe5c5; }
+avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; }
 
-avatar.color2 { background-image: linear-gradient(#f8e45c, #e5a50a); color: #f9f4e1; }
+avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; }
 
-avatar.color3 { background-image: linear-gradient(#dc8add, #8a3ea3); color: #e7c2e8; }
+avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; }
 
-avatar.color4 { background-image: linear-gradient(#99c1f1, #337fdc); color: #cfe1f5; }
+avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; }
 
-avatar.color5 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }
+avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; }
 
-avatar.color6 { background-image: linear-gradient(#8de6ae, #29ae71); color: #cbf7d5; }
+avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; }
 
-avatar.color7 { background-image: linear-gradient(#f67365, #d91a23); color: #f6c8c4; }
+avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; }
 
-avatar.color8 { background-image: linear-gradient(#cdab8f, #865d3c); color: #e5d6ca; }
+avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; }
+
+avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; }
+
+avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; }
+
+avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; }
+
+avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; }
+
+avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; }
+
+avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }
 
 avatar.contrasted { color: #fff; }
 
diff --git a/src/themes/Adwaita.css b/src/themes/Adwaita.css
index e8cd0286..acb7f278 100644
--- a/src/themes/Adwaita.css
+++ b/src/themes/Adwaita.css
@@ -41,21 +41,33 @@ deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; background:
 
 avatar { border-radius: 9999px; -gtk-outline-radius: 9999px; font-weight: bold; }
 
-avatar.color1 { background-image: linear-gradient(#ffbe6f, #ed6f00); color: #ffe5c5; }
+avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; }
 
-avatar.color2 { background-image: linear-gradient(#f8e45c, #e5a50a); color: #f9f4e1; }
+avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; }
 
-avatar.color3 { background-image: linear-gradient(#dc8add, #8a3ea3); color: #e7c2e8; }
+avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; }
 
-avatar.color4 { background-image: linear-gradient(#99c1f1, #337fdc); color: #cfe1f5; }
+avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; }
 
-avatar.color5 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }
+avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; }
 
-avatar.color6 { background-image: linear-gradient(#8de6ae, #29ae71); color: #cbf7d5; }
+avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; }
 
-avatar.color7 { background-image: linear-gradient(#f67365, #d91a23); color: #f6c8c4; }
+avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; }
 
-avatar.color8 { background-image: linear-gradient(#cdab8f, #865d3c); color: #e5d6ca; }
+avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; }
+
+avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; }
+
+avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; }
+
+avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; }
+
+avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; }
+
+avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; }
+
+avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }
 
 avatar.contrasted { color: #fff; }
 
diff --git a/src/themes/HighContrast.css b/src/themes/HighContrast.css
index 1706336a..f1d1eda6 100644
--- a/src/themes/HighContrast.css
+++ b/src/themes/HighContrast.css
@@ -41,21 +41,33 @@ deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; background:
 
 avatar { border-radius: 9999px; -gtk-outline-radius: 9999px; font-weight: bold; }
 
-avatar.color1 { background-image: linear-gradient(#ffbe6f, #ed6f00); color: #ffe5c5; }
+avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; }
 
-avatar.color2 { background-image: linear-gradient(#f8e45c, #e5a50a); color: #f9f4e1; }
+avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; }
 
-avatar.color3 { background-image: linear-gradient(#dc8add, #8a3ea3); color: #e7c2e8; }
+avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; }
 
-avatar.color4 { background-image: linear-gradient(#99c1f1, #337fdc); color: #cfe1f5; }
+avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; }
 
-avatar.color5 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }
+avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; }
 
-avatar.color6 { background-image: linear-gradient(#8de6ae, #29ae71); color: #cbf7d5; }
+avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; }
 
-avatar.color7 { background-image: linear-gradient(#f67365, #d91a23); color: #f6c8c4; }
+avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; }
 
-avatar.color8 { background-image: linear-gradient(#cdab8f, #865d3c); color: #e5d6ca; }
+avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; }
+
+avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; }
+
+avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; }
+
+avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; }
+
+avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; }
+
+avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; }
+
+avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }
 
 avatar.contrasted { color: #fff; }
 
diff --git a/src/themes/HighContrastInverse.css b/src/themes/HighContrastInverse.css
index ced512c4..fd5b01b4 100644
--- a/src/themes/HighContrastInverse.css
+++ b/src/themes/HighContrastInverse.css
@@ -41,21 +41,33 @@ deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; background:
 
 avatar { border-radius: 9999px; -gtk-outline-radius: 9999px; font-weight: bold; }
 
-avatar.color1 { background-image: linear-gradient(#ffbe6f, #ed6f00); color: #ffe5c5; }
+avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; }
 
-avatar.color2 { background-image: linear-gradient(#f8e45c, #e5a50a); color: #f9f4e1; }
+avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; }
 
-avatar.color3 { background-image: linear-gradient(#dc8add, #8a3ea3); color: #e7c2e8; }
+avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; }
 
-avatar.color4 { background-image: linear-gradient(#99c1f1, #337fdc); color: #cfe1f5; }
+avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; }
 
-avatar.color5 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }
+avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; }
 
-avatar.color6 { background-image: linear-gradient(#8de6ae, #29ae71); color: #cbf7d5; }
+avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; }
 
-avatar.color7 { background-image: linear-gradient(#f67365, #d91a23); color: #f6c8c4; }
+avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; }
 
-avatar.color8 { background-image: linear-gradient(#cdab8f, #865d3c); color: #e5d6ca; }
+avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; }
+
+avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; }
+
+avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; }
+
+avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; }
+
+avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; }
+
+avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; }
+
+avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }
 
 avatar.contrasted { color: #fff; }
 
diff --git a/src/themes/_fallback-base.scss b/src/themes/_fallback-base.scss
index a7c64b83..b821d956 100644
--- a/src/themes/_fallback-base.scss
+++ b/src/themes/_fallback-base.scss
@@ -111,14 +111,20 @@ avatar {
   // need to update the NUMBER_OF_COLORS in src/hdy-avatar.c.
   // The 2D list has this form: ((font-color, gradient-top-color, gradient-bottom-color)).
   $avatarcolorlist: (
-   (#ffe5c5, #ffbe6f, #ed6f00), // orange
-   (#f9f4e1, #f8e45c, #e5a50a), // gold
-   (#e7c2e8, #dc8add, #8a3ea3), // purple
-   (#cfe1f5, #99c1f1, #337fdc), // blue
+   (#cfe1f5, #83b6ec, #337fdc), // blue
+   (#caeaf2, #7ad9f1, #0f9ac8), // cyan
+   (#cef8d8, #8de6b1, #29ae74), // green
+   (#e6f9d7, #b5e98a, #6ab85b), // lime
+   (#f9f4e1, #f8e359, #d29d09), // yellow
+   (#ffead1, #ffcb62, #d68400), // gold
+   (#ffe5c5, #ffa95a, #ed5b00), // orange
+   (#f8d2ce, #f78773, #e62d42), // raspberry
+   (#fac7de, #e973ab, #e33b6a), // magenta
+   (#e7c2e8, #cb78d4, #9945b5), // purple
+   (#d5d2f5, #9e91e8, #7a59ca), // violet
+   (#f2eade, #e3cf9c, #b08952), // beige
+   (#e5d6ca, #be916d, #785336), // brown
    (#d8d7d3, #c0bfbc, #6e6d71), // gray
-   (#cbf7d5, #8de6ae, #29ae71), // green
-   (#f6c8c4, #f67365, #d91a23), // red
-   (#e5d6ca, #cdab8f, #865d3c), // brown
   );
 
   @for $i from 1 through length($avatarcolorlist) {
diff --git a/src/themes/fallback.css b/src/themes/fallback.css
index e111c5e1..8c1d89b1 100644
--- a/src/themes/fallback.css
+++ b/src/themes/fallback.css
@@ -41,21 +41,33 @@ deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; background:
 
 avatar { border-radius: 9999px; -gtk-outline-radius: 9999px; font-weight: bold; }
 
-avatar.color1 { background-image: linear-gradient(#ffbe6f, #ed6f00); color: #ffe5c5; }
+avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; }
 
-avatar.color2 { background-image: linear-gradient(#f8e45c, #e5a50a); color: #f9f4e1; }
+avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; }
 
-avatar.color3 { background-image: linear-gradient(#dc8add, #8a3ea3); color: #e7c2e8; }
+avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; }
 
-avatar.color4 { background-image: linear-gradient(#99c1f1, #337fdc); color: #cfe1f5; }
+avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; }
 
-avatar.color5 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }
+avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; }
 
-avatar.color6 { background-image: linear-gradient(#8de6ae, #29ae71); color: #cbf7d5; }
+avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; }
 
-avatar.color7 { background-image: linear-gradient(#f67365, #d91a23); color: #f6c8c4; }
+avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; }
 
-avatar.color8 { background-image: linear-gradient(#cdab8f, #865d3c); color: #e5d6ca; }
+avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; }
+
+avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; }
+
+avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; }
+
+avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; }
+
+avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; }
+
+avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; }
+
+avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }
 
 avatar.contrasted { color: #fff; }