Merge pull request #1 from gkamradt/codex/add-more-color-templates

Add Dracula and Solarized themes

Author: gkamradt

src/data/colorThemes.ts

@@ -76,7 +76,37 @@ export const terminalThemes: Record<string, TerminalTheme> = {
       secondary: 'text-green-500',
       command: 'text-green-600'
     }
+  },
+  dracula: {
+    name: 'Dracula',
+    background: 'bg-gray-900',
+    colors: {
+      muted: 'text-gray-400',
+      success: 'text-green-400',
+      warning: 'text-yellow-500',
+      error: 'text-red-500',
+      info: 'text-cyan-400',
+      accent: 'text-purple-400',
+      primary: 'text-pink-300',
+      secondary: 'text-gray-300',
+      command: 'text-purple-500'
+    }
+  },
+  solarized: {
+    name: 'Solarized Dark',
+    background: 'bg-[#002b36]',
+    colors: {
+      muted: 'text-[#839496]',
+      success: 'text-[#859900]',
+      warning: 'text-[#b58900]',
+      error: 'text-[#dc322f]',
+      info: 'text-[#268bd2]',
+      accent: 'text-[#2aa198]',
+      primary: 'text-[#eee8d5]',
+      secondary: 'text-[#839496]',
+      command: 'text-[#586e75]'
+    }
   }
 };
 
-export const defaultTheme = 'dark';
+export const defaultTheme = 'dark';

src/data/terminalOutputs.ts

@@ -195,11 +195,13 @@ export const troubleshootingOutput: TerminalLine[] = [
   { text: "", delay: 100 },
   { text: "  🎨 Theme System Features:", colorRole: "accent", bold: true, delay: 200 },
   { text: "", delay: 100 },
-  { text: "  1. 4 Different Themes:", colorRole: "primary", delay: 150 },
+  { text: "  1. 6 Different Themes:", colorRole: "primary", delay: 150 },
   { text: "    - Dark - Classic terminal with green text on black background", colorRole: "secondary", delay: 100 },
   { text: "    - Light - Clean white background with dark text", colorRole: "secondary", delay: 100 },
   { text: "    - Minimal - Minimal grayscale theme", colorRole: "secondary", delay: 100 },
   { text: "    - Retro Green - Classic monochrome green terminal look", colorRole: "secondary", delay: 100 },
+  { text: "    - Dracula - Bold colors on dark background", colorRole: "secondary", delay: 100 },
+  { text: "    - Solarized Dark - Muted earth tones on deep blue", colorRole: "secondary", delay: 100 },
   { text: "  2. Theme Toggle Button - Added to the controls panel to cycle through themes", colorRole: "primary", delay: 150 },
   { text: "  3. Semantic Color Roles - Instead of hardcoded colors, terminal content now uses semantic roles:", colorRole: "primary", delay: 150 },
   { text: "    - muted - Gray, secondary text", colorRole: "secondary", delay: 100 },