diff --git a/packages/css/themes/src/common/colors.css b/packages/css/themes/src/common/colors.css index 6737035e..c7b26c60 100644 --- 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 index fab73039..069ffca1 100644 --- 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 index f69089b6..c2c4578d 100644 --- 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 index 750151a4..f215395c 100644 --- 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 index 8df0cc5c..1a679bd3 100644 --- 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 index 74cf742c..a901c656 100644 --- 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 index fdd25933..33d6708c 100644 --- 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 index 89f4e2e9..1350533e 100644 --- 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 index 4f1586a5..7d7bea8d 100644 --- 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;