diff --git a/packages/css/themes/src/claude/colors-dark.css b/packages/css/themes/src/claude/colors-dark.css
new file mode 100644
index 00000000..3c819d13
--- /dev/null
+++ b/packages/css/themes/src/claude/colors-dark.css
@@ -0,0 +1,94 @@
+.nlux-AiChat-root.nlux-theme-nova[data-color-scheme='dark'] {
+    /** Exceptions box */
+    --nlux-Exceptions--BackgroundColor: tomato;
+    --nlux-Exceptions--BorderColor: darkred;
+    --nlux-Exceptions--TextColor: white;
+
+    /** Welcome message */
+    --nlux-WelcomeMessage-Avatar--BorderColor: transparent;
+    --nlux-WelcomeMessage-Avatar--BackgroundColor: transparent;
+
+    /** Divider between composer and messages */
+    --nlux-ChatRoom-Divider--Color: #71717a;
+
+    /** Conversation loader */
+    --nlux-ChatRoom-Loader--Color: #71717a;
+
+    /** Conversation content color */
+    --nlux-ChatRoom--BackgroundColor: #2D2D2A;
+    --nlux-ChatRoom--BorderColor: transparent;
+    --nlux-ChatRoom--TextColor: #ffffff;
+
+    /** Participant info in chat */
+    --nlux-ChatItem-ParticipantName--Color: #ffffff;
+
+    /* Human message in chat */
+    --nlux-HumanMessage--BackgroundColor: #1A1915;
+    --nlux-HumanMessage--BorderColor: transparent;
+    --nlux-HumanMessage--TextColor: #ffffff;
+
+    /** AI message in chat */
+    --nlux-AiMessage--BackgroundColor: #363634;
+    --nlux-AiMessage--BorderColor: transparent;
+    --nlux-AiMessage--TextColor: #ffffff;
+
+    /** Prompt container */
+    --nlux-composer-container--BackgroundColor: #393937;
+    
+    /** Prompt input colors */
+    --nlux-PromptInput--BackgroundColor: transparent;
+    --nlux-PromptInput--BorderColor: transparent;
+    --nlux-PromptInput--TextColor: #ffffff;
+
+    --nlux-PromptInput-Active--BackgroundColor: transparent;
+    --nlux-PromptInput-Active--BorderColor: transparent;
+    --nlux-PromptInput-Active--TextColor: #ffffff;
+
+    --nlux-PromptInput-Disabled--BackgroundColor: transprent;
+    --nlux-PromptInput-Disabled--TextColor: transprent;
+    --nlux-PromptInput-Disabled--BorderColor: transprent;
+
+    --nlux-PromptInput-Placeholder--TextColor: #71717a;
+    --nlux-PromptInput-Focus-Outline--Color: transparent;
+
+    /** Submit button colors */
+    --nlux-SubmitButton--BackgroundColor: transparent;
+    --nlux-SubmitButton--BorderColor: transparent;
+    --nlux-SubmitButton--TextColor: #ffffff;
+
+    --nlux-SubmitButton-Active--BackgroundColor: transparent;
+    --nlux-SubmitButton-Active--BorderColor: transparent;
+    --nlux-SubmitButton-Active--TextColor: #ffffff;
+
+    --nlux-SubmitButton-Disabled--BackgroundColor: transparent;
+    --nlux-SubmitButton-Disabled--BorderColor: transparent;
+    --nlux-SubmitButton-Disabled--TextColor: #71717a;
+
+    --nlux-SubmitButton-Focus-Outline--Color: transparent;
+
+    /** Code block */
+    --nlux-CodeBlock--BackgroundColor: #282C34;
+    --nlux-CodeBlock--BorderColor: transparent;
+    --nlux-CodeBlock--TextColor: #ffffff;
+    --nlux-CodeBlock-Hover--BackgroundColor: #282C34;
+
+    /** Code block copy button */
+    --nlux-CodeBlock-CopyButton--BackgroundColor: #21201C;
+    --nlux-CodeBlock-CopyButton--BorderColor: #c5c5c3;
+    --nlux-CodeBlock-CopyButton--TextColor: #ffffff;
+
+    /** Code block copy button in clicked state */
+    --nlux-CodeBlock-CopyButton-Clicked--BackgroundColor: #21201C;
+    --nlux-CodeBlock-CopyButton-Clicked--BorderColor: #393930;
+    --nlux-CodeBlock-CopyButton-Clicked--TextColor: #ffffff;
+
+    /** Inline code in markdown */
+    --nlux-InlineCode--BackgroundColor: #393930;
+    --nlux-InlineCode--BorderColor: transparent;
+    --nlux-InlineCode--TextColor: #ffffff;
+
+    /** Conversation starters */
+    --nlux-ConversationStarter--BackgroundColor: var(--nlux-HumanMessage--BackgroundColor);
+    --nlux-ConversationStarter--BorderColor: transparent;
+    --nlux-ConversationStarter--TextColor: var(--nlux-HumanMessage--TextColor);
+}
diff --git a/packages/css/themes/src/claude/colors-light.css b/packages/css/themes/src/claude/colors-light.css
new file mode 100644
index 00000000..1e3bf8bb
--- /dev/null
+++ b/packages/css/themes/src/claude/colors-light.css
@@ -0,0 +1,94 @@
+.nlux-AiChat-root.nlux-theme-nova[data-color-scheme='light'] {
+    /** Exceptions box */
+    --nlux-Exceptions--BackgroundColor: tomato;
+    --nlux-Exceptions--BorderColor: darkred;
+    --nlux-Exceptions--TextColor: white;
+
+    /** Welcome message */
+    --nlux-WelcomeMessage-Avatar--BorderColor: transparent;
+    --nlux-WelcomeMessage-Avatar--BackgroundColor: transparent;
+
+    /** Divider between composer and messages */
+    --nlux-ChatRoom-Divider--Color: #B9B5AB;
+
+    /** Conversation loader */
+    --nlux-ChatRoom-Loader--Color: #71717a;
+
+    /** Conversation content color */
+    --nlux-ChatRoom--BackgroundColor: #F3F1EB;
+    --nlux-ChatRoom--BorderColor: transparent;
+    --nlux-ChatRoom--TextColor: #09090B;
+
+    /** Participant info in chat */
+    --nlux-ChatItem-ParticipantName--Color: #09090B;
+
+    /* Human message in chat */
+    --nlux-HumanMessage--BackgroundColor: #E4DFCF;
+    --nlux-HumanMessage--BorderColor: transparent;
+    --nlux-HumanMessage--TextColor: #000000;
+
+    /** AI message in chat */
+    --nlux-AiMessage--BackgroundColor: #F7F7F5;
+    --nlux-AiMessage--BorderColor: transparent;
+    --nlux-AiMessage--TextColor: #09090B;
+
+    /** Prompt container */
+    --nlux-composer-container--BackgroundColor: #F8F8F7;
+    
+    /** Prompt input colors */
+    --nlux-PromptInput--BackgroundColor: transparent;
+    --nlux-PromptInput--BorderColor: transparent;
+    --nlux-PromptInput--TextColor: #71717a;
+
+    --nlux-PromptInput-Active--BackgroundColor: transparent;
+    --nlux-PromptInput-Active--BorderColor: transparent;
+    --nlux-PromptInput-Active--TextColor: #000000;
+
+    --nlux-PromptInput-Disabled--BackgroundColor: transprent;
+    --nlux-PromptInput-Disabled--TextColor: #71717A;
+    --nlux-PromptInput-Disabled--BorderColor: transprent;
+
+    --nlux-PromptInput-Placeholder--TextColor: #b4b4b4;
+    --nlux-PromptInput-Focus-Outline--Color: transparent;
+
+    /** Submit button colors */
+    --nlux-SubmitButton--BackgroundColor: transparent;
+    --nlux-SubmitButton--BorderColor: transparent;
+    --nlux-SubmitButton--TextColor: #BA5B38;
+
+    --nlux-SubmitButton-Active--BackgroundColor: transparent;
+    --nlux-SubmitButton-Active--BorderColor: transparent;
+    --nlux-SubmitButton-Active--TextColor: #C96442;
+
+    --nlux-SubmitButton-Disabled--BackgroundColor: transparent;
+    --nlux-SubmitButton-Disabled--BorderColor: transparent;
+    --nlux-SubmitButton-Disabled--TextColor: #b4b4b4;
+
+    --nlux-SubmitButton-Focus-Outline--Color: transparent;
+
+    /** Code block */
+    --nlux-CodeBlock--BackgroundColor: #282C34;
+    --nlux-CodeBlock--BorderColor: transparent;
+    --nlux-CodeBlock--TextColor: white;
+    --nlux-CodeBlock-Hover--BackgroundColor: #282C34;
+
+    /** Code block copy button */
+    --nlux-CodeBlock-CopyButton--BackgroundColor: #E8E5D8;
+    --nlux-CodeBlock-CopyButton--BorderColor: #c5c5c3;
+    --nlux-CodeBlock-CopyButton--TextColor: #000000;
+
+    /** Code block copy button in clicked state */
+    --nlux-CodeBlock-CopyButton-Clicked--BackgroundColor: #393930;
+    --nlux-CodeBlock-CopyButton-Clicked--BorderColor: #393930;
+    --nlux-CodeBlock-CopyButton-Clicked--TextColor: #ffffff;
+
+    /** Inline code in markdown */
+    --nlux-InlineCode--BackgroundColor: #fff9d8;
+    --nlux-InlineCode--BorderColor: transparent;
+    --nlux-InlineCode--TextColor: black;
+
+    /** Conversation starters */
+    --nlux-ConversationStarter--BackgroundColor: var(--nlux-AiMessage--BackgroundColor);
+    --nlux-ConversationStarter--BorderColor: transparent;
+    --nlux-ConversationStarter--TextColor: var(--nlux-AiMessage--TextColor);
+}
diff --git a/packages/css/themes/src/claude/font.css b/packages/css/themes/src/claude/font.css
new file mode 100644
index 00000000..be1c58c9
--- /dev/null
+++ b/packages/css/themes/src/claude/font.css
@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
diff --git a/packages/css/themes/src/claude/icons.css b/packages/css/themes/src/claude/icons.css
new file mode 100644
index 00000000..f1f7c98f
--- /dev/null
+++ b/packages/css/themes/src/claude/icons.css
@@ -0,0 +1,26 @@
+.nlux-AiChat-root.nlux-theme-nova {
+    --nlux-send-icon: url('data:image/svg+xml,\
+        <svg viewBox="0 0 101 101" fill="none" xmlns="http://www.w3.org/2000/svg">\
+            <path\
+                fill-rule="evenodd" clip-rule="evenodd"\
+                d="M100.662 50.6616C100.662 78.2758 78.2758 100.662 50.6616 100.662C23.0473 100.662 0.66156 78.2758 0.66156 50.6616C0.66156 23.0473 23.0473 0.66156 50.6616 0.66156C78.2758 0.66156 100.662 23.0473 100.662 50.6616ZM50.651 27.9339C49.2859 27.9339 48.0614 28.5356 47.2282 29.4883L29.2694 47.447C27.4943 49.2221 27.4943 52.1001 29.2694 53.8753C31.0446 55.6504 33.9226 55.6504 35.6977 53.8753L46.1055 43.4674V68.8429C46.1055 71.3533 48.1406 73.3884 50.651 73.3884C53.1613 73.3884 55.1964 71.3533 55.1964 68.8429V43.4386L65.6331 53.8753C67.4082 55.6504 70.2862 55.6504 72.0613 53.8753C73.8364 52.1001 73.8364 49.2221 72.0613 47.447L53.8795 29.2652C52.9902 28.3759 51.8241 27.9321 50.6585 27.9339L50.651 27.9339Z"\
+                fill="currentColor"\ style="fill:currentColor;fill-opacity:1;"\
+            />\
+        </svg>\
+    ');
+
+    --nlux-cancel-icon: url('data:image/svg+xml,\
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" fill="none">\
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" fill="none">\
+                <path d="M12.1719 22.1992C17.6947 22.1992 22.1719 17.7221 22.1719 12.1992C22.1719 6.67637 17.6947 2.19922 12.1719 2.19922C6.64903 2.19922 2.17188 6.67637 2.17188 12.1992C2.17188 17.7221 6.64903 22.1992 12.1719 22.1992Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
+                <path d="M15.1719 9.19922H9.17188V15.1992H15.1719V9.19922Z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
+            </svg>\
+        </svg>\
+    ');
+
+    --nlux-copy-icon: url('data:image/svg+xml,\
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">\
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M15 1.25H10.9436C9.10583 1.24998 7.65019 1.24997 6.51098 1.40314C5.33856 1.56076 4.38961 1.89288 3.64124 2.64124C2.89288 3.38961 2.56076 4.33856 2.40314 5.51098C2.24997 6.65019 2.24998 8.10582 2.25 9.94357V16C2.25 17.8722 3.62205 19.424 5.41551 19.7047C5.55348 20.4687 5.81753 21.1208 6.34835 21.6517C6.95027 22.2536 7.70814 22.5125 8.60825 22.6335C9.47522 22.75 10.5775 22.75 11.9451 22.75H15.0549C16.4225 22.75 17.5248 22.75 18.3918 22.6335C19.2919 22.5125 20.0497 22.2536 20.6517 21.6517C21.2536 21.0497 21.5125 20.2919 21.6335 19.3918C21.75 18.5248 21.75 17.4225 21.75 16.0549V10.9451C21.75 9.57754 21.75 8.47522 21.6335 7.60825C21.5125 6.70814 21.2536 5.95027 20.6517 5.34835C20.1208 4.81753 19.4687 4.55348 18.7047 4.41551C18.424 2.62205 16.8722 1.25 15 1.25ZM17.1293 4.27117C16.8265 3.38623 15.9876 2.75 15 2.75H11C9.09318 2.75 7.73851 2.75159 6.71085 2.88976C5.70476 3.02502 5.12511 3.27869 4.7019 3.7019C4.27869 4.12511 4.02502 4.70476 3.88976 5.71085C3.75159 6.73851 3.75 8.09318 3.75 10V16C3.75 16.9876 4.38624 17.8265 5.27117 18.1293C5.24998 17.5194 5.24999 16.8297 5.25 16.0549V10.9451C5.24998 9.57754 5.24996 8.47522 5.36652 7.60825C5.48754 6.70814 5.74643 5.95027 6.34835 5.34835C6.95027 4.74643 7.70814 4.48754 8.60825 4.36652C9.47522 4.24996 10.5775 4.24998 11.9451 4.25H15.0549C15.8297 4.24999 16.5194 4.24998 17.1293 4.27117ZM7.40901 6.40901C7.68577 6.13225 8.07435 5.9518 8.80812 5.85315C9.56347 5.75159 10.5646 5.75 12 5.75H15C16.4354 5.75 17.4365 5.75159 18.1919 5.85315C18.9257 5.9518 19.3142 6.13225 19.591 6.40901C19.8678 6.68577 20.0482 7.07435 20.1469 7.80812C20.2484 8.56347 20.25 9.56458 20.25 11V16C20.25 17.4354 20.2484 18.4365 20.1469 19.1919C20.0482 19.9257 19.8678 20.3142 19.591 20.591C19.3142 20.8678 18.9257 21.0482 18.1919 21.1469C17.4365 21.2484 16.4354 21.25 15 21.25H12C10.5646 21.25 9.56347 21.2484 8.80812 21.1469C8.07435 21.0482 7.68577 20.8678 7.40901 20.591C7.13225 20.3142 6.9518 19.9257 6.85315 19.1919C6.75159 18.4365 6.75 17.4354 6.75 16V11C6.75 9.56458 6.75159 8.56347 6.85315 7.80812C6.9518 7.07435 7.13225 6.68577 7.40901 6.40901Z" fill="currentColor"/>\
+        </svg>\
+    ');
+}
diff --git a/packages/css/themes/src/claude/layout.css b/packages/css/themes/src/claude/layout.css
new file mode 100644
index 00000000..53a9767b
--- /dev/null
+++ b/packages/css/themes/src/claude/layout.css
@@ -0,0 +1,124 @@
+.nlux-AiChat-root.nlux-theme-nova {
+    /**
+     * Theme-specific local variables.
+     */
+
+    --nlux-nova--FontFamily: 'Inter', sans-serif;
+    --nlux-nova--MonoFontFamily: monospace;
+
+    --nlux-nova--BorderWidth: 0;
+    --nlux-nova--LineHeight: 1.4;
+    --nlux-nova--FlexGap: 12px;
+
+    /**
+     * Definitions and overrides of required theme variables.
+     */
+
+    /** Exceptions box */
+    --nlux-Exceptions--Padding: 5px;
+    --nlux-Exceptions--BorderWidth: var(--nlux-nova--BorderWidth);
+    --nlux-Exceptions--BorderRadius: 12px;
+
+    /** Welcome message */
+    --nlux-WelcomeMessage-Avatar--Width: 48px;
+    --nlux-WelcomeMessage-PersonaName--FontSize: 18px;
+    --nlux-WelcomeMessage-PersonaName--FontWeight: 600;
+    --nlux-WelcomeMessage-Text--FontSize: 15px;
+    --nlux-WelcomeMessage-Text--FontWeight: 400;
+    --nlux-WelcomeMessage--Gap: 4px;
+
+    /** Divider between conversation and composer */
+    --nlux-ChatRoom-Divider--MarginTop: 10px;
+    --nlux-ChatRoom-Divider--MarginBottom: 10px;
+    --nlux-ChatRoom-Divider--BorderWidth: 1px;
+
+    /** Chat-room container */
+    --nlux-ChatRoom--LineHeight: var(--nlux-nova--LineHeight);
+    --nlux-ChatRoom--FontWeight: 400;
+    --nlux-ChatRoom--FontFamily: var(--nlux-nova--FontFamily);
+    --nlux-ChatRoom--FontSize: 16px;
+
+    --nlux-ChatRoom--Padding: 20px;
+    --nlux-ChatRoom--BorderRadius: 18px;
+    --nlux-ChatRoom--BorderWidth: var(--nlux-nova--BorderWidth);
+
+    /** Chat-room loader */
+    --nlux-ChatRoom-Loader--Width: 25px;
+
+    /** Chat item */
+    --nlux-ChatItem--AlignItems: flex-start;
+
+    /** Chat item participant info */
+    --nlux-ChatItem-ParticipantInfo--Gap: var(--nlux-nova--FlexGap);
+    --nlux-ChatItem-ParticipantInfo--Padding: 0px;
+    --nlux-ChatItem-ParticipantName--FontSize: 16px;
+    --nlux-ChatItem-ParticipantName--FontWeight: 700;
+
+    /** Chat item avatar */
+    --nlux-ChatItem-Avatar--Width: 30px;
+    --nlux-ChatItem-Avatar--BorderRadius: 50%;
+    --nlux-ChatItem-Avatar--BorderWidth: var(--nlux-nova--BorderWidth);
+
+    /** Chat item message */
+    --nlux-ChatItem-Message--Gap: var(--nlux-nova--FlexGap); /** Gap between elements within message */
+
+    /** Chat item message in bubbles display layout */
+    --nlux-ChatItem-Message-BubbleLayout--BorderWidth: 0px;
+    --nlux-ChatItem-Message-BubbleLayout--BorderRadius: 12px;
+    --nlux-ChatItem-Message-BubbleLayout--PaddingTopBottom: 10px;
+    --nlux-ChatItem-Message-BubbleLayout--PaddingLeftRight: 15px;
+
+    /** Chat item message in list display layout */
+    --nlux-ChatItem-Message-ListLayout--BorderWidth: 0px;
+    --nlux-ChatItem-Message-ListLayout--BorderRadius: 12px;
+    --nlux-ChatItem-Message-ListLayout--PaddingTopBottom: 5px;
+    --nlux-ChatItem-Message-ListLayout--PaddingLeftRight: 10px;
+    --nlux-ChatItem-Message-ListLayout--MarginTop: -10px;
+    --nlux-ChatItem-Message-ListLayout--MarginBottom: 0px;
+    --nlux-ChatItem-Message-ListLayout--MarginLeft: 32px;
+    --nlux-ChatItem-Message-ListLayout--MarginRight: 0px;
+
+    /** Chat item message code block */
+    --nlux-CodeBlock--FontSize: 14px;
+    --nlux-CodeBlock--FontFamily: 'Courier New', monospace;
+    --nlux-CodeBlock--Padding: 10px;
+    --nlux-CodeBlock--BorderWidth: var(--nlux-nova--BorderWidth);
+    --nlux-CodeBlock--BorderRadius: 6px;
+
+    /** Code block copy button */
+    --nlux-CodeBlock-CopyButton--Width: 22px;
+    --nlux-CodeBlock-CopyButton--Height: 22px;
+    --nlux-CodeBlock-CopyButton--Padding: 2px;
+    --nlux-CodeBlock-CopyButton--BorderRadius: 4px;
+    --nlux-CodeBlock-CopyButton--BorderWidth: var(--nlux-nova--BorderWidth);
+
+    /** Inline code in markdown */
+    --nlux-InlineCode--BorderRadius: 6px;
+    --nlux-InlineCode--BorderWidth: 2px;
+    --nlux-InlineCode--Padding: 0 2px;
+    --nlux-InlineCode--FontSize: 18px;
+
+    /** Composer */
+    --nlux-Composer--Gap: 5px;
+
+    /** Submit button */
+    --nlux-SubmitButton--Width: 65px;
+    --nlux-SubmitButton--BorderWidth: var(--nlux-nova--BorderWidth);
+    --nlux-SubmitButton--BorderRadius: 12px;
+    --nlux-SubmitButton-Focus-Outline--Width: 2px;
+
+    /** Composer input */
+    --nlux-PromptInput--FontFamily: var(--nlux-nova--FontFamily);
+    --nlux-PromptInput--FontSize: 16px;
+    --nlux-PromptInput--BorderWidth: 0;
+    --nlux-PromptInput--BorderRadius: 12px;
+    --nlux-PromptInput-Focus-Outline--Width: 2px;
+
+    /** Conversation starters */
+    --nlux-ConversationStarter--Padding: 0 10px;
+    --nlux-ConversationStarter--BorderRadius: 6px;
+    --nlux-ConversationStarter--BorderWidth: 0;
+    --nlux-ConversationStarter--Gap: var(--nlux-nova--FlexGap);
+    --nlux-ConversationStarter--Width: 160px;
+    --nlux-ConversationStarter--Height: 101px;
+}
diff --git a/packages/css/themes/src/claude/main.css b/packages/css/themes/src/claude/main.css
new file mode 100644
index 00000000..e5d1aa3c
--- /dev/null
+++ b/packages/css/themes/src/claude/main.css
@@ -0,0 +1,6 @@
+@import './font.css';
+@import './colors-light.css';
+@import './colors-dark.css';
+@import './layout.css';
+@import './icons.css';
+@import '../common/main.css';