wip: avatar colors

packages/ui/src/styles/theme.css

@@ -307,6 +307,19 @@
   --border-weaker-focus: var(--smoke-light-alpha-6);
   --button-ghost-hover: var(--smoke-light-alpha-2);
   --button-ghost-hover2: var(--smoke-light-alpha-3);
+  --avatar-background-pink: #FEEEF8;
+  --avatar-background-mint: #E1FBF4 ;
+  --avatar-background-orange: #FFF1E7 ;
+  --avatar-background-purple: #F9F1FE;
+  --avatar-background-cyan: #E7F9FB;
+  --avatar-background-lime: #EEFADC;
+  --avatar-text-pink: #CD1D8D;
+  --avatar-text-mint: #147D6F ;
+  --avatar-text-orange: #ED5F00 ;
+  --avatar-text-purple: #8445BC;
+  --avatar-text-cyan: #0894B3;
+  --avatar-text-lime: #5D770D;
+
 
   @media (prefers-color-scheme: dark) {
     color-scheme: dark;
@@ -551,6 +564,18 @@
     --border-weaker-focus: var(--smoke-dark-alpha-6);
     --button-ghost-hover: var(--smoke-dark-alpha-2);
     --button-ghost-hover2: var(--smoke-dark-alpha-3);
+    --avatar-background-pink: #501B3F;
+    --avatar-background-mint: #033A34;
+    --avatar-background-orange: #5F2A06;
+    --avatar-background-purple: #432155;
+    --avatar-background-cyan: #0F3058;
+    --avatar-background-lime: #2B3711;
+    --avatar-text-pink: #E34BA9;
+    --avatar-text-mint: #95F3D9 ;
+    --avatar-text-orange: #FF802B ;
+    --avatar-text-purple: #9D5BD2;
+    --avatar-text-cyan: #369EFF;
+    --avatar-text-lime: #C4F042;
   }
 }