From 0b23c03b037016096ad6c289ab8e82a26c557d0a Mon Sep 17 00:00:00 2001 From: Salmen Hichri Date: Sun, 19 May 2024 12:54:34 +0100 Subject: [PATCH] Reset nova and luna theme files --- packages/css/themes/rollup.config.ts | 3 +- .../{variables-colors.css => colors.css} | 2 +- packages/css/themes/src/common/main.css | 4 +- ...variables-components.css => variables.css} | 0 packages/css/themes/src/fest/colors.css | 10 +- packages/css/themes/src/luna/colors-dark.css | 88 ++++++++++++++++++ packages/css/themes/src/luna/colors-light.css | 88 ++++++++++++++++++ packages/css/themes/src/luna/icons.css | 15 ++- packages/css/themes/src/luna/main.css | 4 +- packages/css/themes/src/luna/overrides.css | 9 -- packages/css/themes/src/luna/variables.css | 93 +++++++++++++++++++ packages/css/themes/src/nada/font.css | 1 - packages/css/themes/src/nova/colors-dark.css | 2 + packages/css/themes/src/nova/colors-light.css | 2 + packages/css/themes/src/nova/colors.css | 43 --------- packages/css/themes/src/nova/main.css | 3 +- pipeline/npm/versions.json | 2 +- samples/aiChat/react/src/App.tsx | 6 +- 18 files changed, 301 insertions(+), 74 deletions(-) rename packages/css/themes/src/common/{variables-colors.css => colors.css} (98%) rename packages/css/themes/src/common/{variables-components.css => variables.css} (100%) create mode 100644 packages/css/themes/src/luna/colors-dark.css create mode 100644 packages/css/themes/src/luna/colors-light.css delete mode 100644 packages/css/themes/src/luna/overrides.css create mode 100644 packages/css/themes/src/nova/colors-dark.css create mode 100644 packages/css/themes/src/nova/colors-light.css delete mode 100644 packages/css/themes/src/nova/colors.css diff --git a/packages/css/themes/rollup.config.ts b/packages/css/themes/rollup.config.ts index 5178cf20..701b5153 100644 --- a/packages/css/themes/rollup.config.ts +++ b/packages/css/themes/rollup.config.ts @@ -34,9 +34,10 @@ const cssEntry = (input: string, output: string) => ({ }); const packageConfig: () => Promise = async () => ([ + cssEntry('./src/nada/main.css', `../../../dist/${folder}/themes/nada.css`), + cssEntry('./src/fest/main.css', `../../../dist/${folder}/themes/fest.css`), cssEntry('./src/luna/main.css', `../../../dist/${folder}/themes/luna.css`), cssEntry('./src/nova/main.css', `../../../dist/${folder}/themes/nova.css`), - cssEntry('./src/fest/main.css', `../../../dist/${folder}/themes/fest.css`), ]); export default packageConfig; diff --git a/packages/css/themes/src/common/variables-colors.css b/packages/css/themes/src/common/colors.css similarity index 98% rename from packages/css/themes/src/common/variables-colors.css rename to packages/css/themes/src/common/colors.css index 04df4f03..835fa175 100644 --- a/packages/css/themes/src/common/variables-colors.css +++ b/packages/css/themes/src/common/colors.css @@ -39,7 +39,7 @@ --nlux-prmInp-dslb--brdClr: var(--nlux-PromptInput-Disabled--BorderColor, darkgrey); --nlux-prmInp-dslb--txtClr: var(--nlux-PromptInput-Disabled--TextColor, grey); - --nlux-prmInp-plcHldr--txtClr: var(--nlux-PromptInput-Olaceholder--TextColor, darkgrey); + --nlux-prmInp-plcHldr--txtClr: var(--nlux-PromptInput-Placeholder--TextColor, darkgrey); --nlux-prmInp-fcs-otln--clr: var(--nlux-PromptInput-Focus-Outline--Color, grey); /** Submit button colors */ diff --git a/packages/css/themes/src/common/main.css b/packages/css/themes/src/common/main.css index 55dee595..dc5aab6f 100644 --- a/packages/css/themes/src/common/main.css +++ b/packages/css/themes/src/common/main.css @@ -1,5 +1,5 @@ -@import './variables-components.css'; -@import './variables-colors.css'; +@import './variables.css'; +@import './colors.css'; @import './layout.css'; @import './format.css'; diff --git a/packages/css/themes/src/common/variables-components.css b/packages/css/themes/src/common/variables.css similarity index 100% rename from packages/css/themes/src/common/variables-components.css rename to packages/css/themes/src/common/variables.css diff --git a/packages/css/themes/src/fest/colors.css b/packages/css/themes/src/fest/colors.css index e6a105c0..84dc98df 100644 --- a/packages/css/themes/src/fest/colors.css +++ b/packages/css/themes/src/fest/colors.css @@ -1,7 +1,5 @@ .nlux-AiChat-root.nlux-theme-fest { - /** - * Theme-specific local variables. - **/ + /** 👇 Theme-specific local variables **/ --nlux-fest--Outline-Color: blue; --nlux-fest--Input-BorderColor: mediumseagreen; @@ -12,9 +10,7 @@ --nlux-fest--Input-Disabled-BackgroundColor: lightgrey; --nlux-fest--Input-Disabled-TextColor: grey; - /** - * Definitions and overrides of required theme variables. - **/ + /** 👇 Definitions and overrides of required theme variables **/ /** Exceptions box */ --nlux-Exceptions--BackgroundColor: tomato; @@ -58,7 +54,7 @@ --nlux-PromptInput-Disabled--TextColor: var(--nlux-fest--Input-Disabled-TextColor); --nlux-PromptInput-Disabled--BorderColor: var(--nlux-fest--Input-Disabled-BorderColor); - --nlux-PromptInput-Olaceholder--TextColor: darkseagreen; + --nlux-PromptInput-Placeholder--TextColor: darkseagreen; --nlux-PromptInput-Focus-Outline--Color: var(--nlux-fest--Outline-Color); /** Submit button colors */ diff --git a/packages/css/themes/src/luna/colors-dark.css b/packages/css/themes/src/luna/colors-dark.css new file mode 100644 index 00000000..0b30380a --- /dev/null +++ b/packages/css/themes/src/luna/colors-dark.css @@ -0,0 +1,88 @@ +.nlux-AiChat-root.nlux-theme-luna.nlux-colorScheme-dark { + /** 👇 Theme-specific local variables **/ + + --nlux-fest--Outline-Color: #4141ff; + + /** 👇 Definitions and overrides of required theme variables **/ + + /** Exceptions box */ + --nlux-Exceptions--BackgroundColor: tomato; + --nlux-Exceptions--BorderColor: darkred; + --nlux-Exceptions--TextColor: white; + + /** Welcome message */ + --nlux-WelcomeMessage-Avatar--BorderColor: transparent; + + /** Divider between prompt box and messages */ + --nlux-ChatRoom-Divider--Color: transparent; + + /** Conversation loader */ + --nlux-ChatRoom-Loader--Color: #ffffff; + + /** Conversation content color */ + --nlux-ChatRoom--BackgroundColor: transparent; + --nlux-ChatRoom--BorderColor: transparent; + --nlux-ChatRoom--TextColor: #ffffff; + + /* Human message in chat */ + --nlux-HumanMessage--BackgroundColor: #5fe095; + --nlux-HumanMessage--BorderColor: #6fc693; + --nlux-HumanMessage--TextColor: #ffffff; + + /** AI message in chat */ + --nlux-AiMessage--BackgroundColor: #f4f6f9; + --nlux-AiMessage--BorderColor: #dde5e2; + --nlux-AiMessage--TextColor: #18210c; + + /** Prompt input colors */ + --nlux-PromptInput--BackgroundColor: #ffffff; + --nlux-PromptInput--BorderColor: #c5d7c9; + --nlux-PromptInput--TextColor: black; + + --nlux-PromptInput-Active--BackgroundColor: #ffffff; + --nlux-PromptInput-Active--BorderColor: #c5d7c9; + --nlux-PromptInput-Active--TextColor: black; + + --nlux-PromptInput-Disabled--BackgroundColor: #ffffff; + --nlux-PromptInput-Disabled--TextColor: #959993; + --nlux-PromptInput-Disabled--BorderColor: #c5d7c9; + + --nlux-PromptInput-Placeholder--TextColor: #c5d7c9; + --nlux-PromptInput-Focus-Outline--Color: var(--nlux-fest--Outline-Color); + + /** Submit button colors */ + --nlux-SubmitButton--BackgroundColor: #5fe095; + --nlux-SubmitButton--BorderColor: #5fe095; + --nlux-SubmitButton--TextColor: #ffffff; + + --nlux-SubmitButton-Active--BackgroundColor: #72e7a1; + --nlux-SubmitButton-Active--BorderColor: #72e7a1; + --nlux-SubmitButton-Active--TextColor: #ffffff; + + --nlux-SubmitButton-Disabled--BackgroundColor: #c5d7c9; + --nlux-SubmitButton-Disabled--BorderColor: #c5d7c9; + --nlux-SubmitButton-Disabled--TextColor: #ffffff; + + --nlux-SubmitButton-Focus-Outline--Color: var(--nlux-fest--Outline-Color); + + /** Code block */ + --nlux-CodeBlock--BackgroundColor: #303530; + --nlux-CodeBlock--BorderColor: #303530; + --nlux-CodeBlock--TextColor: #dde5e2; + --nlux-CodeBlock-Hover--BackgroundColor: #404240; + + /** Code block copy button */ + --nlux-CodeBlock-CopyButton--BackgroundColor: #ffffff; + --nlux-CodeBlock-CopyButton--BorderColor: #303530; + --nlux-CodeBlock-CopyButton--TextColor: #303530; + + /** Code block copy button in clicked state */ + --nlux-CodeBlock-CopyButton-Clicked--BackgroundColor: #303530; + --nlux-CodeBlock-CopyButton-Clicked--BorderColor: #303530; + --nlux-CodeBlock-CopyButton-Clicked--TextColor: #ffffff; + + /** Inline code in markdown */ + --nlux-InlineCode--BackgroundColor: #d5dad1; + --nlux-InlineCode--BorderColor: #d5dad1; + --nlux-InlineCode--TextColor: #18210c; +} diff --git a/packages/css/themes/src/luna/colors-light.css b/packages/css/themes/src/luna/colors-light.css new file mode 100644 index 00000000..a62bbaf0 --- /dev/null +++ b/packages/css/themes/src/luna/colors-light.css @@ -0,0 +1,88 @@ +.nlux-AiChat-root.nlux-theme-luna.nlux-colorScheme-light { + /** 👇 Theme-specific local variables **/ + + --nlux-fest--Outline-Color: #4141ff; + + /** 👇 Definitions and overrides of required theme variables **/ + + /** Exceptions box */ + --nlux-Exceptions--BackgroundColor: tomato; + --nlux-Exceptions--BorderColor: darkred; + --nlux-Exceptions--TextColor: white; + + /** Welcome message */ + --nlux-WelcomeMessage-Avatar--BorderColor: transparent; + + /** Divider between prompt box and messages */ + --nlux-ChatRoom-Divider--Color: transparent; + + /** Conversation loader */ + --nlux-ChatRoom-Loader--Color: #000000; + + /** Conversation content color */ + --nlux-ChatRoom--BackgroundColor: transparent; + --nlux-ChatRoom--BorderColor: transparent; + --nlux-ChatRoom--TextColor: #000000; + + /* Human message in chat */ + --nlux-HumanMessage--BackgroundColor: #5fe095; + --nlux-HumanMessage--BorderColor: #6fc693; + --nlux-HumanMessage--TextColor: #ffffff; + + /** AI message in chat */ + --nlux-AiMessage--BackgroundColor: #f4f6f9; + --nlux-AiMessage--BorderColor: #dde5e2; + --nlux-AiMessage--TextColor: #18210c; + + /** Prompt input colors */ + --nlux-PromptInput--BackgroundColor: #ffffff; + --nlux-PromptInput--BorderColor: #c5d7c9; + --nlux-PromptInput--TextColor: black; + + --nlux-PromptInput-Active--BackgroundColor: #ffffff; + --nlux-PromptInput-Active--BorderColor: #c5d7c9; + --nlux-PromptInput-Active--TextColor: black; + + --nlux-PromptInput-Disabled--BackgroundColor: #ffffff; + --nlux-PromptInput-Disabled--TextColor: #959993; + --nlux-PromptInput-Disabled--BorderColor: #c5d7c9; + + --nlux-PromptInput-Placeholder--TextColor: #c5d7c9; + --nlux-PromptInput-Focus-Outline--Color: var(--nlux-fest--Outline-Color); + + /** Submit button colors */ + --nlux-SubmitButton--BackgroundColor: #5fe095; + --nlux-SubmitButton--BorderColor: #5fe095; + --nlux-SubmitButton--TextColor: #ffffff; + + --nlux-SubmitButton-Active--BackgroundColor: #72e7a1; + --nlux-SubmitButton-Active--BorderColor: #72e7a1; + --nlux-SubmitButton-Active--TextColor: #ffffff; + + --nlux-SubmitButton-Disabled--BackgroundColor: #c5d7c9; + --nlux-SubmitButton-Disabled--BorderColor: #c5d7c9; + --nlux-SubmitButton-Disabled--TextColor: #ffffff; + + --nlux-SubmitButton-Focus-Outline--Color: var(--nlux-fest--Outline-Color); + + /** Code block */ + --nlux-CodeBlock--BackgroundColor: #303530; + --nlux-CodeBlock--BorderColor: #303530; + --nlux-CodeBlock--TextColor: #dde5e2; + --nlux-CodeBlock-Hover--BackgroundColor: #404240; + + /** Code block copy button */ + --nlux-CodeBlock-CopyButton--BackgroundColor: #ffffff; + --nlux-CodeBlock-CopyButton--BorderColor: #303530; + --nlux-CodeBlock-CopyButton--TextColor: #303530; + + /** Code block copy button in clicked state */ + --nlux-CodeBlock-CopyButton-Clicked--BackgroundColor: #303530; + --nlux-CodeBlock-CopyButton-Clicked--BorderColor: #303530; + --nlux-CodeBlock-CopyButton-Clicked--TextColor: #ffffff; + + /** Inline code in markdown */ + --nlux-InlineCode--BackgroundColor: #d5dad1; + --nlux-InlineCode--BorderColor: #d5dad1; + --nlux-InlineCode--TextColor: #18210c; +} diff --git a/packages/css/themes/src/luna/icons.css b/packages/css/themes/src/luna/icons.css index 373b9c23..793310b8 100644 --- a/packages/css/themes/src/luna/icons.css +++ b/packages/css/themes/src/luna/icons.css @@ -1,8 +1,17 @@ .nlux-AiChat-root.nlux-theme-luna { --nlux-send-icon: url('data:image/svg+xml,\ - \ - \ - \ + \ + \ + \ + '); + + --nlux-copy-icon: url('data:image/svg+xml,\ + \ + \ \ '); } diff --git a/packages/css/themes/src/luna/main.css b/packages/css/themes/src/luna/main.css index abc138de..ee1b580e 100644 --- a/packages/css/themes/src/luna/main.css +++ b/packages/css/themes/src/luna/main.css @@ -1,6 +1,6 @@ @import './font.css'; -@import './colors.css'; -@import './overrides.css'; +@import './colors-light.css'; +@import './colors-dark.css'; @import './icons.css'; @import './variables.css'; @import '../common/main.css'; diff --git a/packages/css/themes/src/luna/overrides.css b/packages/css/themes/src/luna/overrides.css deleted file mode 100644 index b201c0a3..00000000 --- a/packages/css/themes/src/luna/overrides.css +++ /dev/null @@ -1,9 +0,0 @@ -/** Overrides of variables that are usually calculated */ - -.nlux-AiChat-root.nlux-theme-luna.nlux-colorScheme-light { - --nlux-dvr-color: transparent; -} - -.nlux-AiChat-root.nlux-theme-luna.nlux-colorScheme-dark { - --nlux-dvr-color: transparent; -} diff --git a/packages/css/themes/src/luna/variables.css b/packages/css/themes/src/luna/variables.css index 236ae338..afda0150 100644 --- a/packages/css/themes/src/luna/variables.css +++ b/packages/css/themes/src/luna/variables.css @@ -1,2 +1,95 @@ .nlux-AiChat-root.nlux-theme-luna { + /** + * Theme-specific local variables. + */ + + --nlux-fest--FontFamily: 'IBM Plex Sans', sans-serif; + --nlux-fest--MonoFontFamily: monospace; + + --nlux-fest--BorderWidth: 1px; + --nlux-fest--BorderRadius: 8px; + --nlux-fest--LineHeight: 1.4; + --nlux-fest--FlexGap: 12px; + + /** + * Definitions and overrides of required theme variables. + */ + + /** Exceptions box */ + --nlux-Exceptions--Padding: 5px; + --nlux-Exceptions--BorderWidth: var(--nlux-fest--BorderWidth); + --nlux-Exceptions--BorderRadius: var(--nlux-fest--BorderRadius); + + /** Welcome message */ + --nlux-WelcomeMessage-Avatar--Width: 60px; + --nlux-WelcomeMessage-PersonaName--FontSize: 22px; + --nlux-WelcomeMessage-PersonaName--FontWeight: 700; + --nlux-WelcomeMessage--Gap: 5px; + + /** Divider between conversation and prompt box */ + --nlux-ChatRoom-Divider--MarginTop: 10px; + --nlux-ChatRoom-Divider--MarginBottom: 10px; + + /** Chat-room container */ + --nlux-ChatRoom--LineHeight: var(--nlux-fest--LineHeight); + --nlux-ChatRoom--FontWeight: 400; + --nlux-ChatRoom--FontFamily: var(--nlux-fest--FontFamily); + --nlux-ChatRoom--FontSize: 16px; + + --nlux-ChatRoom--Padding: 10px; + --nlux-ChatRoom--BorderRadius: var(--nlux-fest--BorderRadius); + --nlux-ChatRoom--BorderWidth: var(--nlux-fest--BorderWidth); + + /** Chat-room loader */ + --nlux-ChatRoom-Loader--Width: 25px; + + /** Chat item */ + --nlux-ChatItem--AlignItems: flex-start; + + /** Chat item avatar */ + --nlux-ChatItem-Avatar--Width: 30px; + --nlux-ChatItem-Avatar--BorderRadius: 50%; + + /** Chat item message */ + --nlux-ChatItem-Message--BorderWidth: 0; + --nlux-ChatItem-Message--PaddingTopBottom: 10px; + --nlux-ChatItem-Message--PaddingLeftRight: 15px; + --nlux-ChatItem-Message--BorderRadius: var(--nlux-fest--BorderRadius); + --nlux-ChatItem-Message--Gap: var(--nlux-fest--FlexGap); + + /** Chat item message code block */ + --nlux-CodeBlock--FontSize: 14px; + --nlux-CodeBlock--FontFamily: 'Courier New', monospace; + --nlux-CodeBlock--Padding: 10px; + --nlux-CodeBlock--BorderWidth: var(--nlux-fest--BorderWidth); + --nlux-CodeBlock--BorderRadius: var(--nlux-fest--BorderRadius); + + /** Code block copy button */ + --nlux-CodeBlock-CopyButton--Width: 22px; + --nlux-CodeBlock-CopyButton--Height: 22px; + --nlux-CodeBlock-CopyButton--Padding: 2px 2px 0 2px; + --nlux-CodeBlock-CopyButton--BorderRadius: 4px; + --nlux-CodeBlock-CopyButton--BorderWidth: var(--nlux-fest--BorderWidth); + + /** Inline code in markdown */ + --nlux-InlineCode--BorderRadius: 6px; + --nlux-InlineCode--BorderWidth: 2px; + --nlux-InlineCode--Padding: 2px 4px; + --nlux-InlineCode--FontSize: 14px; + + /** Prompt box */ + --nlux-PromptBox--Gap: 5px; + + /** Submit button */ + --nlux-SubmitButton--Width: 65px; + --nlux-SubmitButton--BorderWidth: var(--nlux-fest--BorderWidth); + --nlux-SubmitButton--BorderRadius: var(--nlux-fest--BorderRadius); + --nlux-SubmitButton-Focus-Outline--Width: var(--nlux-fest--BorderWidth); + + /** Prompt box input */ + --nlux-PromptInput--FontFamily: var(--nlux-fest--FontFamily); + --nlux-PromptInput--FontSize: 16px; + --nlux-PromptInput--BorderWidth: var(--nlux-fest--BorderWidth); + --nlux-PromptInput--BorderRadius: var(--nlux-fest--BorderRadius); + --nlux-PromptInput-Focus-Outline--Width: var(--nlux-fest--BorderWidth); } diff --git a/packages/css/themes/src/nada/font.css b/packages/css/themes/src/nada/font.css index be1c58c9..e69de29b 100644 --- a/packages/css/themes/src/nada/font.css +++ b/packages/css/themes/src/nada/font.css @@ -1 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap'); diff --git a/packages/css/themes/src/nova/colors-dark.css b/packages/css/themes/src/nova/colors-dark.css new file mode 100644 index 00000000..86d90d5b --- /dev/null +++ b/packages/css/themes/src/nova/colors-dark.css @@ -0,0 +1,2 @@ +.nlux-AiChat-root.nlux-theme-nova.nlux-colorScheme-dark { +} diff --git a/packages/css/themes/src/nova/colors-light.css b/packages/css/themes/src/nova/colors-light.css new file mode 100644 index 00000000..8da4e568 --- /dev/null +++ b/packages/css/themes/src/nova/colors-light.css @@ -0,0 +1,2 @@ +.nlux-AiChat-root.nlux-theme-nova.nlux-colorScheme-light { +} diff --git a/packages/css/themes/src/nova/colors.css b/packages/css/themes/src/nova/colors.css deleted file mode 100644 index f2b08de7..00000000 --- a/packages/css/themes/src/nova/colors.css +++ /dev/null @@ -1,43 +0,0 @@ -/* Light color scheme variables */ -.nlux-AiChat-root.nlux-theme-nova.nlux-colorScheme-light { - --nlux-primary-bgClr: #ffffff; - --nlux-primary-foregroundColor: #09090b; - - --nlux-secondary-bgClr: var(--nlux-primary-bgClr); - --nlux-secondary-foregroundColor: var(--nlux-primary-foregroundColor); - - --nlux-human-bgClr: #18181b; - --nlux-human-foregroundColor: #ffffff; - - --nlux-ai-bgClr: #f4f4f4; - --nlux-ai-foregroundColor: #09090b; -} - -/* Dark color scheme variables */ -.nlux-AiChat-root.nlux-theme-nova.nlux-colorScheme-dark { - --nlux-primary-bgClr: #151515; - --nlux-primary-foregroundColor: #ffffff; - - --nlux-secondary-bgClr: var(--nlux-primary-bgClr); - --nlux-secondary-foregroundColor: var(--nlux-primary-foregroundColor); - - --nlux-human-bgClr: #323232; - --nlux-human-foregroundColor: #ffffff; - - --nlux-ai-bgClr: #494949; - --nlux-ai-foregroundColor: #ffffff; -} - -/* Common color variables */ -.nlux-AiChat-root.nlux-theme-nova { - --nlux-cdBlk--bgClr: #303530; - --nlux-cdBlk-hover--bgClr: #404240; - --nlux-cdBlk-text-color: #dde5e2ff; - - --nlux-inlnCd--bgClr: #d5dad1; - --nlux-inlnCd--txtClr: #18210c; - - --nlux-exp--bgClr: #d05858; - --nlux-exp--brdClr: #d05858; - --nlux-exp--txtClr: #ffffff; -} diff --git a/packages/css/themes/src/nova/main.css b/packages/css/themes/src/nova/main.css index 511c5f32..b95ef2b0 100644 --- a/packages/css/themes/src/nova/main.css +++ b/packages/css/themes/src/nova/main.css @@ -1,5 +1,6 @@ @import './font.css'; -@import './colors.css'; +@import './colors-light.css'; +@import './colors-dark.css'; @import './variables.css'; @import './icons.css'; @import '../common/main.css'; diff --git a/pipeline/npm/versions.json b/pipeline/npm/versions.json index 9c135b6b..1953b263 100644 --- a/pipeline/npm/versions.json +++ b/pipeline/npm/versions.json @@ -1,6 +1,6 @@ { "inherit": true, - "nlux": "2.1.5-beta", + "nlux": "2.1.6-beta", "peerDependencies": { "react": "18.3.1", "react-dom": "18.3.1" diff --git a/samples/aiChat/react/src/App.tsx b/samples/aiChat/react/src/App.tsx index 8828b77f..feabf5dd 100644 --- a/samples/aiChat/react/src/App.tsx +++ b/samples/aiChat/react/src/App.tsx @@ -1,7 +1,7 @@ -// import '@nlux-dev/themes/src/luna/main.css'; -// import '@nlux-dev/themes/src/nova/main.css'; +import '@nlux-dev/themes/src/luna/main.css'; +import '@nlux-dev/themes/src/nova/main.css'; import '@nlux-dev/themes/src/fest/main.css'; -// import '@nlux-dev/themes/src/nada/main.css'; +import '@nlux-dev/themes/src/nada/main.css'; import '@nlux-dev/highlighter/src/themes/stackoverflow/dark.css'; import {useChatAdapter as useHfChatAdapter} from '@nlux-dev/hf-react/src'; import {highlighter} from '@nlux-dev/highlighter/src';