@augmenting-integrations/themes 4.2.0 → 5.0.0

package/dist/index.cjs

@@ -21,7 +21,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   BASE_THEMES: () => BASE_THEMES,
-  THEME_COOKIE_KEY: () => THEME_COOKIE_KEY
+  THEME_COOKIE_KEY: () => THEME_COOKIE_KEY,
+  THEME_VARIANT_COOKIE_KEY: () => THEME_VARIANT_COOKIE_KEY
 });
 module.exports = __toCommonJS(index_exports);
 var BASE_THEMES = [
@@ -63,9 +64,11 @@ var BASE_THEMES = [
   }
 ];
 var THEME_COOKIE_KEY = "x-theme";
+var THEME_VARIANT_COOKIE_KEY = "x-theme-variant";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BASE_THEMES,
-  THEME_COOKIE_KEY
+  THEME_COOKIE_KEY,
+  THEME_VARIANT_COOKIE_KEY
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { ThemeName } from \"@augmenting-integrations/brand\";\n\nexport type ThemeMeta = {\n  id: ThemeName;\n  label: string;\n  description: string;\n  swatch: { primary: string; primaryDark: string };\n};\n\n/**\n * Base themes shipped with the platform. Each tenant app extends this list\n * with its own brand themes via the merged-registry pattern:\n *\n *   import { BASE_THEMES } from \"@augmenting-integrations/themes\";\n *   import { acmeTheme } from \"./styles/themes/acmeTheme\";\n *   export const THEMES = [acmeTheme, ...BASE_THEMES];\n *\n * The CSS files for the base themes are exposed via the `./css/<id>.css`\n * subpath export — apps `@import` only the ones they want at globals.css.\n */\nexport const BASE_THEMES: ThemeMeta[] = [\n  {\n    id: \"neutral\",\n    label: \"Neutral\",\n    description: \"Cool grayscale, professional, restrained — shadcn defaults.\",\n    swatch: { primary: \"#18181b\", primaryDark: \"#e5e5e5\" },\n  },\n  {\n    id: \"woxom\",\n    label: \"Woxom\",\n    description: \"Navy + Tokyo Night neon dashboard. Reference brand-faithful theme.\",\n    swatch: { primary: \"#1C4587\", primaryDark: \"#7aa2f7\" },\n  },\n  {\n    id: \"teal-pro\",\n    label: \"Teal Pro\",\n    description: \"Corporate teal — clean and slightly cool.\",\n    swatch: { primary: \"#0f766e\", primaryDark: \"#14b8a6\" },\n  },\n  {\n    id: \"warm-sun\",\n    label: \"Warm Sun\",\n    description: \"Energetic warm orange — friendly and approachable.\",\n    swatch: { primary: \"#c2410c\", primaryDark: \"#fb923c\" },\n  },\n  {\n    id: \"tokyo\",\n    label: \"Tokyo\",\n    description: \"Tokyo Night dark with neon accents; muted indigo when light.\",\n    swatch: { primary: \"#3d59a1\", primaryDark: \"#7aa2f7\" },\n  },\n  {\n    id: \"vapor\",\n    label: \"Vapor\",\n    description: \"Pastel lavender light with vibrant accents; deep purple when dark.\",\n    swatch: { primary: \"#6d4cff\", primaryDark: \"#a78bfa\" },\n  },\n];\n\nexport const THEME_COOKIE_KEY = \"x-theme\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBO,IAAM,cAA2B;AAAA,EACtC;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AACF;AAEO,IAAM,mBAAmB;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { ThemeName } from \"@augmenting-integrations/brand\";\n\nexport type ThemeMeta = {\n  id: ThemeName;\n  label: string;\n  description: string;\n  swatch: { primary: string; primaryDark: string };\n};\n\n/**\n * Base themes shipped with the platform. Each tenant app extends this list\n * with its own brand themes via the merged-registry pattern:\n *\n *   import { BASE_THEMES } from \"@augmenting-integrations/themes\";\n *   import { acmeTheme } from \"./styles/themes/acmeTheme\";\n *   export const THEMES = [acmeTheme, ...BASE_THEMES];\n *\n * The CSS files for the base themes are exposed via the `./css/<id>.css`\n * subpath export — apps `@import` only the ones they want at globals.css.\n */\nexport const BASE_THEMES: ThemeMeta[] = [\n  {\n    id: \"neutral\",\n    label: \"Neutral\",\n    description: \"Cool grayscale, professional, restrained — shadcn defaults.\",\n    swatch: { primary: \"#18181b\", primaryDark: \"#e5e5e5\" },\n  },\n  {\n    id: \"woxom\",\n    label: \"Woxom\",\n    description: \"Navy + Tokyo Night neon dashboard. Reference brand-faithful theme.\",\n    swatch: { primary: \"#1C4587\", primaryDark: \"#7aa2f7\" },\n  },\n  {\n    id: \"teal-pro\",\n    label: \"Teal Pro\",\n    description: \"Corporate teal — clean and slightly cool.\",\n    swatch: { primary: \"#0f766e\", primaryDark: \"#14b8a6\" },\n  },\n  {\n    id: \"warm-sun\",\n    label: \"Warm Sun\",\n    description: \"Energetic warm orange — friendly and approachable.\",\n    swatch: { primary: \"#c2410c\", primaryDark: \"#fb923c\" },\n  },\n  {\n    id: \"tokyo\",\n    label: \"Tokyo\",\n    description: \"Tokyo Night dark with neon accents; muted indigo when light.\",\n    swatch: { primary: \"#3d59a1\", primaryDark: \"#7aa2f7\" },\n  },\n  {\n    id: \"vapor\",\n    label: \"Vapor\",\n    description: \"Pastel lavender light with vibrant accents; deep purple when dark.\",\n    swatch: { primary: \"#6d4cff\", primaryDark: \"#a78bfa\" },\n  },\n];\n\nexport const THEME_COOKIE_KEY = \"x-theme\";\n\n/**\n * Cookie name for the light/dark variant. Pair with `<ThemeBootScript />`\n * from `@augmenting-integrations/ui` to kill the SSR-mode-mismatch flash on\n * navigation. Default cookie value: `\"dark\"` or `\"light\"`.\n */\nexport const THEME_VARIANT_COOKIE_KEY = \"x-theme-variant\";\n\n/** Allowed values for the variant cookie. */\nexport type ThemeVariant = \"light\" | \"dark\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBO,IAAM,cAA2B;AAAA,EACtC;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AACF;AAEO,IAAM,mBAAmB;AAOzB,IAAM,2BAA2B;","names":[]}

package/dist/index.d.ts

@@ -21,4 +21,12 @@ export type ThemeMeta = {
  */
 export declare const BASE_THEMES: ThemeMeta[];
 export declare const THEME_COOKIE_KEY = "x-theme";
+/**
+ * Cookie name for the light/dark variant. Pair with `<ThemeBootScript />`
+ * from `@augmenting-integrations/ui` to kill the SSR-mode-mismatch flash on
+ * navigation. Default cookie value: `"dark"` or `"light"`.
+ */
+export declare const THEME_VARIANT_COOKIE_KEY = "x-theme-variant";
+/** Allowed values for the variant cookie. */
+export type ThemeVariant = "light" | "dark";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,SAAS,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;CAClD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,EAqClC,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,SAAS,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;CAClD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,EAqClC,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAE1C;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,oBAAoB,CAAC;AAE1D,6CAA6C;AAC7C,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC"}

package/dist/index.js

@@ -38,8 +38,10 @@ var BASE_THEMES = [
   }
 ];
 var THEME_COOKIE_KEY = "x-theme";
+var THEME_VARIANT_COOKIE_KEY = "x-theme-variant";
 export {
   BASE_THEMES,
-  THEME_COOKIE_KEY
+  THEME_COOKIE_KEY,
+  THEME_VARIANT_COOKIE_KEY
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { ThemeName } from \"@augmenting-integrations/brand\";\n\nexport type ThemeMeta = {\n  id: ThemeName;\n  label: string;\n  description: string;\n  swatch: { primary: string; primaryDark: string };\n};\n\n/**\n * Base themes shipped with the platform. Each tenant app extends this list\n * with its own brand themes via the merged-registry pattern:\n *\n *   import { BASE_THEMES } from \"@augmenting-integrations/themes\";\n *   import { acmeTheme } from \"./styles/themes/acmeTheme\";\n *   export const THEMES = [acmeTheme, ...BASE_THEMES];\n *\n * The CSS files for the base themes are exposed via the `./css/<id>.css`\n * subpath export — apps `@import` only the ones they want at globals.css.\n */\nexport const BASE_THEMES: ThemeMeta[] = [\n  {\n    id: \"neutral\",\n    label: \"Neutral\",\n    description: \"Cool grayscale, professional, restrained — shadcn defaults.\",\n    swatch: { primary: \"#18181b\", primaryDark: \"#e5e5e5\" },\n  },\n  {\n    id: \"woxom\",\n    label: \"Woxom\",\n    description: \"Navy + Tokyo Night neon dashboard. Reference brand-faithful theme.\",\n    swatch: { primary: \"#1C4587\", primaryDark: \"#7aa2f7\" },\n  },\n  {\n    id: \"teal-pro\",\n    label: \"Teal Pro\",\n    description: \"Corporate teal — clean and slightly cool.\",\n    swatch: { primary: \"#0f766e\", primaryDark: \"#14b8a6\" },\n  },\n  {\n    id: \"warm-sun\",\n    label: \"Warm Sun\",\n    description: \"Energetic warm orange — friendly and approachable.\",\n    swatch: { primary: \"#c2410c\", primaryDark: \"#fb923c\" },\n  },\n  {\n    id: \"tokyo\",\n    label: \"Tokyo\",\n    description: \"Tokyo Night dark with neon accents; muted indigo when light.\",\n    swatch: { primary: \"#3d59a1\", primaryDark: \"#7aa2f7\" },\n  },\n  {\n    id: \"vapor\",\n    label: \"Vapor\",\n    description: \"Pastel lavender light with vibrant accents; deep purple when dark.\",\n    swatch: { primary: \"#6d4cff\", primaryDark: \"#a78bfa\" },\n  },\n];\n\nexport const THEME_COOKIE_KEY = \"x-theme\";\n"],"mappings":";AAoBO,IAAM,cAA2B;AAAA,EACtC;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AACF;AAEO,IAAM,mBAAmB;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { ThemeName } from \"@augmenting-integrations/brand\";\n\nexport type ThemeMeta = {\n  id: ThemeName;\n  label: string;\n  description: string;\n  swatch: { primary: string; primaryDark: string };\n};\n\n/**\n * Base themes shipped with the platform. Each tenant app extends this list\n * with its own brand themes via the merged-registry pattern:\n *\n *   import { BASE_THEMES } from \"@augmenting-integrations/themes\";\n *   import { acmeTheme } from \"./styles/themes/acmeTheme\";\n *   export const THEMES = [acmeTheme, ...BASE_THEMES];\n *\n * The CSS files for the base themes are exposed via the `./css/<id>.css`\n * subpath export — apps `@import` only the ones they want at globals.css.\n */\nexport const BASE_THEMES: ThemeMeta[] = [\n  {\n    id: \"neutral\",\n    label: \"Neutral\",\n    description: \"Cool grayscale, professional, restrained — shadcn defaults.\",\n    swatch: { primary: \"#18181b\", primaryDark: \"#e5e5e5\" },\n  },\n  {\n    id: \"woxom\",\n    label: \"Woxom\",\n    description: \"Navy + Tokyo Night neon dashboard. Reference brand-faithful theme.\",\n    swatch: { primary: \"#1C4587\", primaryDark: \"#7aa2f7\" },\n  },\n  {\n    id: \"teal-pro\",\n    label: \"Teal Pro\",\n    description: \"Corporate teal — clean and slightly cool.\",\n    swatch: { primary: \"#0f766e\", primaryDark: \"#14b8a6\" },\n  },\n  {\n    id: \"warm-sun\",\n    label: \"Warm Sun\",\n    description: \"Energetic warm orange — friendly and approachable.\",\n    swatch: { primary: \"#c2410c\", primaryDark: \"#fb923c\" },\n  },\n  {\n    id: \"tokyo\",\n    label: \"Tokyo\",\n    description: \"Tokyo Night dark with neon accents; muted indigo when light.\",\n    swatch: { primary: \"#3d59a1\", primaryDark: \"#7aa2f7\" },\n  },\n  {\n    id: \"vapor\",\n    label: \"Vapor\",\n    description: \"Pastel lavender light with vibrant accents; deep purple when dark.\",\n    swatch: { primary: \"#6d4cff\", primaryDark: \"#a78bfa\" },\n  },\n];\n\nexport const THEME_COOKIE_KEY = \"x-theme\";\n\n/**\n * Cookie name for the light/dark variant. Pair with `<ThemeBootScript />`\n * from `@augmenting-integrations/ui` to kill the SSR-mode-mismatch flash on\n * navigation. Default cookie value: `\"dark\"` or `\"light\"`.\n */\nexport const THEME_VARIANT_COOKIE_KEY = \"x-theme-variant\";\n\n/** Allowed values for the variant cookie. */\nexport type ThemeVariant = \"light\" | \"dark\";\n"],"mappings":";AAoBO,IAAM,cAA2B;AAAA,EACtC;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,EAAE,SAAS,WAAW,aAAa,UAAU;AAAA,EACvD;AACF;AAEO,IAAM,mBAAmB;AAOzB,IAAM,2BAA2B;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@augmenting-integrations/themes",
-  "version": "4.2.0",
+  "version": "5.0.0",
   "description": "Theme CSS files and registry. Each theme defines tokens for both data-theme attribute and .dark variant.",
   "license": "MIT",
   "publishConfig": {
@@ -26,13 +26,13 @@
     "README.md"
   ],
   "peerDependencies": {
-    "@augmenting-integrations/brand": "4.2.0"
+    "@augmenting-integrations/brand": "5.0.0"
   },
   "devDependencies": {
     "tsup": "^8.3.5",
     "typescript": "^5.7.2",
     "vitest": "^4.1.5",
-    "@augmenting-integrations/brand": "4.2.0"
+    "@augmenting-integrations/brand": "5.0.0"
   },
   "scripts": {
     "build": "tsup",

package/src/css/teal-pro.css

@@ -19,6 +19,13 @@
   --accent: #5eead4;
   --accent-foreground: #042f2e;
   --destructive: #b91c1c;
+  --destructive-foreground: #ffffff;
+  --success: #10b981;
+  --success-foreground: #064e3b;
+  --warning: #f59e0b;
+  --warning-foreground: #422006;
+  --info: #0284c7;
+  --info-foreground: #082f49;
   --border: #d1d5db;
   --input: #d1d5db;
   --ring: #0f766e;
@@ -54,6 +61,13 @@
   --accent: #5eead4;
   --accent-foreground: #042f2e;
   --destructive: #f87171;
+  --destructive-foreground: #042f2e;
+  --success: #34d399;
+  --success-foreground: #ecfdf5;
+  --warning: #fbbf24;
+  --warning-foreground: #1f1300;
+  --info: #38bdf8;
+  --info-foreground: #082f49;
   --border: #115e59;
   --input: #115e59;
   --ring: #14b8a6;

package/src/css/tokyo.css

@@ -20,6 +20,13 @@
   --accent: #c8c2f0;
   --accent-foreground: #5a4a78;
   --destructive: #c44a5e;
+  --destructive-foreground: #ffffff;
+  --success: #10b981;
+  --success-foreground: #064e3b;
+  --warning: #f59e0b;
+  --warning-foreground: #422006;
+  --info: #0284c7;
+  --info-foreground: #082f49;
   --border: #d6dae8;
   --input: #d6dae8;
   --ring: #3d59a1;
@@ -55,6 +62,13 @@
   --accent: #bb9af7;
   --accent-foreground: #1a1b26;
   --destructive: #f7768e;
+  --destructive-foreground: #1a1b26;
+  --success: #9ece6a;
+  --success-foreground: #1a2b14;
+  --warning: #e0af68;
+  --warning-foreground: #1f1300;
+  --info: #7aa2f7;
+  --info-foreground: #0c1a3a;
   --border: #3b4261;
   --input: #292e42;
   --ring: #7aa2f7;

package/src/css/vapor.css

@@ -20,6 +20,13 @@
   --accent: #ffd8e9;
   --accent-foreground: #b41858;
   --destructive: #d92e6a;
+  --destructive-foreground: #ffffff;
+  --success: #00b894;
+  --success-foreground: #02281f;
+  --warning: #f59e0b;
+  --warning-foreground: #422006;
+  --info: #00a8e8;
+  --info-foreground: #03283b;
   --border: #d8cfeb;
   --input: #d8cfeb;
   --ring: #6d4cff;
@@ -55,6 +62,13 @@
   --accent: #f472b6;
   --accent-foreground: #1a1426;
   --destructive: #fb7185;
+  --destructive-foreground: #1a1426;
+  --success: #34d399;
+  --success-foreground: #ecfdf5;
+  --warning: #fbbf24;
+  --warning-foreground: #1f1300;
+  --info: #38bdf8;
+  --info-foreground: #082f49;
   --border: #3f3162;
   --input: #2e2347;
   --ring: #a78bfa;

package/src/css/warm-sun.css

@@ -19,6 +19,13 @@
   --accent: #fdba74;
   --accent-foreground: #7c2d12;
   --destructive: #b91c1c;
+  --destructive-foreground: #ffffff;
+  --success: #10b981;
+  --success-foreground: #064e3b;
+  --warning: #f59e0b;
+  --warning-foreground: #422006;
+  --info: #0284c7;
+  --info-foreground: #082f49;
   --border: #e7e5e4;
   --input: #e7e5e4;
   --ring: #c2410c;
@@ -54,6 +61,13 @@
   --accent: #fdba74;
   --accent-foreground: #1c1917;
   --destructive: #f87171;
+  --destructive-foreground: #1c1917;
+  --success: #34d399;
+  --success-foreground: #ecfdf5;
+  --warning: #fbbf24;
+  --warning-foreground: #1f1300;
+  --info: #38bdf8;
+  --info-foreground: #082f49;
   --border: #44403c;
   --input: #44403c;
   --ring: #fb923c;

package/src/css/woxom.css

@@ -20,6 +20,13 @@
   --accent: #c9daf8;
   --accent-foreground: #1c4587;
   --destructive: #b00020;
+  --destructive-foreground: #ffffff;
+  --success: #10b981;
+  --success-foreground: #064e3b;
+  --warning: #f59e0b;
+  --warning-foreground: #422006;
+  --info: #0284c7;
+  --info-foreground: #082f49;
   --border: #e0e0e0;
   --input: #e0e0e0;
   --ring: #1c4587;
@@ -58,6 +65,13 @@
   --accent: #bb9af7;
   --accent-foreground: #1a1b26;
   --destructive: #f7768e;
+  --destructive-foreground: #1a1b26;
+  --success: #34d399;
+  --success-foreground: #ecfdf5;
+  --warning: #fbbf24;
+  --warning-foreground: #1f1300;
+  --info: #38bdf8;
+  --info-foreground: #082f49;
   --border: #3b4261;
   --input: #292e42;
   --ring: #7aa2f7;