Added New Themes/Optimization

src/components/settings/theme-settings.tsx

@@ -35,6 +35,8 @@ const backgroundOptions = [
   { value: "spidey", label: "Spidey", icon: Shield, color: "bg-red-600", ring: "ring-red-600", desc: "Dark theme with red accents" },
   { value: "cosmic", label: "Cosmic", icon: Shield, color: "bg-gradient-to-r from-purple-500 to-green-500", ring: "ring-purple-500", desc: "Deep space with purple nebula and cyan accents" },
   { value: "cyber2", label: "Cyber2.0", icon: Shield, color: "bg-gradient-to-r from-cyan-400 to-fuchsia-500", ring: "ring-cyan-400", desc: "Neon grid with magenta and cyan glow" },
+  { value: "pumpkin", label: "Pumpkin Spice", icon: Shield, color: "bg-gradient-to-r from-orange-600 to-amber-500", ring: "ring-orange-600", desc: "Warm autumn orange with spicy accents" },
+  { value: "bw", label: "Black & White", icon: Shield, color: "bg-gradient-to-r from-gray-900 to-gray-400", ring: "ring-gray-500", desc: "Clean monochrome with subtle texture" },
 ]
 
 function getStoredColorTheme(): string {

src/providers/website-theme-provider.tsx

@@ -8,6 +8,8 @@ const themeClasses: Record<string, string> = {
   spidey: "theme-spidey",
   cosmic: "theme-cosmic",
   cyber2: "theme-cyber2",
+  pumpkin: "theme-pumpkin",
+  bw: "theme-bw",
 }
 
 interface WebsiteThemeContextValue {