From 6164e8511bfeaee1a2d41f2758f730707d62874f Mon Sep 17 00:00:00 2001
From: gkamradt <gkamradt@users.noreply.github.com>
Date: Sat, 14 Jun 2025 08:29:07 -0700
Subject: [PATCH] feat(theme): add Dracula and Solarized themes

---
 src/data/colorThemes.ts     | 32 +++++++++++++++++++++++++++++++-
 src/data/terminalOutputs.ts |  4 +++-
 2 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/data/colorThemes.ts b/src/data/colorThemes.ts
index 65073f5..130cabd 100644
--- a/src/data/colorThemes.ts
+++ b/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';
\ No newline at end of file
+export const defaultTheme = 'dark';
diff --git a/src/data/terminalOutputs.ts b/src/data/terminalOutputs.ts
index db54cb3..27d0f35 100644
--- a/src/data/terminalOutputs.ts
+++ b/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 },