@vibes.diy/prompts 2.4.14 → 2.4.16

package/themes/colorsets-bundle.js

@@ -1,10 +1,10 @@
 export const vibesColorsets = {
     aether: {
         name: "Aether Brass",
-        colors: {
+        colors: { "text-primary": "#3e2723" },
+        extras: {
             parchment: "#dcbfa6",
             "parchment-dark": "#c4a482",
-            ink: "#3e2723",
             leather: "#2a1d15",
             "brass-light": "#fdf5bb",
             "brass-mid": "#cfa562",
@@ -15,39 +15,39 @@ export const vibesColorsets = {
     archive: {
         name: "Archive",
         colors: {
-            bg: "oklch(0.95 0.01 70)",
-            text: "oklch(0.15 0.02 50)",
-            border: "oklch(0.20 0.02 50)",
+            background: "oklch(0.95 0.01 70)",
             accent: "oklch(0.35 0.04 50)",
-            "accent-text": "oklch(0.95 0.01 70)",
-            muted: "oklch(0.55 0.02 50)",
-            "page-bg": "oklch(0.92 0.01 65)",
+            "text-primary": "oklch(0.15 0.02 50)",
+            "text-secondary": "oklch(0.55 0.02 50)",
+            border: "oklch(0.20 0.02 50)",
         },
+        extras: { "accent-text": "oklch(0.95 0.01 70)", "page-bg": "oklch(0.92 0.01 65)" },
     },
     atelier: {
         name: "Atelier Studio",
         colors: {
-            "comp-bg": "oklch(0.95 0.03 70)",
-            "comp-text": "oklch(0.25 0.04 30)",
-            "comp-border": "oklch(0.25 0.04 30 / 0.15)",
-            "comp-accent": "oklch(0.65 0.18 55)",
-            "comp-accent-text": "oklch(1.00 0 0)",
-            "comp-muted": "oklch(0.50 0.04 30)",
-            "color-background": "oklch(0.96 0.03 70)",
-            "comp-accent-secondary": "oklch(0.60 0.15 40)",
-            "comp-golden": "oklch(0.72 0.15 80)",
+            background: "oklch(0.96 0.03 70)",
+            surface: "oklch(0.95 0.03 70)",
+            primary: "oklch(0.65 0.18 55)",
+            secondary: "oklch(0.60 0.15 40)",
+            "text-primary": "oklch(0.25 0.04 30)",
+            "text-secondary": "oklch(0.50 0.04 30)",
+            border: "oklch(0.25 0.04 30 / 0.15)",
         },
+        extras: { "comp-accent-text": "oklch(1.00 0 0)", "comp-golden": "oklch(0.72 0.15 80)" },
     },
     atlas: {
         name: "Atlas Reference",
         colors: {
-            "comp-bg": "oklch(1.00 0 0)",
-            "comp-text": "oklch(0.13 0 0)",
-            "comp-border": "oklch(0.93 0 0)",
-            "comp-accent": "oklch(0.62 0.24 25)",
+            background: "oklch(1.00 0 0)",
+            surface: "oklch(1.00 0 0)",
+            primary: "oklch(0.62 0.24 25)",
+            "text-primary": "oklch(0.13 0 0)",
+            "text-secondary": "oklch(0.66 0 0)",
+            border: "oklch(0.93 0 0)",
+        },
+        extras: {
             "comp-accent-text": "oklch(0.13 0 0)",
-            "comp-muted": "oklch(0.66 0 0)",
-            "color-background": "oklch(1.00 0 0)",
             "atlas-brand-bg": "oklch(0.62 0.24 25)",
             "atlas-brand-border": "oklch(0 0 0 / 0.08)",
             "atlas-brand-hover": "oklch(0 0 0 / 0.05)",
@@ -55,37 +55,41 @@ export const vibesColorsets = {
     },
     broadsheet: {
         name: "Broadsheet",
-        colors: { background: "#ffffff", text: "#111111", muted: "#666666", accent: "#666666", rule: "#cccccc" },
+        colors: { background: "#ffffff", accent: "#666666", "text-primary": "#111111", "text-secondary": "#666666", border: "#cccccc" },
     },
     brutalist: {
         name: "Neobrutalist",
         colors: {
             background: "#f5f0e0",
-            "card-background": "#ffffff",
-            text: "#1a1a2e",
+            surface: "#ffffff",
+            primary: "#DA291C",
+            secondary: "#fedd00",
+            "text-primary": "#1a1a2e",
+            "text-secondary": "#6b6b80",
             border: "#1a1a2e",
-            muted: "#6b6b80",
+            success: "#22c55e",
+        },
+        colorsDark: {
+            background: "oklch(0.18 0.02 280)",
+            surface: "oklch(0.22 0.02 280)",
             primary: "#DA291C",
-            "on-primary": "#ffffff",
             secondary: "#fedd00",
-            "on-secondary": "#1a1a2e",
+            "text-primary": "oklch(0.96 0.01 80)",
+            "text-secondary": "oklch(0.60 0.03 280)",
+            border: "oklch(0.96 0.01 80)",
             success: "#22c55e",
+        },
+        extras: {
+            "on-primary": "#ffffff",
+            "on-secondary": "#1a1a2e",
             "on-success": "#1a1a2e",
             info: "#3b82f6",
             "on-info": "#ffffff",
             "primary-light": "rgba(218, 41, 28, 0.1)",
         },
-        colorsDark: {
-            background: "oklch(0.18 0.02 280)",
-            "card-background": "oklch(0.22 0.02 280)",
-            text: "oklch(0.96 0.01 80)",
-            border: "oklch(0.96 0.01 80)",
-            muted: "oklch(0.60 0.03 280)",
-            primary: "#DA291C",
+        extrasDark: {
             "on-primary": "#ffffff",
-            secondary: "#fedd00",
             "on-secondary": "#1a1a2e",
-            success: "#22c55e",
             "on-success": "#1a1a2e",
             info: "#3b82f6",
             "on-info": "#ffffff",
@@ -95,13 +99,15 @@ export const vibesColorsets = {
     capsule: {
         name: "Capsule Split",
         colors: {
-            "comp-bg": "oklch(0.89 0.20 110)",
-            "comp-text": "oklch(0.00 0 0)",
-            "comp-border": "oklch(0.00 0 0 / 0.10)",
-            "comp-accent": "oklch(0.00 0 0)",
+            background: "oklch(0.00 0 0)",
+            surface: "oklch(0.89 0.20 110)",
+            primary: "oklch(0.00 0 0)",
+            "text-primary": "oklch(0.00 0 0)",
+            "text-secondary": "oklch(0.00 0 0 / 0.50)",
+            border: "oklch(0.00 0 0 / 0.10)",
+        },
+        extras: {
             "comp-accent-text": "oklch(1.00 0 0)",
-            "comp-muted": "oklch(0.00 0 0 / 0.50)",
-            "color-background": "oklch(0.00 0 0)",
             "capsule-frame": "oklch(1.00 0 0)",
             "capsule-visual-bg": "oklch(0.13 0 0)",
             "capsule-visual-text": "oklch(1.00 0 0)",
@@ -111,12 +117,15 @@ export const vibesColorsets = {
     carbon: {
         name: "Carbon Panel",
         colors: {
-            bg: "oklch(0.18 0.005 285)",
-            card: "oklch(0.25 0.005 285)",
+            background: "oklch(0.18 0.005 285)",
+            surface: "oklch(0.25 0.005 285)",
+            accent: "oklch(0.79 0.18 75)",
+            "text-primary": "oklch(1.00 0.000 0)",
+            "text-secondary": "oklch(0.87 0.01 258)",
+            "text-disabled": "oklch(0.71 0.02 261)",
             border: "oklch(0.31 0.005 285)",
-            fg: "oklch(1.00 0.000 0)",
-            "fg-muted": "oklch(0.87 0.01 258)",
-            "fg-dim": "oklch(0.71 0.02 261)",
+        },
+        extras: {
             "accent-amber": "oklch(0.79 0.18 75)",
             "accent-coral": "oklch(0.68 0.20 35)",
             "accent-red": "oklch(0.63 0.24 25)",
@@ -126,31 +135,35 @@ export const vibesColorsets = {
     chrome: {
         name: "Chrome Terminal",
         colors: {
-            bg: "#000000",
-            "bg-surface": "#171717",
+            background: "#000000",
+            surface: "#171717",
+            "text-primary": "#ffffff",
+            "text-secondary": "#d1d1d1",
+            border: "#3d1326",
+        },
+        extras: {
             "bg-panel": "#2a0a18",
             "bg-dark": "#12050e",
             "bg-footer": "#1a050c",
             "neon-red": "#ff003c",
             "neon-yellow": "#fcee0a",
             "neon-cyan": "#00f0ff",
-            border: "#3d1326",
             "border-red": "rgba(255, 0, 60, 0.5)",
-            text: "#ffffff",
-            "text-dim": "#d1d1d1",
             "text-muted": "#a3a3a3",
         },
     },
-    chrono: { name: "Chrono", colors: { bg: "#dde1e7", text: "#5a6270", "text-dark": "#3a3f4a", accent: "#6c8ee6" } },
+    chrono: {
+        name: "Chrono",
+        colors: { background: "#dde1e7", accent: "#6c8ee6", "text-primary": "#5a6270" },
+        extras: { "text-dark": "#3a3f4a" },
+    },
     codex: {
         name: "Elder Codex",
-        colors: {
-            bg: "oklch(0.06 0.000 0)",
+        colors: { background: "oklch(0.06 0.000 0)", "text-primary": "oklch(0.90 0.000 0)", "text-secondary": "oklch(0.55 0.000 0)" },
+        extras: {
             "stone-dark": "oklch(0.17 0.000 0)",
             "stone-light": "oklch(0.30 0.000 0)",
             "stone-border": "oklch(0.40 0.000 0)",
-            fg: "oklch(0.90 0.000 0)",
-            "fg-muted": "oklch(0.55 0.000 0)",
             "gold-base": "oklch(0.73 0.10 78)",
             "gold-highlight": "oklch(0.97 0.07 100)",
             crimson: "oklch(0.32 0.10 25)",
@@ -162,38 +175,42 @@ export const vibesColorsets = {
     "computer-angel-heaven": {
         name: "Computer Angel Heaven",
         colors: {
-            "comp-bg": "oklch(0.96 0.008 80)",
-            "comp-text": "oklch(0.30 0.03 250)",
-            "comp-text-secondary": "oklch(0.55 0.04 260)",
+            surface: "oklch(0.96 0.008 80)",
+            primary: "oklch(0.78 0.12 85)",
+            secondary: "oklch(0.80 0.06 240)",
+            "text-primary": "oklch(0.30 0.03 250)",
+            "text-secondary": "oklch(0.55 0.04 260)",
+            border: "oklch(0.92 0.01 240 / 0.40)",
+            success: "oklch(0.75 0.12 155)",
+            error: "oklch(0.65 0.18 25)",
+        },
+        extras: {
             "comp-heading": "oklch(0.25 0.03 250)",
-            "comp-accent": "oklch(0.78 0.12 85)",
             "comp-accent-hover": "oklch(0.72 0.14 80)",
             "comp-accent-text": "oklch(0.98 0.005 90)",
-            "comp-secondary": "oklch(0.80 0.06 240)",
             "comp-secondary-hover": "oklch(0.74 0.08 240)",
             "comp-tertiary": "oklch(0.82 0.06 290)",
             "comp-surface": "oklch(0.97 0.005 240 / 0.55)",
             "comp-surface-hover": "oklch(0.97 0.005 240 / 0.70)",
             "comp-surface-active": "oklch(0.98 0.01 85 / 0.60)",
-            "comp-border": "oklch(0.92 0.01 240 / 0.40)",
             "comp-border-accent": "oklch(0.78 0.12 85 / 0.50)",
             "comp-sparkle": "oklch(0.95 0.03 240 / 0.80)",
             "comp-input-bg": "oklch(0.98 0.003 240 / 0.45)",
             "comp-input-border": "oklch(0.90 0.01 240 / 0.35)",
-            "comp-danger": "oklch(0.65 0.18 25)",
-            "comp-success": "oklch(0.75 0.12 155)",
         },
     },
     console: {
         name: "Console Rack",
         colors: {
-            "comp-bg": "oklch(0.93 0.003 265)",
-            "comp-text": "oklch(0.28 0 0)",
-            "comp-border": "oklch(0.82 0.005 265)",
-            "comp-accent": "oklch(0.58 0.20 35)",
+            background: "oklch(0.98 0 0)",
+            surface: "oklch(0.93 0.003 265)",
+            primary: "oklch(0.58 0.20 35)",
+            "text-primary": "oklch(0.28 0 0)",
+            "text-secondary": "oklch(0.55 0 0)",
+            border: "oklch(0.82 0.005 265)",
+        },
+        extras: {
             "comp-accent-text": "oklch(1.00 0 0)",
-            "comp-muted": "oklch(0.55 0 0)",
-            "color-background": "oklch(0.98 0 0)",
             "console-cap-blue": "oklch(0.28 0.05 240)",
             "console-cap-ochre": "oklch(0.66 0.10 75)",
             "console-cap-grey": "oklch(0.60 0 0)",
@@ -206,27 +223,28 @@ export const vibesColorsets = {
     default: {
         name: "Default",
         colors: {
-            bg: "oklch(0.97 0.01 80)",
-            "card-bg": "oklch(1.00 0 0)",
-            text: "oklch(0.20 0.02 60)",
+            background: "oklch(0.97 0.01 80)",
+            surface: "oklch(1.00 0 0)",
             accent: "oklch(0.62 0.18 65)",
-            "accent-text": "oklch(1.00 0 0)",
-            muted: "oklch(0.50 0.02 60)",
+            "text-primary": "oklch(0.20 0.02 60)",
+            "text-secondary": "oklch(0.50 0.02 60)",
             border: "oklch(0.88 0.01 70)",
         },
         colorsDark: {
-            bg: "oklch(0.18 0.04 60)",
-            "card-bg": "oklch(0.22 0.04 60)",
-            text: "oklch(0.95 0.01 80)",
+            background: "oklch(0.18 0.04 60)",
+            surface: "oklch(0.22 0.04 60)",
             accent: "oklch(0.72 0.18 70)",
-            "accent-text": "oklch(0.12 0.04 60)",
-            muted: "oklch(0.55 0.03 60)",
+            "text-primary": "oklch(0.95 0.01 80)",
+            "text-secondary": "oklch(0.55 0.03 60)",
             border: "oklch(0.35 0.04 60)",
         },
+        extras: { "accent-text": "oklch(1.00 0 0)" },
+        extrasDark: { "accent-text": "oklch(0.12 0.04 60)" },
     },
     desktop: {
         name: "Desktop Retro",
-        colors: {
+        colors: {},
+        extras: {
             "editor-bg": "oklch(0.11 0.01 250)",
             chrome: "oklch(0.18 0.000 0)",
             gutter: "oklch(0.39 0.01 250)",
@@ -248,13 +266,15 @@ export const vibesColorsets = {
     dial: {
         name: "Dial Apparatus",
         colors: {
-            "comp-bg": "oklch(0.24 0.01 260)",
-            "comp-text": "oklch(0.64 0.02 250)",
-            "comp-border": "oklch(0.19 0.01 260 / 0.5)",
-            "comp-accent": "oklch(0.62 0.24 28)",
+            background: "oklch(0.00 0 0)",
+            surface: "oklch(0.24 0.01 260)",
+            primary: "oklch(0.62 0.24 28)",
+            "text-primary": "oklch(0.64 0.02 250)",
+            "text-secondary": "oklch(0.64 0.02 250 / 0.5)",
+            border: "oklch(0.19 0.01 260 / 0.5)",
+        },
+        extras: {
             "comp-accent-text": "oklch(0.10 0 0)",
-            "comp-muted": "oklch(0.64 0.02 250 / 0.5)",
-            "color-background": "oklch(0.00 0 0)",
             "dial-chassis": "oklch(0.24 0.01 260)",
             "dial-chassis-dark": "oklch(0.19 0.01 260)",
             "dial-surface-matte": "oklch(0.28 0.01 260)",
@@ -266,32 +286,30 @@ export const vibesColorsets = {
     dossier: {
         name: "Dossier Card",
         colors: {
-            bg: "oklch(0.16 0.000 0)",
-            card: "oklch(0.00 0.000 0)",
-            fg: "oklch(1.00 0.000 0)",
+            background: "oklch(0.16 0.000 0)",
+            surface: "oklch(0.00 0.000 0)",
+            "text-primary": "oklch(1.00 0.000 0)",
             border: "oklch(0.28 0.03 257)",
-            "border-fg": "oklch(1.00 0.000 0)",
         },
+        extras: { "border-fg": "oklch(1.00 0.000 0)" },
     },
     edge: {
         name: "EDGE INTERFACE",
-        colors: {
+        colors: { surface: "rgba(15, 5, 20, 0.85)" },
+        extras: {
             pink: "#ff0077",
             yellow: "#fcee0a",
             cyan: "#00f0ff",
             void: "#0a0205",
             vignette: "#2a0a2e",
-            "panel-bg": "rgba(15, 5, 20, 0.85)",
             "panel-border": "rgba(255, 0, 119, 0.6)",
         },
     },
     guild: {
         name: "Guild Ledger",
-        colors: {
-            bg: "oklch(0.10 0.03 260)",
+        colors: { background: "oklch(0.10 0.03 260)", "text-primary": "oklch(0.90 0.000 0)", "text-secondary": "oklch(0.67 0.04 240)" },
+        extras: {
             "bg-highlight": "oklch(0.18 0.04 255)",
-            fg: "oklch(0.90 0.000 0)",
-            "fg-muted": "oklch(0.67 0.04 240)",
             "gold-base": "oklch(0.60 0.13 80)",
             "gold-mid": "oklch(0.78 0.13 88)",
             "gold-light": "oklch(0.96 0.08 100)",
@@ -304,68 +322,76 @@ export const vibesColorsets = {
     hearth: {
         name: "Hearth Sim",
         colors: {
+            surface: "oklch(0.38 0.17 295 / 0.4)",
+            primary: "oklch(0.38 0.17 295)",
+            "text-primary": "oklch(1.00 0.000 0)",
+            border: "oklch(1.00 0.000 0 / 0.1)",
+            error: "oklch(0.55 0.20 25)",
+        },
+        extras: {
             "bg-start": "oklch(0.18 0.10 300)",
             "bg-end": "oklch(0.12 0.09 300)",
-            primary: "oklch(0.38 0.17 295)",
             "primary-dark": "oklch(0.30 0.15 295)",
             "primary-light": "oklch(0.47 0.18 295)",
             "accent-green": "oklch(0.70 0.15 155)",
             "accent-gold": "oklch(0.88 0.18 95)",
-            danger: "oklch(0.55 0.20 25)",
-            text: "oklch(1.00 0.000 0)",
             "text-purple": "oklch(0.25 0.16 295)",
-            "card-bg": "oklch(0.38 0.17 295 / 0.4)",
-            border: "oklch(1.00 0.000 0 / 0.1)",
         },
     },
     industrial: {
         name: "Industrial",
         colors: {
-            bg: "oklch(0.88 0.01 90)",
-            text: "oklch(0.05 0.01 0)",
-            border: "oklch(0.05 0.01 0)",
+            background: "oklch(0.88 0.01 90)",
             accent: "oklch(0.90 0.20 110)",
-            "accent-text": "oklch(0.05 0.01 0)",
-            muted: "oklch(0.40 0.01 0)",
+            "text-primary": "oklch(0.05 0.01 0)",
+            "text-secondary": "oklch(0.40 0.01 0)",
+            border: "oklch(0.05 0.01 0)",
         },
+        extras: { "accent-text": "oklch(0.05 0.01 0)" },
     },
     matrix: {
         name: "Matrix Status",
         colors: {
-            bg: "oklch(0.16 0.000 0)",
-            card: "oklch(0.00 0.000 0 / 0.5)",
+            background: "oklch(0.16 0.000 0)",
+            surface: "oklch(0.00 0.000 0 / 0.5)",
+            "text-primary": "oklch(1.00 0.000 0)",
+            "text-secondary": "oklch(0.71 0.02 261)",
+        },
+        extras: {
             green: "oklch(0.79 0.21 152)",
             "green-border": "oklch(0.72 0.22 150 / 0.3)",
             yellow: "oklch(0.85 0.20 92)",
             red: "oklch(0.70 0.19 22)",
-            fg: "oklch(1.00 0.000 0)",
-            "fg-muted": "oklch(0.71 0.02 261)",
         },
     },
     mesh: {
         name: "Mesh Void",
         colors: {
+            surface: "oklch(0.10 0.000 0)",
+            accent: "oklch(0.87 0.28 145)",
+            "text-primary": "oklch(1.00 0.000 0)",
+            "text-secondary": "oklch(0.49 0.000 0)",
+            border: "oklch(1.00 0.000 0 / 0.15)",
+        },
+        extras: {
             void: "oklch(0.07 0.000 0)",
-            panel: "oklch(0.10 0.000 0)",
-            fg: "oklch(1.00 0.000 0)",
-            "fg-muted": "oklch(0.49 0.000 0)",
             "fg-dim": "oklch(0.30 0.000 0)",
-            border: "oklch(1.00 0.000 0 / 0.15)",
             hover: "oklch(0.13 0.000 0)",
-            accent: "oklch(0.87 0.28 145)",
             ring: "oklch(0.36 0.000 0)",
         },
     },
     neomario: {
         name: "NeoMario",
         colors: {
-            bg: "oklch(0.96 0.01 90)",
-            "card-bg": "oklch(1.00 0 0)",
-            text: "oklch(0.15 0.02 280)",
-            border: "oklch(0.15 0.02 280)",
+            background: "oklch(0.96 0.01 90)",
+            surface: "oklch(1.00 0 0)",
             accent: "oklch(0.55 0.24 28)",
+            "text-primary": "oklch(0.15 0.02 280)",
+            "text-secondary": "oklch(0.50 0.02 280)",
+            border: "oklch(0.15 0.02 280)",
+        },
+        extras: {
             "accent-light": "oklch(0.55 0.24 28 / 0.1)",
-            muted: "oklch(0.50 0.02 280)",
             yellow: "oklch(0.85 0.18 85)",
             "yellow-dark": "oklch(0.75 0.16 85)",
             green: "oklch(0.62 0.19 145)",
@@ -375,7 +401,8 @@ export const vibesColorsets = {
     },
     neon: {
         name: "Neon Arcade",
-        colors: {
+        colors: {},
+        extras: {
             "bg-gradient-start": "#ff5bad",
             "bg-gradient-mid": "#ffc85c",
             "bg-gradient-end": "#fcee0a",
@@ -391,22 +418,19 @@ export const vibesColorsets = {
     },
     nexus: {
         name: "Nexus Grid",
-        colors: {
-            bg: "#000000",
-            text: "#ffffff",
-            "accent-lime": "#D4FF00",
-            "text-dim": "#888888",
-            "text-body": "#dddddd",
-            separator: "#666666",
-            outline: "rgba(255,255,255,0.3)",
-            voxel: "#ffffff",
-        },
+        colors: { background: "#000000", "text-primary": "#ffffff", "text-secondary": "#888888", border: "#666666" },
+        extras: { "accent-lime": "#D4FF00", "text-body": "#dddddd", outline: "rgba(255,255,255,0.3)", voxel: "#ffffff" },
     },
     opus: {
         name: "Opus Cabinet",
         colors: {
-            bg: "oklch(0.06 0.000 0)",
-            "bg-surface": "oklch(0.12 0.000 0)",
+            background: "oklch(0.06 0.000 0)",
+            surface: "oklch(0.12 0.000 0)",
+            "text-primary": "oklch(0.90 0.000 0)",
+            "text-secondary": "oklch(0.57 0.000 0)",
+            border: "oklch(0.27 0.000 0)",
+        },
+        extras: {
             "bg-card": "oklch(0.13 0.000 0)",
             "bg-elevated": "oklch(0.15 0.000 0)",
             "bg-header": "oklch(0.18 0.000 0)",
@@ -424,24 +448,23 @@ export const vibesColorsets = {
             "iron-darker": "oklch(0.16 0.010 240)",
             "iron-border": "oklch(0.43 0.030 230)",
             "iron-text": "oklch(0.83 0.020 240)",
-            text: "oklch(0.90 0.000 0)",
-            "text-dim": "oklch(0.57 0.000 0)",
             "text-muted": "oklch(0.40 0.000 0)",
-            border: "oklch(0.27 0.000 0)",
             "border-hover": "oklch(0.55 0.090 75)",
         },
     },
     orbit: {
         name: "Orbit Dashboard",
         colors: {
+            surface: "oklch(0.00 0.000 0)",
+            "text-primary": "oklch(1.00 0.000 0)",
+            "text-secondary": "oklch(0.71 0.02 261)",
+            border: "oklch(0.37 0.03 260)",
+        },
+        extras: {
             "bg-gradient-from": "oklch(0.56 0.29 302)",
             "bg-gradient-to": "oklch(0.44 0.22 304)",
-            surface: "oklch(0.00 0.000 0)",
             card: "oklch(0.18 0.000 0 / 0.8)",
             "card-solid": "oklch(0.28 0.03 257)",
-            border: "oklch(0.37 0.03 260)",
-            fg: "oklch(1.00 0.000 0)",
-            "fg-muted": "oklch(0.71 0.02 261)",
             "fg-dim": "oklch(0.55 0.03 264)",
             "accent-green": "oklch(0.79 0.21 152)",
             "accent-blue": "oklch(0.71 0.17 255)",
@@ -452,73 +475,73 @@ export const vibesColorsets = {
     palate: {
         name: "Palate Notes",
         colors: {
-            bg: "oklch(0.17 0.000 0)",
-            fg: "oklch(0.93 0.006 265)",
-            "fg-muted": "oklch(0.71 0.02 261)",
+            background: "oklch(0.17 0.000 0)",
+            "text-primary": "oklch(0.93 0.006 265)",
+            "text-secondary": "oklch(0.71 0.02 261)",
             border: "oklch(0.37 0.03 260)",
-            dot: "oklch(0.93 0.006 265)",
         },
+        extras: { dot: "oklch(0.93 0.006 265)" },
     },
     pitch: {
         name: "Pitch",
         colors: {
-            bg: "oklch(0.22 0.05 163)",
-            "card-bg": "oklch(0.27 0.055 163)",
-            text: "oklch(0.95 0.01 100)",
-            border: "oklch(0.39 0.065 165)",
+            background: "oklch(0.22 0.05 163)",
+            surface: "oklch(0.27 0.055 163)",
             accent: "oklch(0.86 0.18 90)",
-            "accent-text": "oklch(0.20 0.04 163)",
-            muted: "oklch(0.55 0.04 165)",
+            "text-primary": "oklch(0.95 0.01 100)",
+            "text-secondary": "oklch(0.55 0.04 165)",
+            border: "oklch(0.39 0.065 165)",
         },
+        extras: { "accent-text": "oklch(0.20 0.04 163)" },
     },
     poster: {
         name: "Poster",
         colors: {
-            bg: "oklch(0.11 0.01 270)",
-            "card-bg": "oklch(0.13 0.01 270)",
-            text: "oklch(0.93 0.01 270)",
-            border: "oklch(0.22 0.01 270)",
+            background: "oklch(0.11 0.01 270)",
+            surface: "oklch(0.13 0.01 270)",
             accent: "oklch(0.65 0.18 290)",
-            "accent-text": "oklch(0.10 0.01 270)",
-            muted: "oklch(0.42 0.01 270)",
+            "text-primary": "oklch(0.93 0.01 270)",
+            "text-secondary": "oklch(0.42 0.01 270)",
+            border: "oklch(0.22 0.01 270)",
         },
+        extras: { "accent-text": "oklch(0.10 0.01 270)" },
     },
     proof: {
         name: "Proof Sheet",
         colors: {
-            bg: "oklch(0.14 0.000 0)",
-            card: "oklch(0.16 0.000 0)",
+            background: "oklch(0.14 0.000 0)",
+            surface: "oklch(0.16 0.000 0)",
+            "text-primary": "oklch(1.00 0.000 0)",
+            "text-secondary": "oklch(0.71 0.02 261)",
             border: "oklch(0.28 0.03 257)",
-            fg: "oklch(1.00 0.000 0)",
-            "fg-muted": "oklch(0.71 0.02 261)",
-            "fg-dim": "oklch(1.00 0.000 0 / 0.6)",
-            "tag-bg": "oklch(1.00 0.000 0 / 0.1)",
-            "card-hi": "oklch(0.21 0.03 265)",
         },
+        extras: { "fg-dim": "oklch(1.00 0.000 0 / 0.6)", "tag-bg": "oklch(1.00 0.000 0 / 0.1)", "card-hi": "oklch(0.21 0.03 265)" },
     },
     recon: {
         name: "Recon Grid",
         colors: {
-            bg: "oklch(0.00 0.000 0)",
-            card: "oklch(0.00 0.000 0 / 0.8)",
-            panel: "oklch(0.21 0.03 265 / 0.8)",
-            border: "oklch(0.28 0.03 257)",
-            fg: "oklch(0.97 0.003 265)",
-            "fg-dim": "oklch(0.55 0.03 264)",
+            background: "oklch(0.00 0.000 0)",
+            surface: "oklch(0.00 0.000 0 / 0.8)",
             accent: "oklch(0.64 0.24 25)",
+            "text-primary": "oklch(0.97 0.003 265)",
+            "text-secondary": "oklch(0.55 0.03 264)",
+            border: "oklch(0.28 0.03 257)",
         },
+        extras: { panel: "oklch(0.21 0.03 265 / 0.8)" },
     },
     rift: {
         name: "Rift Portal",
         colors: {
-            bg: "oklch(0.07 0.02 280)",
+            background: "oklch(0.07 0.02 280)",
             surface: "oklch(0.17 0.02 270 / 0.9)",
+            "text-primary": "oklch(1.00 0.000 0)",
+            "text-secondary": "oklch(0.70 0.02 260)",
+            border: "oklch(0.37 0.03 255)",
+        },
+        extras: {
             card: "oklch(0.13 0.000 0)",
             "card-inner": "oklch(0.21 0.02 255)",
-            border: "oklch(0.37 0.03 255)",
             "border-frame": "oklch(0.44 0.02 255)",
-            fg: "oklch(1.00 0.000 0)",
-            "fg-muted": "oklch(0.70 0.02 260)",
             "fg-dim": "oklch(0.55 0.02 260)",
             "accent-green": "oklch(0.88 0.27 128)",
             "accent-cyan": "oklch(0.87 0.14 200)",
@@ -528,7 +551,8 @@ export const vibesColorsets = {
     },
     rune: {
         name: "Rune Interface",
-        colors: {
+        colors: { "text-primary": "#b0c4cc", "text-secondary": "#4a6070" },
+        extras: {
             abyss: "#020406",
             "abyss-blue": "#05101a",
             "cyan-neon": "#00ffcc",
@@ -538,58 +562,60 @@ export const vibesColorsets = {
             stone: "#0d161f",
             "stone-border": "#1c2b38",
             "stone-light": "#162330",
-            text: "#b0c4cc",
-            "text-muted": "#4a6070",
         },
     },
     scrapbook: {
         name: "Scrapbook",
-        colors: {
+        colors: { "text-primary": "oklch(0.12 0.01 0)", "text-secondary": "oklch(0.45 0.01 0)" },
+        extras: {
             desk: "oklch(0.93 0.03 130)",
             paper: "oklch(0.97 0.01 80)",
-            ink: "oklch(0.12 0.01 0)",
             yellow: "oklch(0.93 0.12 95)",
             pink: "oklch(0.90 0.06 10)",
             blue: "oklch(0.90 0.05 240)",
-            muted: "oklch(0.45 0.01 0)",
         },
     },
     sensor: {
         name: "Sensor Dashboard",
         colors: {
-            bg: "oklch(0.10 0.003 264)",
-            panel: "oklch(0.16 0.003 264)",
-            "panel-hi": "oklch(0.19 0.003 264)",
-            stroke: "oklch(0.24 0.003 264)",
-            "bar-bg": "oklch(0.20 0.005 264)",
-            muted: "oklch(0.63 0.008 264)",
-            text: "oklch(0.93 0.005 264)",
+            background: "oklch(0.10 0.003 264)",
+            surface: "oklch(0.16 0.003 264)",
             accent: "oklch(0.53 0.22 25)",
-            "accent-weak": "oklch(0.45 0.19 25)",
+            "text-primary": "oklch(0.93 0.005 264)",
+            "text-secondary": "oklch(0.63 0.008 264)",
+            border: "oklch(0.24 0.003 264)",
         },
+        extras: { "panel-hi": "oklch(0.19 0.003 264)", "bar-bg": "oklch(0.20 0.005 264)", "accent-weak": "oklch(0.45 0.19 25)" },
     },
     signal: {
         name: "Signal",
-        colors: { bg: "#030303", "card-bg": "#0a0a0a", text: "#eaeaea", border: "#1a1a1a", accent: "#ffffff", muted: "#666" },
+        colors: {
+            background: "#030303",
+            surface: "#0a0a0a",
+            accent: "#ffffff",
+            "text-primary": "#eaeaea",
+            "text-secondary": "#666",
+            border: "#1a1a1a",
+        },
     },
     slab: {
         name: "Slab Concrete",
-        colors: {
+        colors: { "text-primary": "oklch(0.00 0.000 0)" },
+        extras: {
             concrete: "oklch(0.88 0.000 0)",
             acid: "oklch(0.94 0.23 110)",
             black: "oklch(0.10 0.000 0)",
-            ink: "oklch(0.00 0.000 0)",
             "list-hover": "oklch(1.00 0.000 0 / 0.4)",
         },
     },
     specimen: {
         name: "Specimen",
-        colors: { background: "#ffffff", text: "#111111", muted: "#666666", accent: "#666666", rule: "#dddddd" },
+        colors: { background: "#ffffff", accent: "#666666", "text-primary": "#111111", "text-secondary": "#666666", border: "#dddddd" },
     },
     terminal: {
         name: "Terminal CRT",
-        colors: {
-            bg: "oklch(0.16 0.000 0)",
+        colors: { background: "oklch(0.16 0.000 0)" },
+        extras: {
             terminal: "oklch(0.00 0.000 0 / 0.85)",
             green: "oklch(0.87 0.30 142)",
             "green-dim": "oklch(0.87 0.30 142 / 0.4)",
@@ -601,37 +627,38 @@ export const vibesColorsets = {
     vault: {
         name: "Vault",
         colors: {
-            bg: "oklch(0.08 0.03 280)",
-            "card-bg": "oklch(0.12 0.03 280 / 0.7)",
-            text: "oklch(0.93 0.02 80)",
-            border: "oklch(0.65 0.15 80 / 0.12)",
+            background: "oklch(0.08 0.03 280)",
+            surface: "oklch(0.12 0.03 280 / 0.7)",
             accent: "oklch(0.72 0.15 75)",
-            "accent-text": "oklch(0.10 0.03 280)",
-            muted: "oklch(0.50 0.04 290)",
-            purple: "oklch(0.55 0.18 300)",
+            "text-primary": "oklch(0.93 0.02 80)",
+            "text-secondary": "oklch(0.50 0.04 290)",
+            border: "oklch(0.65 0.15 80 / 0.12)",
         },
+        extras: { "accent-text": "oklch(0.10 0.03 280)", purple: "oklch(0.55 0.18 300)" },
     },
     "winter-sports": {
         name: "Winter Sports",
         colors: {
-            "comp-bg": "oklch(0.99 0.003 240)",
-            "comp-text": "oklch(0.22 0.025 250)",
-            "comp-border": "oklch(0.88 0.012 235)",
-            "comp-accent": "oklch(0.55 0.19 250)",
-            "comp-accent-text": "oklch(0.99 0 0)",
-            "comp-muted": "oklch(0.55 0.02 250)",
-            "color-background": "oklch(0.95 0.015 230)",
+            background: "oklch(0.95 0.015 230)",
+            surface: "oklch(0.99 0.003 240)",
+            primary: "oklch(0.55 0.19 250)",
+            "text-primary": "oklch(0.22 0.025 250)",
+            "text-secondary": "oklch(0.55 0.02 250)",
+            border: "oklch(0.88 0.012 235)",
         },
+        extras: { "comp-accent-text": "oklch(0.99 0 0)" },
     },
     zine: {
         name: "Zine Cut",
         colors: {
-            "comp-bg": "oklch(0.96 0.005 100)",
-            "comp-text": "oklch(0.05 0 0)",
-            "comp-border": "oklch(0.05 0 0)",
-            "comp-accent": "oklch(0.05 0 0)",
+            surface: "oklch(0.96 0.005 100)",
+            primary: "oklch(0.05 0 0)",
+            "text-primary": "oklch(0.05 0 0)",
+            "text-secondary": "oklch(0.05 0 0 / 0.3)",
+            border: "oklch(0.05 0 0)",
+        },
+        extras: {
             "comp-accent-text": "oklch(0.96 0.005 100)",
-            "comp-muted": "oklch(0.05 0 0 / 0.3)",
             "zine-inverted-bg": "oklch(0.05 0 0)",
             "zine-inverted-text": "oklch(0.96 0.005 100)",
         },