this.gui 1.3.41 → 1.3.42

package/src/gui/Theme/catalog/CherryByte/manifest.ts

@@ -0,0 +1,24 @@
+// src/themes/catalog/neurons/manifest.ts
+import type { ThemeManifest } from '@/types/theme';
+import badgeImage from './CherryByte.png';
+import lightTokens from './light.tokens';
+import darkTokens from './dark.tokens';
+const cherryByteManifest: ThemeManifest = {
+  themeId: 'cherrybyte',
+  themeName: 'Cherry Byte',
+  description: 'Vibrant cherry red accents, designed to reduce eye strain.',
+  author: 'suiGn',
+  version: '1.0.0',
+  license: 'MIT',
+  homepage: 'https://neurons.me/',
+  tags: ['official', 'default'],  
+  createdAt: '2025-09-16T00:00:00.000Z',
+  updatedAt: '2025-09-16T00:00:00.000Z',
+  badgeUrl: badgeImage,
+  mode: {
+    light: lightTokens,
+    dark: darkTokens,
+  },
+  defaultMode: 'dark'
+};
+export default cherryByteManifest;

package/src/gui/Theme/catalog/GhostShell/dark.tokens.ts

@@ -0,0 +1,43 @@
+// src/themes/catalog/GhostShell/dark.tokens.ts
+const darkTokens = {
+  "id": "LunaHex-dark",
+  "$description": "LunaHex Cyberpunk Dark — matrix-inspired neon aesthetic with ghostly green glows and deep cyber shadows.",
+  "color": {
+    "primary": { "$type": "color", "$value": "#00ff9f" },
+    "secondary": { "$type": "color", "$value": "#00e0ff" },
+    "icon": { "$type": "color", "$value": "#7fffd4" },
+    "background": {
+      "default": { "$type": "color", "$value": "#06080a" },
+      "paper": { "$type": "color", "$value": "#0b1014" },
+      "nav": { "$type": "color", "$value": "rgba(10,14,18,0.96)" }
+    },
+    "textPrimary": { "$type": "color", "$value": "#e0fff3" },
+    "textSecondary": { "$type": "color", "$value": "rgba(180,255,220,0.75)" },
+    "link": { "$type": "color", "$value": "#00ffc3" },
+    "linkVisited": { "$type": "color", "$value": "#00a8a8" },
+    "border": { "$type": "color", "$value": "rgba(0,255,160,0.25)" },
+    "section": {
+      "default": { "$type": "color", "$value": "#0a0f10" },
+      "subtle": { "$type": "color", "$value": "#0f1719" },
+      "strong": { "$type": "color", "$value": "#030506" }
+    },
+    "blur": {
+      "light": { "$type": "color", "$value": "rgba(2, 13, 7, 0.55)" },
+      "medium": { "$type": "color", "$value": "rgba(2, 13, 7, 0.69)" },
+      "heavy": { "$type": "color", "$value": "rgba(0, 9, 6, 0.89)" },
+      "all": { "$type": "color", "$value": "rgba(2, 25, 15, 1)" }
+    },
+    "accent": {
+      "glow": { "$type": "color", "$value": "#00ffcc" },
+      "pulse": { "$type": "color", "$value": "#00c3ff" }
+    }
+  },
+  "font": {
+    "family": {
+      "$type": "fontFamily",
+      "$value": "'Share Tech Mono', 'Poppins', monospace"
+    }
+  }
+};
+
+export default darkTokens;

package/src/gui/Theme/catalog/GhostShell/light.tokens.ts

@@ -0,0 +1,39 @@
+// src/themes/catalog/GhostShell/light.tokens.ts
+const lightTokens = {
+  "id": "LunaHex-light",
+  "extends": "global.tokens.json",
+  "color": {
+    "primary": { "$type": "color", "$value": "#00c77f" },
+    "secondary": { "$type": "color", "$value": "#00b8ff" },
+    "icon": { "$type": "color", "$value": "#007f73" },
+    "default": { "$type": "color", "$value": "#f4f8f6" },
+    "paper": { "$type": "color", "$value": "#ffffff" },
+    "nav": { "$type": "color", "$value": "#f1fef9" },
+    "textPrimary": { "$type": "color", "$value": "#061a14" },
+    "textSecondary": { "$type": "color", "$value": "#34584f" },
+    "link": { "$type": "color", "$value": "#009f77" },
+    "linkVisited": { "$type": "color", "$value": "#007866" },
+    "border": { "$type": "color", "$value": "rgba(0,160,120,0.25)" },
+    "section": {
+      "default": { "$type": "color", "$value": "#e9fcf4" },
+      "subtle": { "$type": "color", "$value": "#f8fffb" },
+      "strong": { "$type": "color", "$value": "#d6f5ec" }
+    },
+    "blur": {
+      "light": { "$type": "color", "$value": "rgba(245, 255, 250, 0.7)" },
+      "medium": { "$type": "color", "$value": "rgba(240, 255, 250, 0.85)" },
+      "heavy": { "$type": "color", "$value": "rgba(235, 255, 250, 1)" },
+      "all": { "$type": "color", "$value": "rgba(230, 255, 245, 1)" }
+    },
+    "accent": {
+      "glow": { "$type": "color", "$value": "#00ffaa" },
+      "pulse": { "$type": "color", "$value": "#00d0ff" }
+    }
+  },
+  "font": {
+    "body": { "$type": "font", "$value": "'Share Tech Mono', 'Nunito Sans', monospace" },
+    "heading": { "$type": "font", "$value": "'Poppins', sans-serif" }
+  }
+};
+
+export default lightTokens;

package/src/gui/Theme/catalog/GhostShell/manifest.ts

@@ -0,0 +1,24 @@
+// src/themes/catalog/GhostShell/manifest.ts
+import type { ThemeManifest } from '@/types/theme';
+import badgeImage from './ghost.png';
+import lightTokens from './light.tokens';
+import darkTokens from './dark.tokens';
+const ghostShellManifest: ThemeManifest = {
+  themeId: 'ghost.shell',
+  themeName: 'GhostShell',
+  description: 'A sleek, modern theme with a dark aesthetic, perfect for late-night sessions.',
+  author: 'suiGn',
+  version: '1.0.0',
+  license: 'MIT',
+  homepage: 'https://neurons.me/',
+  tags: ['official', 'default'],
+  createdAt: '2025-09-16T00:00:00.000Z',
+  updatedAt: '2025-09-16T00:00:00.000Z',
+  badgeUrl: badgeImage,
+  mode: {
+    light: lightTokens,
+    dark: darkTokens,
+  },
+  defaultMode: 'dark'
+};
+export default ghostShellManifest;

package/src/gui/Theme/catalog/LunaHex/dark.tokens.ts

@@ -0,0 +1,34 @@
+// src/themes/catalog/LunaHex/dark.tokens.ts
+// Luna Hex Dark Theme Tokens — overrides applied on top of global.tokens.json
+const darkTokens = {
+  "id": "LunaHex-dark",
+  "$description": "Luna Hex Dark Theme Tokens — mystical, elegant dark palette with lunar tones.",
+  "color": {
+    "primary": { "$type": "color", "$value": "#a692f4" }, // soft lavender glow
+    "secondary": { "$type": "color", "$value": "#f6a6de" }, // rose moonlight
+    "icon": { "$type": "color", "$value": "#cfc9ff" }, // silver-white icons
+    "background": {
+      "default": { "$type": "color", "$value": "#0f1016" }, // deep cosmic blue-black
+      "paper": { "$type": "color", "$value": "#171822" }, // subtle moon haze
+      "nav": { "$type": "color", "$value": "rgba(17,18,25,0.96)" } // translucent dark
+    },
+    "textPrimary": { "$type": "color", "$value": "#f2efff" },
+    "textSecondary": { "$type": "color", "$value": "rgba(230,228,255,0.7)" },
+    "link": { "$type": "color", "$value": "#b8a3ff" },
+    "linkVisited": { "$type": "color", "$value": "#9c87f2" },
+    "border": { "$type": "color", "$value": "rgba(160,160,200,0.25)" },
+    "section": {
+      "default": { "$type": "color", "$value": "#141421" },
+      "subtle": { "$type": "color", "$value": "#1a1a2a" },
+      "strong": { "$type": "color", "$value": "#0c0c15" }
+    },
+    "blur": {
+      "light": { "$type": "color", "$value": "rgba(18, 17, 28, 0.55)" },
+      "medium": { "$type": "color", "$value": "rgba(20, 19, 32, 0.69)" },
+      "heavy": { "$type": "color", "$value": "rgba(17, 16, 24, 0.89)" },
+      "all": { "$type": "color", "$value": "rgba(16, 15, 24, 1)" }
+    }
+  }
+};
+
+export default darkTokens;

package/src/gui/Theme/catalog/LunaHex/light.tokens.ts

@@ -0,0 +1,74 @@
+// src/themes/catalog/LunaHex/light.tokens.ts
+const lightTokens = {
+  "$description": "Luna Hex Light Theme — part of This.GUI ecosystem",
+  "id": "LunaHex-light",
+  "extends": "global.tokens.json",
+  "color": {
+    "primary": {
+      "$type": "color",
+      "$value": "#6a4cc2"
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": "#e08bcf"
+    },
+    "icon": {
+      "$type": "color",
+      "$value": "#9fa4b7"
+    },
+    "default": {
+      "$type": "color",
+      "$value": "#f4f5fa"
+    },
+    "paper": {
+      "$type": "color",
+      "$value": "#ffffff"
+    },
+    "nav": {
+      "$type": "color",
+      "$value": "#f9f9fb"
+    },
+    "textPrimary": {
+      "$type": "color",
+      "$value": "#2b244d"
+    },
+    "textSecondary": {
+      "$type": "color",
+      "$value": "#5c5470"
+    },
+    "link": {
+      "$type": "color",
+      "$value": "#a67be9"
+    },
+    "linkVisited": {
+      "$type": "color",
+      "$value": "#8b5be0"
+    },
+    "border": {
+      "$type": "color",
+      "$value": "rgba(160,160,190,0.2)"
+    },
+    "section": {
+      "default": {
+        "$type": "color",
+        "$value": "#f6f5ff"
+      },
+      "subtle": {
+        "$type": "color",
+        "$value": "#ffffff"
+      },
+      "strong": {
+        "$type": "color",
+        "$value": "#e9e6fa"
+      }
+    },
+    "blur": {
+      "light": { "$type": "color", "$value": "rgba(250, 245, 255, 0.34)" },
+      "medium": { "$type": "color", "$value": "rgba(245, 240, 255, 0.55)" },
+      "heavy": { "$type": "color", "$value": "rgba(240, 235, 255, 0.89)" },
+      "all": { "$type": "color", "$value": "rgba(235, 230, 255, 1)" }
+    }
+  }
+};
+
+export default lightTokens;

package/src/gui/Theme/catalog/LunaHex/manifest.ts

@@ -0,0 +1,24 @@
+// src/themes/catalog/neurons/manifest.ts
+import type { ThemeManifest } from '@/types/theme';
+import badgeImage from './LunaHex.png';
+import lightTokens from './light.tokens';
+import darkTokens from './dark.tokens';
+const lunaManifest: ThemeManifest = {
+  themeId: 'luna',
+  themeName: 'LunaHex',
+  description: 'Luna Hex theme with light and dark modes.',
+  author: 'suiGn',
+  version: '1.0.0',
+  license: 'MIT',
+  homepage: 'https://neurons.me/',
+  tags: ['official', 'default'],
+  createdAt: '2025-09-16T00:00:00.000Z',
+  updatedAt: '2025-09-16T00:00:00.000Z',
+  badgeUrl: badgeImage,
+  mode: {
+    light: lightTokens,
+    dark: darkTokens,
+  },
+  defaultMode: 'dark'
+};
+export default lunaManifest;

package/src/gui/Theme/catalog/MUI/dark.tokens.ts

@@ -0,0 +1,58 @@
+// src/themes/catalog/MUI/dark.tokens.ts
+// MUI Dark Theme Tokens — overrides applied on top of global.tokens.json
+const darkTokens = {
+  "id": "MUI-dark",
+  "$description": "MUI Dark Theme Tokens — overrides applied on top of global.tokens.json",
+  "color": {
+    "primary": {
+      "$type": "color",
+      "$value": "#90caf9"
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": "#f48fb1"
+    },
+    "icon": {
+      "$type": "color",
+      "$value": "#a8a8a8"
+    },
+    "background": {
+      "default": { "$type": "color", "$value": "#121214" },
+      "paper": { "$type": "color", "$value": "#181a1c" },
+      "nav": { "$type": "color", "$value": "rgba(18,18,20,0.95)" }
+    },
+    "textPrimary": {
+      "$type": "color",
+      "$value": "#ffffff"
+    },
+    "textSecondary": {
+      "$type": "color",
+      "$value": "rgba(255,255,255,0.75)"
+    },
+    "link": {
+      "$type": "color",
+      "$value": "#00aa96"
+    },
+    "linkVisited": {
+      "$type": "color",
+      "$value": "#008278"
+    },
+    "border": {
+      "$type": "color",
+      "$value": "rgb(45,45,55)"
+    },
+    "section": {
+      "default": { "$type": "color", "$value": "#181818" },
+      "subtle": { "$type": "color", "$value": "#1c1c1c" },
+      "strong": { "$type": "color", "$value": "#222" }
+    },
+    "blur": {
+      "light": { "$type": "color", "$value": "rgba(18, 18, 20, 0.55)" },
+      "medium": { "$type": "color", "$value": "rgba(18, 18, 20, 0.69)" },
+      "heavy": { "$type": "color", "$value": "rgba(18, 18, 20, .89)" },
+      "all": { "$type": "color", "$value": "rgba(18, 18, 20, 1)" }
+    }
+  }
+};
+
+export default darkTokens;

package/src/gui/Theme/catalog/MUI/light.tokens.ts

@@ -0,0 +1,74 @@
+// src/themes/catalog/MUI/light.tokens.ts
+const lightTokens = {
+  "$description": "Mui Light Theme theme — part of This.GUI ecosystem",
+  "id": "MUI-light",
+  "extends": "global.tokens.json",
+  "color": {
+    "primary": {
+      "$type": "color",
+      "$value": "#0a3a42"
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": "#e5396f"
+    },
+    "icon": {
+      "$type": "color", 
+      "$value": "#5e5e5e"
+    },
+    "default": {
+      "$type": "color",
+      "$value": "#f8f9fa"
+    },
+    "paper": {
+      "$type": "color",
+      "$value": "#ffffff"
+    },
+    "nav": {
+      "$type": "color",
+      "$value": "#fdfdfd"
+    },
+    "textPrimary": {
+      "$type": "color",
+      "$value": "#111111"
+    },
+    "textSecondary": {
+      "$type": "color",
+      "$value": "#444444"
+    },
+    "link": {
+      "$type": "color",
+      "$value": "#008c7d"
+    },
+    "linkVisited": {
+      "$type": "color",
+      "$value": "#006e64"
+    },
+    "border": {
+      "$type": "color",
+      "$value": "rgba(0,0,0,0.08)"
+    },
+    "section": {
+      "default": {
+        "$type": "color",
+        "$value": "#f8f9fa"
+      },
+      "subtle": {
+        "$type": "color",
+        "$value": "#ffffff"
+      },
+      "strong": {
+        "$type": "color",
+        "$value": "#e9ecef"
+      }
+    },
+    "blur": {
+      "light": { "$type": "color", "$value": "rgba(250, 250, 250, 0.34)" },
+      "medium": { "$type": "color", "$value": "rgba(245, 245, 245, 0.55)" },
+      "heavy": { "$type": "color", "$value": "rgba(240, 240, 240, 0.89)" },
+      "all": { "$type": "color", "$value": "rgba(235, 235, 235, 1)" }
+    }
+  }
+};
+
+export default lightTokens;

package/src/gui/Theme/catalog/MUI/manifest.ts

@@ -0,0 +1,24 @@
+// src/themes/catalog/neurons/manifest.ts
+import type { ThemeManifest } from '@/types/theme';
+import badgeImage from './MUI.png';
+import lightTokens from './light.tokens';
+import darkTokens from './dark.tokens';
+const muiManifest: ThemeManifest = {
+  themeId: 'mui',
+  themeName: 'MUI',
+  description: 'Material UI theme with light and dark modes.',
+  author: 'suiGn',
+  version: '1.0.0',
+  license: 'MIT',
+  homepage: 'https://neurons.me/',
+  tags: ['official', 'default'],
+  createdAt: '2025-09-16T00:00:00.000Z',
+  updatedAt: '2025-09-16T00:00:00.000Z',
+  badgeUrl: badgeImage,
+  mode: {
+    light: lightTokens,
+    dark: darkTokens,
+  },
+  defaultMode: 'dark'
+};
+export default muiManifest;

package/src/gui/Theme/catalog/PrinceOfDarkness/dark.tokens.ts

@@ -0,0 +1,48 @@
+// src/themes/catalog/PrinceOfDarkness/dark.tokens.ts
+// Prince Of Darkness — Dark Mode Tokens
+// Gothic, cyber-metal aesthetic with deep black, muted burgundy, and teal-gray highlights.
+const darkTokens = {
+  "id": "PrinceOfDarkness-dark",
+  "$description": "Prince Of Darkness Dark Theme — gothic cyber-metal aesthetic for This.GUI, with neutral elegance",
+  "color": {
+    "primary": { "$type": "color", "$value": "#7a3b5d" }, // Burdeos tenue, más sofisticado
+    "secondary": { "$type": "color", "$value": "#5a3d9a" }, // Púrpura oscuro gótico
+    "accent": { "$type": "color", "$value": "#00d1b2" }, // Verde-azul metálico suave
+    "icon": { "$type": "color", "$value": "#c8c8c8" },
+    "background": {
+      "default": { "$type": "color", "$value": "#0d0d0f" },
+      "paper": { "$type": "color", "$value": "#161618" },
+      "nav": { "$type": "color", "$value": "#1c1c1f" }
+    },
+    "textPrimary": { "$type": "color", "$value": "#f2f2f2" },
+    "textSecondary": { "$type": "color", "$value": "#a3a3a3" },
+    "link": { "$type": "color", "$value": "#00bfa5" },
+    "linkVisited": { "$type": "color", "$value": "#00897b" },
+    "border": { "$type": "color", "$value": "rgba(255,255,255,0.1)" },
+    "section": {
+      "default": { "$type": "color", "$value": "#131314" },
+      "subtle": { "$type": "color", "$value": "#1a1a1c" },
+      "strong": { "$type": "color", "$value": "#0a0a0b" },
+      "accent": { "$type": "color", "$value": "#202228" },
+      "highlight": { "$type": "color", "$value": "#2a2f34" }
+    },
+    "blur": {
+      "light": { "$type": "color", "$value": "rgba(18, 18, 20, 0.4)" }, // dark neutral veil
+      "medium": { "$type": "color", "$value": "rgba(15, 15, 18, 0.65)" }, // deeper steel tone
+      "heavy": { "$type": "color", "$value": "rgba(12, 12, 16, 0.9)" }, // obsidian black with faint violet edge
+      "all": { "$type": "color", "$value": "rgba(10, 10, 14, 1)" } // complete gothic darkness
+    }
+  },
+  "effects": {
+    "shadow": {
+      "$type": "shadow",
+      "$value": "0px 0px 12px rgba(0, 209, 178, 0.15)"
+    },
+    "glow": {
+      "$type": "shadow",
+      "$value": "0px 0px 18px rgba(90, 61, 154, 0.25)"
+    }
+  }
+};
+
+export default darkTokens;

package/src/gui/Theme/catalog/PrinceOfDarkness/light.tokens.ts

@@ -0,0 +1,47 @@
+// src/themes/PrinceOfDarkness/light.tokens.ts
+const lightTokens = {
+  "$description": "Prince Of Darkness Light theme — sophisticated gothic-light aesthetic with metallic undertones and structured contrast.",
+  "id": "PrinceOfDarkness-light",
+  "extends": "global.tokens.json",
+  "color": {
+    "primary": { "$type": "color", "$value": "#5e3b8a" }, // Deep metallic purple
+    "secondary": { "$type": "color", "$value": "#3f51b5" }, // Cool indigo-blue
+    "accent": { "$type": "color", "$value": "#009688" }, // Elegant teal accent
+    "icon": { "$type": "color", "$value": "#3b3b3b" },
+    "background": {
+      "default": { "$type": "color", "$value": "#eae6f0" }, // Warm silver-lavender tone
+      "paper": { "$type": "color", "$value": "#f2f1f6" }, // Softer neutral tone
+      "nav": { "$type": "color", "$value": "#dfdce8" } // Distinct navigation area
+    },
+    "textPrimary": { "$type": "color", "$value": "#1a171f" },
+    "textSecondary": { "$type": "color", "$value": "#4e4a56" },
+    "link": { "$type": "color", "$value": "#5e3b8a" },
+    "linkVisited": { "$type": "color", "$value": "#452f70" },
+    "border": { "$type": "color", "$value": "rgba(60, 40, 100, 0.25)" },
+    "section": {
+      "default": { "$type": "color", "$value": "#e7e3ed" }, // Subtle lavender-gray
+      "subtle": { "$type": "color", "$value": "#f7f6fa" }, // Pale tone for contrast
+      "strong": { "$type": "color", "$value": "#d9d4e1" }, // Heavier background section
+      "accent": { "$type": "color", "$value": "#d0d7e8" }, // Cold steel-blue undertone
+      "highlight": { "$type": "color", "$value": "#d5cce5" } // Light metallic lilac for glow
+    },
+    "blur": {
+      "light": { "$type": "color", "$value": "rgba(220, 218, 230, 0.4)" }, // soft platinum haze
+      "medium": { "$type": "color", "$value": "rgba(205, 202, 215, 0.65)" }, // brushed steel tone
+      "heavy": { "$type": "color", "$value": "rgba(190, 188, 205, 0.85)" }, // smoky lavender-gray depth
+      "all": { "$type": "color", "$value": "rgba(175, 173, 190, 1)" } // gothic silver finish
+    }
+  },
+  "effects": {
+    "shadow": {
+      "$type": "shadow",
+      "$value": "0px 4px 14px rgba(50, 30, 80, 0.15)"
+    },
+    "glow": {
+      "$type": "shadow",
+      "$value": "0px 0px 14px rgba(94, 59, 138, 0.25)"
+    }
+  }
+};
+
+export default lightTokens;

package/src/gui/Theme/catalog/PrinceOfDarkness/manifest.ts

@@ -0,0 +1,24 @@
+// src/themes/tokens/neurons/manifest.ts
+import type { ThemeManifest } from '@/types/theme';
+import badgeImage from './princeOfDarkness.png';
+import lightTokens from './light.tokens';
+import darkTokens from './dark.tokens';
+const PrinceOfDarknessManifest: ThemeManifest = {
+  themeId: 'prince-of-darkness',
+  themeName: 'Prince Of Darkness',
+  description: 'A dark theme with a touch of neon, perfect for night owls and coding enthusiasts.',
+  author: 'suiGn',
+  version: '1.0.0',
+  license: 'MIT',
+  homepage: 'https://neurons.me/',
+  tags: ['official', 'default'],
+  createdAt: '2025-09-16T00:00:00.000Z',
+  updatedAt: '2025-09-16T00:00:00.000Z',
+  badgeUrl: badgeImage,
+  mode: {
+    light: lightTokens,
+    dark: darkTokens,
+  },
+  defaultMode: 'dark'
+};
+export default PrinceOfDarknessManifest;

package/src/gui/Theme/catalog/Seafoam/dark.tokens.ts

@@ -0,0 +1,49 @@
+// src/themes/catalog/Seafoam/dark.tokens.ts
+// Seafoam — Dark Mode Tokens
+// Seafoam — Dark Mode Tokens
+// Tranquil oceanic elegance with deep forest teal, soft coral, and misty neutrals.
+const darkTokens = {
+  "id": "Seafoam-dark",
+  "$description": "Seafoam Dark Theme — a tranquil, feminine oceanic palette blending deep teal, blush, and warm sand accents for a serene night mood.",
+  "color": {
+    "primary": { "$type": "color", "$value": "#244C4E" }, // deep sea green
+    "secondary": { "$type": "color", "$value": "#457E85" }, // misty teal
+    "accent": { "$type": "color", "$value": "#F0B7A4" }, // soft blush coral
+    "icon": { "$type": "color", "$value": "#CBD6D4" }, // soft silver
+    "background": {
+      "default": { "$type": "color", "$value": "#0F1919" }, // deep ocean night
+      "paper": { "$type": "color", "$value": "#182423" }, // soft teal black
+      "nav": { "$type": "color", "$value": "#1D2E2C" } // cool forest depth
+    },
+    "textPrimary": { "$type": "color", "$value": "#EAEDED" },
+    "textSecondary": { "$type": "color", "$value": "#AFC3C2" },
+    "link": { "$type": "color", "$value": "#5FA8B0" },
+    "linkVisited": { "$type": "color", "$value": "#7AB9BE" },
+    "border": { "$type": "color", "$value": "rgba(255,255,255,0.08)" },
+    "section": {
+      "default": { "$type": "color", "$value": "#162322" }, // rich teal-black section
+      "subtle": { "$type": "color", "$value": "#1E2E2D" }, // cool mist teal
+      "strong": { "$type": "color", "$value": "#0E1717" }, // deep focus area
+      "accent": { "$type": "color", "$value": "#263937" }, // soft forest teal accent
+      "highlight": { "$type": "color", "$value": "#314B48" } // elegant muted jade
+    },
+    "blur": {
+      "light":   { "$type": "color", "$value": "rgba(22, 44, 46, 0.35)" }, // twilight teal mist
+      "medium":  { "$type": "color", "$value": "rgba(18, 38, 40, 0.55)" }, // deep aqua reflection
+      "heavy":   { "$type": "color", "$value": "rgba(14, 32, 34, 0.85)" }, // moonlit sea surface
+      "all":     { "$type": "color", "$value": "rgba(10, 26, 28, 1)" } // full oceanic darkness
+    }
+  },
+  "effects": {
+    "shadow": {
+      "$type": "shadow",
+      "$value": "0px 2px 10px rgba(79, 138, 139, 0.2)"
+    },
+    "glow": {
+      "$type": "shadow",
+      "$value": "0px 0px 14px rgba(240, 183, 164, 0.25)"
+    }
+  }
+};
+
+export default darkTokens;