added variable for background color property to composer container

nlkitai · Jul 7, 2024 · d30dfc6 · d30dfc6
1 parent 5525a04
commit d30dfc6
Show file tree

Hide file tree

Showing 9 changed files with 25 additions and 0 deletions.
diff --git a/packages/css/themes/src/common/colors.css b/packages/css/themes/src/common/colors.css
@@ -35,6 +35,8 @@
     --nlux-aiMsg--bgClr: var(--nlux-AiMessage--BackgroundColor);
     --nlux-aiMsg--brdClr: var(--nlux-AiMessage--BorderColor);
     --nlux-aiMsg--txtClr: var(--nlux-AiMessage--TextColor);
+    /** Prompt container */
+    --nlux-cmp-cnt--bgClr: var(--nlux-composer-container--BackgroundColor, transparent);
 
     /** Prompt input colors */
     --nlux-prmInp--bgClr: var(--nlux-PromptInput--BackgroundColor);

diff --git a/packages/css/themes/src/common/structure.css b/packages/css/themes/src/common/structure.css
@@ -44,6 +44,8 @@
             flex-direction: row;
             align-items: stretch;
 
+            background-color: var(--nlux-cmp-cnt--bgClr);
+
             > .nlux-comp-composer {
                 width: 100%;
             }

diff --git a/packages/css/themes/src/dev/colors.css b/packages/css/themes/src/dev/colors.css
@@ -41,6 +41,9 @@
     /** 👇 Divider between composer and messages */
     --nlux-ChatRoom-Divider--Color: red;
 
+    /** 👇 Prompt container */
+    --nlux-composer-container--BackgroundColor: transparent;
+
     /** 👇 Prompt input colors */
     --nlux-PromptInput--BackgroundColor: honeydew;
     --nlux-PromptInput--BorderColor: mediumseagreen;

diff --git a/packages/css/themes/src/luna/colors-dark.css b/packages/css/themes/src/luna/colors-dark.css
@@ -25,6 +25,9 @@
     --nlux-ChatRoom--BorderColor: transparent;
     --nlux-ChatRoom--TextColor: #ffffff;
 
+    /** Prompt container */
+    --nlux-composer-container--BackgroundColor: transparent;
+
     /** Participant info in chat */
     --nlux-ChatItem-ParticipantName--Color: #E0E0E0;
 

diff --git a/packages/css/themes/src/luna/colors-light.css b/packages/css/themes/src/luna/colors-light.css
@@ -38,6 +38,9 @@
     --nlux-AiMessage--BorderColor: #dde5e2;
     --nlux-AiMessage--TextColor: #18210c;
 
+    /** Prompt container */
+    --nlux-composer-container--BackgroundColor: transparent;
+
     /** Prompt input colors */
     --nlux-PromptInput--BackgroundColor: #ffffff;
     --nlux-PromptInput--BorderColor: #c5d7c9;

diff --git a/packages/css/themes/src/nova/colors-dark.css b/packages/css/themes/src/nova/colors-dark.css
@@ -32,6 +32,9 @@
     --nlux-AiMessage--BorderColor: transparent;
     --nlux-AiMessage--TextColor: #ffffff;
 
+    /** Prompt container */
+    --nlux-composer-container--BackgroundColor: transparent;
+
     /** Prompt input colors */
     --nlux-PromptInput--BackgroundColor: transparent;
     --nlux-PromptInput--BorderColor: transparent;

diff --git a/packages/css/themes/src/nova/colors-light.css b/packages/css/themes/src/nova/colors-light.css
@@ -32,6 +32,9 @@
     --nlux-AiMessage--BorderColor: transparent;
     --nlux-AiMessage--TextColor: #09090B;
 
+    /** Prompt container */
+    --nlux-composer-container--BackgroundColor: transparent;
+
     /** Prompt input colors */
     --nlux-PromptInput--BackgroundColor: transparent;
     --nlux-PromptInput--BorderColor: transparent;

diff --git a/packages/css/themes/src/openai/colors-dark.css b/packages/css/themes/src/openai/colors-dark.css
@@ -32,6 +32,9 @@
     --nlux-AiMessage--BorderColor: transparent;
     --nlux-AiMessage--TextColor: #ffffff;
 
+    /** Prompt container */
+    --nlux-composer-container--BackgroundColor: transparent;
+
     /** Prompt input colors */
     --nlux-PromptInput--BackgroundColor: transparent;
     --nlux-PromptInput--BorderColor: transparent;

diff --git a/packages/css/themes/src/openai/colors-light.css b/packages/css/themes/src/openai/colors-light.css
@@ -32,6 +32,9 @@
     --nlux-AiMessage--BorderColor: transparent;
     --nlux-AiMessage--TextColor: #09090B;
 
+    /** Prompt container */
+    --nlux-composer-container--BackgroundColor: transparent;
+
     /** Prompt input colors */
     --nlux-PromptInput--BackgroundColor: transparent;
     --nlux-PromptInput--BorderColor: transparent;