@promptctl/rich-js 0.17.0 → 0.18.1

package/dist/template-bindings/palette-funcs.js

@@ -77,9 +77,6 @@ import { ColorRamp, parseRampEasing } from "../themes/ramp.js";
  * ramp over palette names follows the theme exactly as `color` does.
  */
 function colorStops(tail, palette) {
-    if (tail.length === 0) {
-        throw new RangeError(`ramp needs at least one stop after the easing: ramp <value> <easing> <position> <color> …`);
-    }
     if (tail.length % 2 !== 0) {
         throw new RangeError(`ramp's last stop (position ${String(tail[tail.length - 1])}) has no color — ` +
             `stops are <position> <color> pairs`);
@@ -124,27 +121,20 @@ export function paletteFuncs(getPalette) {
     const colorFunc = {
         fn: ((ref) => resolveColorRef(getPalette(), ref).hex),
         argTypes: ["string"],
+        arity: { kind: "exact" },
         returnType: "string",
     };
     // `ramp <value> <easing> <position> <color> …` — the argument list is one
     // float/string cycle end to end (value, easing, then each stop's position
     // and color), so the engine's `alternating` gate types every slot; the
-    // pairing and the references are parsed in `colorStops`.
+    // pairing and the references are parsed in `colorStops`. Its minimum is the
+    // value, the easing, and one stop, so the gate refuses a stopless call.
     // [LAW:types-are-the-program]
     const rampFunc = {
-        fn: ((...args) => {
-            // The engine's `alternating` gate types each slot but sets no minimum
-            // count, so `{{ ramp }}` and `{{ ramp 65 }}` both reach here: one
-            // check over the whole list, naming what is missing. [LAW:no-silent-failure]
-            if (args.length < 2) {
-                throw new RangeError(`ramp needs a value and an easing before its stops (got ${args.length}): ` +
-                    `ramp <value> "linear"|"step" <position> <color> …`);
-            }
-            const [value, easing, ...tail] = args;
-            return new ColorRamp(parseRampEasing(easing), colorStops(tail, getPalette())).at(value).hex;
-        }),
+        fn: ((value, easing, ...tail) => new ColorRamp(parseRampEasing(easing), colorStops(tail, getPalette())).at(value)
+            .hex),
         argTypes: ["float", "string"],
-        argTypePattern: "alternating",
+        arity: { kind: "alternating", minimum: 4 },
         returnType: "string",
     };
     return { color: colorFunc, ramp: rampFunc };

package/dist/template-bindings/style-funcs.js

@@ -22,6 +22,7 @@ function attrFunc(style) {
     return {
         fn: ((child) => applyStyleToFragment(child, style)),
         argTypes: ["liftable"],
+        arity: { kind: "exact" },
         returnType: "T",
     };
 }
@@ -51,6 +52,7 @@ function colorSinkFunc(slot) {
     return {
         fn: ((spec, child) => applyStyleToFragment(child, new Style({ [slot]: ColorSpec.parse(spec) }))),
         argTypes: ["string", "liftable"],
+        arity: { kind: "exact" },
         returnType: "T",
     };
 }
@@ -103,6 +105,7 @@ const styleSpecFunc = {
         return applyStyleToFragment(child, Style.parse(spec));
     }),
     argTypes: ["string", "liftable"],
+    arity: { kind: "exact" },
     returnType: "T",
 };
 // --- Hyperlink ---
@@ -128,6 +131,7 @@ const linkFunc = {
         return applyStyleToFragment(child, new Style({ link: url }));
     }),
     argTypes: ["string", "liftable"],
+    arity: { kind: "exact" },
     returnType: "T",
 };
 // --- Public assembly ---

package/dist/themes/data/ansi-tables.d.ts

@@ -0,0 +1,14 @@
+import { type AnsiColorsData } from "./types.js";
+/**
+ * The VGA colours a terminal draws with no theme of its own: Rich's
+ * `DEFAULT_TERMINAL_THEME`, and what `textual-ansi` spells its palette in.
+ */
+export declare const VGA_ANSI: AnsiColorsData;
+/**
+ * The ANSI tables Textual draws named colours in for a theme that has no
+ * terminal scheme of its own: `MONOKAI` under a dark theme and `ALABASTER`
+ * under a light one (`ansi_theme_dark` / `ansi_theme_light` in Textual's
+ * `app.py`, values from its `_ansi_theme.py`).
+ */
+export declare const TEXTUAL_DARK_ANSI: AnsiColorsData;
+export declare const TEXTUAL_LIGHT_ANSI: AnsiColorsData;

package/dist/themes/data/ansi-tables.js

@@ -0,0 +1,49 @@
+import { STANDARD_TABLE } from "../../core/color.js";
+import { ANSI_SLOTS } from "./types.js";
+/**
+ * The VGA colours a terminal draws with no theme of its own: Rich's
+ * `DEFAULT_TERMINAL_THEME`, and what `textual-ansi` spells its palette in.
+ */
+export const VGA_ANSI = Object.fromEntries(ANSI_SLOTS.map((slot, n) => [slot, STANDARD_TABLE.get(n).hex]));
+/**
+ * The ANSI tables Textual draws named colours in for a theme that has no
+ * terminal scheme of its own: `MONOKAI` under a dark theme and `ALABASTER`
+ * under a light one (`ansi_theme_dark` / `ansi_theme_light` in Textual's
+ * `app.py`, values from its `_ansi_theme.py`).
+ */
+export const TEXTUAL_DARK_ANSI = {
+    black: "#1A1A1A",
+    red: "#F4005F",
+    green: "#98E024",
+    yellow: "#FD971F",
+    blue: "#9D65FF",
+    magenta: "#F4005F",
+    cyan: "#58D1EB",
+    white: "#C4C5B5",
+    brightBlack: "#625E4C",
+    brightRed: "#F4005F",
+    brightGreen: "#98E024",
+    brightYellow: "#E0D561",
+    brightBlue: "#9D65FF",
+    brightMagenta: "#F4005F",
+    brightCyan: "#58D1EB",
+    brightWhite: "#F6F6EF",
+};
+export const TEXTUAL_LIGHT_ANSI = {
+    black: "#000000",
+    red: "#AA3731",
+    green: "#448C27",
+    yellow: "#CB9000",
+    blue: "#325CC0",
+    magenta: "#7A3E9D",
+    cyan: "#0083B2",
+    white: "#F7F7F7",
+    brightBlack: "#777777",
+    brightRed: "#F05050",
+    brightGreen: "#60CB00",
+    brightYellow: "#FFBC5D",
+    brightBlue: "#007ACC",
+    brightMagenta: "#E64CE6",
+    brightCyan: "#00AACB",
+    brightWhite: "#F7F7F7",
+};

package/dist/themes/data/atom-one-dark.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "atom-one-dark",
     dark: true,
+    // iTerm2-Color-Schemes "One Half Dark", a terminal port of Atom One
+    ansi: {
+        black: "#282C34",
+        red: "#E06C75",
+        green: "#98C379",
+        yellow: "#E5C07B",
+        blue: "#61AFEF",
+        magenta: "#C678DD",
+        cyan: "#56B6C2",
+        white: "#DCDFE4",
+        brightBlack: "#5D677A",
+        brightRed: "#E06C75",
+        brightGreen: "#98C379",
+        brightYellow: "#E5C07B",
+        brightBlue: "#61AFEF",
+        brightMagenta: "#C678DD",
+        brightCyan: "#56B6C2",
+        brightWhite: "#DCDFE4",
+    },
     vars: {
         "accent": "#A378C2",
         "accent-darken-1": "#8E65AD",

package/dist/themes/data/atom-one-light.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "atom-one-light",
     dark: false,
+    // iTerm2-Color-Schemes "One Half Light", a terminal port of Atom One
+    ansi: {
+        black: "#383A42",
+        red: "#E45649",
+        green: "#50A14F",
+        yellow: "#C18401",
+        blue: "#0184BC",
+        magenta: "#A626A4",
+        cyan: "#0997B3",
+        white: "#BABABA",
+        brightBlack: "#4F525E",
+        brightRed: "#E06C75",
+        brightGreen: "#98C379",
+        brightYellow: "#D8B36E",
+        brightBlue: "#61AFEF",
+        brightMagenta: "#C678DD",
+        brightCyan: "#56B6C2",
+        brightWhite: "#FFFFFF",
+    },
     vars: {
         "accent": "#BE9232",
         "accent-darken-1": "#A97E1D",

package/dist/themes/data/catppuccin-frappe.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "catppuccin-frappe",
     dark: true,
+    // iTerm2-Color-Schemes "Catppuccin Frappe"
+    ansi: {
+        black: "#51576D",
+        red: "#E78284",
+        green: "#A6D189",
+        yellow: "#E5C890",
+        blue: "#8CAAEE",
+        magenta: "#F4B8E4",
+        cyan: "#81C8BE",
+        white: "#B5BFE2",
+        brightBlack: "#626880",
+        brightRed: "#EDA0A2",
+        brightGreen: "#B9DBA2",
+        brightYellow: "#ECD7AE",
+        brightBlue: "#ADC2F3",
+        brightMagenta: "#F38ED8",
+        brightCyan: "#98D2CA",
+        brightWhite: "#A5ADCE",
+    },
     vars: {
         "accent": "#F4B8E4",
         "accent-darken-1": "#DEA3CE",

package/dist/themes/data/catppuccin-latte.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "catppuccin-latte",
     dark: false,
+    // iTerm2-Color-Schemes "Catppuccin Latte"
+    ansi: {
+        black: "#BCC0CC",
+        red: "#D20F39",
+        green: "#40A02B",
+        yellow: "#DF8E1D",
+        blue: "#1E66F5",
+        magenta: "#EA76CB",
+        cyan: "#179299",
+        white: "#5C5F77",
+        brightBlack: "#ACB0BE",
+        brightRed: "#E7103F",
+        brightGreen: "#46B02F",
+        brightYellow: "#E49931",
+        brightBlue: "#3878F6",
+        brightMagenta: "#EF95D7",
+        brightCyan: "#19A1A8",
+        brightWhite: "#6C6F85",
+    },
     vars: {
         "accent": "#FD640B",
         "accent-darken-1": "#E54F00",

package/dist/themes/data/catppuccin-macchiato.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "catppuccin-macchiato",
     dark: true,
+    // iTerm2-Color-Schemes "Catppuccin Macchiato"
+    ansi: {
+        black: "#494D64",
+        red: "#ED8796",
+        green: "#A6DA95",
+        yellow: "#EED49F",
+        blue: "#8AADF4",
+        magenta: "#F5BDE6",
+        cyan: "#8BD5CA",
+        white: "#B8C0E0",
+        brightBlack: "#5B6078",
+        brightRed: "#F2A7B2",
+        brightGreen: "#BDE3B0",
+        brightYellow: "#F4E3C1",
+        brightBlue: "#ADC5F7",
+        brightMagenta: "#F493DA",
+        brightCyan: "#A5DED6",
+        brightWhite: "#A5ADCB",
+    },
     vars: {
         "accent": "#F5BDE6",
         "accent-darken-1": "#DFA8D0",

package/dist/themes/data/catppuccin-mocha.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "catppuccin-mocha",
     dark: true,
+    // iTerm2-Color-Schemes "Catppuccin Mocha"
+    ansi: {
+        black: "#45475A",
+        red: "#F38BA8",
+        green: "#A6E3A1",
+        yellow: "#F9E2AF",
+        blue: "#89B4FA",
+        magenta: "#F5C2E7",
+        cyan: "#94E2D5",
+        white: "#BAC2DE",
+        brightBlack: "#585B70",
+        brightRed: "#F7AEC2",
+        brightGreen: "#C2ECBF",
+        brightYellow: "#FCD682",
+        brightBlue: "#AECCFC",
+        brightMagenta: "#F398DA",
+        brightCyan: "#B1EAE1",
+        brightWhite: "#A6ADC8",
+    },
     vars: {
         "accent": "#F9B387",
         "accent-darken-1": "#E39E73",

package/dist/themes/data/cyberpunk.js

@@ -1,3 +1,4 @@
+import { TEXTUAL_DARK_ANSI } from "./ansi-tables.js";
 /**
  * Cyberpunk — dark-mode neon palette. All six accent colors and their
  * darken/lighten/muted derivatives carry partial alpha (0.75–0.85), so the
@@ -15,6 +16,7 @@
 const theme = {
     name: "cyberpunk",
     dark: true,
+    ansi: TEXTUAL_DARK_ANSI,
     vars: {
         // ── Substrate ──────────────────────────────────────────────────────────
         "background": "#070714",

package/dist/themes/data/default.js

@@ -1,6 +1,8 @@
+import { VGA_ANSI } from "./ansi-tables.js";
 const theme = {
     name: "default",
     dark: true,
+    ansi: VGA_ANSI,
     vars: {
         "accent": "#006FB8",
         "accent-darken-1": "#005CA3",

package/dist/themes/data/dracula.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "dracula",
     dark: true,
+    // iTerm2-Color-Schemes "Dracula"
+    ansi: {
+        black: "#21222C",
+        red: "#FF5555",
+        green: "#50FA7B",
+        yellow: "#F1FA8C",
+        blue: "#BD93F9",
+        magenta: "#FF79C6",
+        cyan: "#8BE9FD",
+        white: "#F8F8F2",
+        brightBlack: "#6272A4",
+        brightRed: "#FF6E6E",
+        brightGreen: "#69FF94",
+        brightYellow: "#FFFFA5",
+        brightBlue: "#D6ACFF",
+        brightMagenta: "#FF92DF",
+        brightCyan: "#A4FFFF",
+        brightWhite: "#FFFFFF",
+    },
     vars: {
         "accent": "#FF79C6",
         "accent-darken-1": "#E864B1",

package/dist/themes/data/flexoki.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "flexoki",
     dark: true,
+    // iTerm2-Color-Schemes "Flexoki Dark"
+    ansi: {
+        black: "#100F0F",
+        red: "#D14D41",
+        green: "#879A39",
+        yellow: "#D0A215",
+        blue: "#4385BE",
+        magenta: "#CE5D97",
+        cyan: "#3AA99F",
+        white: "#878580",
+        brightBlack: "#575653",
+        brightRed: "#AF3029",
+        brightGreen: "#66800B",
+        brightYellow: "#AD8301",
+        brightBlue: "#205EA6",
+        brightMagenta: "#A02F6F",
+        brightCyan: "#24837B",
+        brightWhite: "#CECDC3",
+    },
     vars: {
         "accent": "#9B76C8",
         "accent-darken-1": "#8663B3",

package/dist/themes/data/gruvbox.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "gruvbox",
     dark: true,
+    // iTerm2-Color-Schemes "Gruvbox Dark"
+    ansi: {
+        black: "#282828",
+        red: "#CC241D",
+        green: "#98971A",
+        yellow: "#D79921",
+        blue: "#458588",
+        magenta: "#B16286",
+        cyan: "#689D6A",
+        white: "#A89984",
+        brightBlack: "#928374",
+        brightRed: "#FB4934",
+        brightGreen: "#B8BB26",
+        brightYellow: "#FABD2F",
+        brightBlue: "#83A598",
+        brightMagenta: "#D3869B",
+        brightCyan: "#8EC07C",
+        brightWhite: "#EBDBB2",
+    },
     vars: {
         "accent": "#F9BD2F",
         "accent-darken-1": "#E2A811",

package/dist/themes/data/monokai.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "monokai",
     dark: true,
+    // iTerm2-Color-Schemes "Monokai SublimeText"
+    ansi: {
+        black: "#333333",
+        red: "#C4265E",
+        green: "#86B42B",
+        yellow: "#B3B42B",
+        blue: "#6A7EC8",
+        magenta: "#8C6BC8",
+        cyan: "#56ADBC",
+        white: "#E3E3DD",
+        brightBlack: "#666666",
+        brightRed: "#F92672",
+        brightGreen: "#A6E22E",
+        brightYellow: "#E2E22E",
+        brightBlue: "#819AFF",
+        brightMagenta: "#AE81FF",
+        brightCyan: "#66D9EF",
+        brightWhite: "#F8F8F2",
+    },
     vars: {
         "accent": "#66D9EF",
         "accent-darken-1": "#4DC3D9",

package/dist/themes/data/nord.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "nord",
     dark: true,
+    // iTerm2-Color-Schemes "Nord"
+    ansi: {
+        black: "#3B4252",
+        red: "#BF616A",
+        green: "#A3BE8C",
+        yellow: "#EBCB8B",
+        blue: "#81A1C1",
+        magenta: "#B48EAD",
+        cyan: "#88C0D0",
+        white: "#E5E9F0",
+        brightBlack: "#596377",
+        brightRed: "#BF616A",
+        brightGreen: "#A3BE8C",
+        brightYellow: "#EBCB8B",
+        brightBlue: "#81A1C1",
+        brightMagenta: "#B48EAD",
+        brightCyan: "#8FBCBB",
+        brightWhite: "#ECEFF4",
+    },
     vars: {
         "accent": "#B48EAD",
         "accent-darken-1": "#9F7A98",

package/dist/themes/data/rose-pine-dawn.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "rose-pine-dawn",
     dark: false,
+    // iTerm2-Color-Schemes "Rose Pine Dawn"
+    ansi: {
+        black: "#F2E9E1",
+        red: "#B4637A",
+        green: "#286983",
+        yellow: "#EA9D34",
+        blue: "#56949F",
+        magenta: "#907AA9",
+        cyan: "#D7827E",
+        white: "#575279",
+        brightBlack: "#9893A5",
+        brightRed: "#B4637A",
+        brightGreen: "#286983",
+        brightYellow: "#EA9D34",
+        brightBlue: "#56949F",
+        brightMagenta: "#907AA9",
+        brightCyan: "#D7827E",
+        brightWhite: "#575279",
+    },
     vars: {
         "accent": "#D6827E",
         "accent-darken-1": "#C16E6B",

package/dist/themes/data/rose-pine-moon.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "rose-pine-moon",
     dark: true,
+    // iTerm2-Color-Schemes "Rose Pine Moon"
+    ansi: {
+        black: "#393552",
+        red: "#EB6F92",
+        green: "#3E8FB0",
+        yellow: "#F6C177",
+        blue: "#9CCFD8",
+        magenta: "#C4A7E7",
+        cyan: "#EA9A97",
+        white: "#E0DEF4",
+        brightBlack: "#6E6A86",
+        brightRed: "#EB6F92",
+        brightGreen: "#3E8FB0",
+        brightYellow: "#F6C177",
+        brightBlue: "#9CCFD8",
+        brightMagenta: "#C4A7E7",
+        brightCyan: "#EA9A97",
+        brightWhite: "#E0DEF4",
+    },
     vars: {
         "accent": "#EA9A97",
         "accent-darken-1": "#D48683",

package/dist/themes/data/rose-pine.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "rose-pine",
     dark: true,
+    // iTerm2-Color-Schemes "Rose Pine"
+    ansi: {
+        black: "#26233A",
+        red: "#EB6F92",
+        green: "#31748F",
+        yellow: "#F6C177",
+        blue: "#9CCFD8",
+        magenta: "#C4A7E7",
+        cyan: "#EBBCBA",
+        white: "#E0DEF4",
+        brightBlack: "#6E6A86",
+        brightRed: "#EB6F92",
+        brightGreen: "#31748F",
+        brightYellow: "#F6C177",
+        brightBlue: "#9CCFD8",
+        brightMagenta: "#C4A7E7",
+        brightCyan: "#EBBCBA",
+        brightWhite: "#E0DEF4",
+    },
     vars: {
         "accent": "#EBBCBA",
         "accent-darken-1": "#D5A7A5",

package/dist/themes/data/solarized-dark.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "solarized-dark",
     dark: true,
+    // iTerm2-Color-Schemes "iTerm2 Solarized Dark"
+    ansi: {
+        black: "#073642",
+        red: "#DC322F",
+        green: "#859900",
+        yellow: "#B58900",
+        blue: "#268BD2",
+        magenta: "#D33682",
+        cyan: "#2AA198",
+        white: "#EEE8D5",
+        brightBlack: "#335E69",
+        brightRed: "#CB4B16",
+        brightGreen: "#586E75",
+        brightYellow: "#657B83",
+        brightBlue: "#839496",
+        brightMagenta: "#6C71C4",
+        brightCyan: "#93A1A1",
+        brightWhite: "#FDF6E3",
+    },
     vars: {
         "accent": "#6C71C4",
         "accent-darken-1": "#575EAF",

package/dist/themes/data/solarized-light.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "solarized-light",
     dark: false,
+    // iTerm2-Color-Schemes "iTerm2 Solarized Light"
+    ansi: {
+        black: "#073642",
+        red: "#DC322F",
+        green: "#859900",
+        yellow: "#B58900",
+        blue: "#268BD2",
+        magenta: "#D33682",
+        cyan: "#2AA198",
+        white: "#BBB5A2",
+        brightBlack: "#002B36",
+        brightRed: "#CB4B16",
+        brightGreen: "#586E75",
+        brightYellow: "#657B83",
+        brightBlue: "#839496",
+        brightMagenta: "#6C71C4",
+        brightCyan: "#93A1A1",
+        brightWhite: "#FDF6E3",
+    },
     vars: {
         "accent": "#6C71C4",
         "accent-darken-1": "#575EAF",

package/dist/themes/data/svg-export.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "svg-export",
     dark: true,
+    // Rich's SVG_EXPORT_THEME
+    ansi: {
+        black: "#4B4E55",
+        red: "#CC555A",
+        green: "#98A84B",
+        yellow: "#D0B344",
+        blue: "#608AB1",
+        magenta: "#98729F",
+        cyan: "#68A0B3",
+        white: "#C5C8C6",
+        brightBlack: "#9A9B99",
+        brightRed: "#FF2627",
+        brightGreen: "#00823D",
+        brightYellow: "#D08442",
+        brightBlue: "#1984E9",
+        brightMagenta: "#FF2C7A",
+        brightCyan: "#398280",
+        brightWhite: "#FDFDC5",
+    },
     vars: {
         "accent": "#56B6C2",
         "accent-darken-1": "#3EA1AD",

package/dist/themes/data/textual-ansi.js

@@ -1,6 +1,8 @@
+import { VGA_ANSI } from "./ansi-tables.js";
 const theme = {
     name: "textual-ansi",
     dark: true,
+    ansi: VGA_ANSI,
     vars: {
         "accent": "#0000FF",
         "accent-darken-1": "#0000FF",

package/dist/themes/data/textual-dark.js

@@ -1,6 +1,8 @@
+import { TEXTUAL_DARK_ANSI } from "./ansi-tables.js";
 const theme = {
     name: "textual-dark",
     dark: true,
+    ansi: TEXTUAL_DARK_ANSI,
     vars: {
         "accent": "#FEA62B",
         "accent-darken-1": "#E7920D",

package/dist/themes/data/textual-light.js

@@ -1,6 +1,8 @@
+import { TEXTUAL_LIGHT_ANSI } from "./ansi-tables.js";
 const theme = {
     name: "textual-light",
     dark: false,
+    ansi: TEXTUAL_LIGHT_ANSI,
     vars: {
         "accent": "#FEA62B",
         "accent-darken-1": "#E7920D",

package/dist/themes/data/tokyo-night.js

@@ -1,6 +1,25 @@
 const theme = {
     name: "tokyo-night",
     dark: true,
+    // iTerm2-Color-Schemes "TokyoNight Night"
+    ansi: {
+        black: "#15161E",
+        red: "#F7768E",
+        green: "#9ECE6A",
+        yellow: "#E0AF68",
+        blue: "#7AA2F7",
+        magenta: "#BB9AF7",
+        cyan: "#7DCFFF",
+        white: "#A9B1D6",
+        brightBlack: "#414868",
+        brightRed: "#F7768E",
+        brightGreen: "#9ECE6A",
+        brightYellow: "#E0AF68",
+        brightBlue: "#7AA2F7",
+        brightMagenta: "#BB9AF7",
+        brightCyan: "#7DCFFF",
+        brightWhite: "#C0CAF5",
+    },
     vars: {
         "accent": "#FE9E64",
         "accent-darken-1": "#E78A51",