Added missing CSS color variable

nlkitai · Jun 2, 2024 · c14d3f5 · c14d3f5
1 parent 4888d7c
commit c14d3f5
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 1 deletion.
diff --git a/packages/css/themes/src/common/colors.css b/packages/css/themes/src/common/colors.css
@@ -21,6 +21,9 @@
     /** Participant info in chat */
     --nlux-prtInfo-prtNm--clr: var(--nlux-ChatItem-ParticipantName--Color, cyan);
 
+    /** Chat item avatar */
+    --nlux-chItm-avtr--bgClr: var(--nlux-ChatItem-Avatar--BackgroundColor, grey);
+
     /* Human message in chat */
     --nlux-hmMsg--bgClr: var(--nlux-HumanMessage--BackgroundColor, lightgrey);
     --nlux-hmMsg--brdClr: var(--nlux-HumanMessage--BorderColor, grey);

diff --git a/packages/css/themes/src/common/components/Avatar.css b/packages/css/themes/src/common/components/Avatar.css
@@ -22,7 +22,7 @@
             bottom: 0;
             left: 0;
             background-size: cover;
-            background-color: var(--nlux-avtr--bgClr);
+            background-color: var(--nlux-chItm-avtr--bgClr);
         }
     }
 }
diff --git a/packages/css/themes/src/dev/colors.css b/packages/css/themes/src/dev/colors.css
@@ -34,6 +34,9 @@
     /** Participant info in chat */
     --nlux-ChatItem-ParticipantName--Color: darkblue;
 
+    /** Chat item avatar */
+    --nlux-ChatItem-Avatar--BackgroundColor: lightgrey;
+
     /* Human message in chat */
     --nlux-HumanMessage--BackgroundColor: lemonchiffon;
     --nlux-HumanMessage--BorderColor: darkkhaki;

diff --git a/packages/css/themes/src/luna/colors-dark.css b/packages/css/themes/src/luna/colors-dark.css
@@ -27,6 +27,9 @@
     /** Participant info in chat */
     --nlux-ChatItem-ParticipantName--Color: #E0E0E0;
 
+    /** Chat item avatar */
+    --nlux-ChatItem-Avatar--BackgroundColor: #E0E0E0;
+
     /* Human message in chat */
     --nlux-HumanMessage--BackgroundColor: #5fe095;
     --nlux-HumanMessage--BorderColor: #6fc693;

diff --git a/packages/css/themes/src/luna/colors-light.css b/packages/css/themes/src/luna/colors-light.css
@@ -27,6 +27,9 @@
     /** Participant info in chat */
     --nlux-ChatItem-ParticipantName--Color: #202020;
 
+    /** Chat item avatar */
+    --nlux-ChatItem-Avatar--BackgroundColor: #202020;
+
     /* Human message in chat */
     --nlux-HumanMessage--BackgroundColor: #5fe095;
     --nlux-HumanMessage--BorderColor: #6fc693;

diff --git a/packages/css/themes/src/nova/colors-dark.css b/packages/css/themes/src/nova/colors-dark.css
@@ -21,6 +21,9 @@
     /** Participant info in chat */
     --nlux-ChatItem-ParticipantName--Color: #ffffff;
 
+    /** Chat item avatar */
+    --nlux-ChatItem-Avatar--BackgroundColor: #ffffff;
+
     /* Human message in chat */
     --nlux-HumanMessage--BackgroundColor: #323232;
     --nlux-HumanMessage--BorderColor: transparent;

diff --git a/packages/css/themes/src/nova/colors-light.css b/packages/css/themes/src/nova/colors-light.css
@@ -21,6 +21,9 @@
     /** Participant info in chat */
     --nlux-ChatItem-ParticipantName--Color: #09090B;
 
+    /** Chat item avatar */
+    --nlux-ChatItem-Avatar--BackgroundColor: #09090B;
+
     /* Human message in chat */
     --nlux-HumanMessage--BackgroundColor: #18181B;
     --nlux-HumanMessage--BorderColor: transparent;