New Theme (Luminous)

src/app/layout.tsx

@@ -11,6 +11,7 @@ import "../../Web_Backgrounds/cyberpunk-theme.css"
 import "../../Web_Backgrounds/cyber2-theme.css"
 import "../../Web_Backgrounds/pumpkin-theme.css"
 import "../../Web_Backgrounds/bw-theme.css"
+import "../../Web_Backgrounds/luminous-theme.css"
 
 const inter = Inter({
   variable: "--font-inter",

src/components/settings/theme-settings.tsx

@@ -38,6 +38,7 @@ const backgroundOptions = [
   { 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" },
+  { value: "luminous", label: "Luminous", icon: Shield, color: "bg-gradient-to-r from-blue-500 to-teal-400", ring: "ring-blue-500", desc: "Deep Glass 2.0 — blue-teal-amber with specular highlights and 3D bevel borders" },
 ]
 
 function getStoredColorTheme(): string {

src/providers/website-theme-provider.tsx

@@ -11,6 +11,7 @@ const themeClasses: Record<string, string> = {
   cyber2: "theme-cyber2",
   pumpkin: "theme-pumpkin",
   bw: "theme-bw",
+  luminous: "theme-luminous",
 }
 
 interface WebsiteThemeContextValue {