@lgtm-hq/turbo-themes 0.12.16

package/packages/css/dist/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../src/generator.ts"],"names":[],"mappings":"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"}

package/packages/css/dist/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @lgtm-hq/turbo-themes-css
+ *
+ * Pure CSS Custom Properties output for Turbo Themes.
+ * Framework-agnostic theming with minimal footprint.
+ *
+ * @packageDocumentation
+ */
+export { CSS_VAR_PREFIX, generateCssVarsFromTokens, generateThemeCss, generateCoreCss, generateCombinedCss, } from './generator.js';
+export { CSS_RESET, CSS_BASE, generateBaseCss, generateResetCss, } from './base.js';
+export { CSS_SYNTAX, generateSyntaxVarsFromTokens, generateSyntaxCss, generateSyntaxBaseCss, } from './syntax.js';
+export type { ThemeFlavor, ThemeTokens } from '@lgtm-hq/turbo-themes-core';
+//# sourceMappingURL=index.d.ts.map

package/packages/css/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAGH,OAAO,EACL,cAAc,EACd,yBAAyB,EACzB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,SAAS,EACT,QAAQ,EACR,eAAe,EACf,gBAAgB,GACjB,MAAM,WAAW,CAAC;AAGnB,OAAO,EACL,UAAU,EACV,4BAA4B,EAC5B,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,aAAa,CAAC;AAGrB,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC"}

package/packages/css/dist/index.js

@@ -0,0 +1,16 @@
+// SPDX-License-Identifier: MIT
+/**
+ * @lgtm-hq/turbo-themes-css
+ *
+ * Pure CSS Custom Properties output for Turbo Themes.
+ * Framework-agnostic theming with minimal footprint.
+ *
+ * @packageDocumentation
+ */
+// Generator exports
+export { CSS_VAR_PREFIX, generateCssVarsFromTokens, generateThemeCss, generateCoreCss, generateCombinedCss, } from './generator.js';
+// Base styles exports
+export { CSS_RESET, CSS_BASE, generateBaseCss, generateResetCss, } from './base.js';
+// Syntax highlighting exports
+export { CSS_SYNTAX, generateSyntaxVarsFromTokens, generateSyntaxCss, generateSyntaxBaseCss, } from './syntax.js';
+//# sourceMappingURL=index.js.map

package/packages/css/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B;;;;;;;GAOG;AAEH,oBAAoB;AACpB,OAAO,EACL,cAAc,EACd,yBAAyB,EACzB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAExB,sBAAsB;AACtB,OAAO,EACL,SAAS,EACT,QAAQ,EACR,eAAe,EACf,gBAAgB,GACjB,MAAM,WAAW,CAAC;AAEnB,8BAA8B;AAC9B,OAAO,EACL,UAAU,EACV,4BAA4B,EAC5B,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,aAAa,CAAC"}

package/packages/css/dist/syntax.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Syntax highlighting styles for Turbo Themes.
+ *
+ * Provides CSS for code syntax highlighting that uses Turbo theme variables.
+ * Compatible with Rouge (Jekyll), Prism, highlight.js, and other highlighters.
+ *
+ * @packageDocumentation
+ */
+import type { ThemeFlavor, ThemeTokens } from '@lgtm-hq/turbo-themes-core';
+/**
+ * Generates CSS variable declarations for syntax highlighting.
+ */
+export declare function generateSyntaxVarsFromTokens(tokens: ThemeTokens): string[];
+/**
+ * CSS styles for syntax highlighting using Turbo variables.
+ * Works with Rouge, Prism, highlight.js, and similar highlighters.
+ */
+export declare const CSS_SYNTAX = "/* Turbo Themes - Syntax Highlighting */\n\n/* Astro Code component css-variables theme mapping */\n:root {\n  --astro-code-color-text: var(--turbo-syntax-fg, var(--turbo-text-primary));\n  --astro-code-color-background: var(--turbo-syntax-bg, var(--turbo-code-block-bg));\n  --astro-code-token-constant: var(--turbo-syntax-number);\n  --astro-code-token-string: var(--turbo-syntax-string);\n  --astro-code-token-comment: var(--turbo-syntax-comment);\n  --astro-code-token-keyword: var(--turbo-syntax-keyword);\n  --astro-code-token-parameter: var(--turbo-syntax-variable);\n  --astro-code-token-function: var(--turbo-syntax-function);\n  --astro-code-token-string-expression: var(--turbo-syntax-string);\n  --astro-code-token-punctuation: var(--turbo-syntax-punctuation);\n  --astro-code-token-link: var(--turbo-accent-link, var(--turbo-brand-primary));\n  /* Additional Astro tokens */\n  --astro-code-background: var(--turbo-syntax-bg, var(--turbo-code-block-bg));\n  --astro-code-foreground: var(--turbo-syntax-fg, var(--turbo-text-primary));\n}\n\n/* Astro Code component styling */\n.astro-code,\npre.astro-code {\n  background-color: var(--turbo-syntax-bg, var(--turbo-code-block-bg)) !important;\n  padding: var(--space-lg);\n  border-radius: var(--radius-lg);\n  overflow-x: auto;\n  border: 1px solid var(--turbo-border-default);\n}\n\n.astro-code code {\n  background-color: transparent !important;\n  color: inherit;\n}\n\n/* Base highlight container - only applies to pre elements */\n.highlight,\npre.highlight,\npre[class*=\"language-\"] {\n  background-color: var(--turbo-syntax-bg, var(--turbo-code-block-bg));\n  color: var(--turbo-syntax-fg, var(--turbo-code-block-fg));\n}\n\n/* Code inside pre should have transparent background */\n.highlight pre,\n.highlight code,\npre code,\npre code[class*=\"language-\"] {\n  background-color: transparent;\n  color: inherit;\n}\n\n/* Comments */\n.highlight .c,\n.highlight .cm,\n.highlight .c1,\n.highlight .cs,\n.highlight .cp,\n.highlight .cpf,\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata,\n.hljs-comment,\n.hljs-quote {\n  color: var(--turbo-syntax-comment);\n  font-style: italic;\n}\n\n/* Keywords */\n.highlight .k,\n.highlight .kc,\n.highlight .kd,\n.highlight .kn,\n.highlight .kp,\n.highlight .kr,\n.highlight .kt,\n.highlight .kv,\n.token.keyword,\n.token.atrule,\n.token.important,\n.hljs-keyword,\n.hljs-selector-tag,\n.hljs-built_in,\n.hljs-type {\n  color: var(--turbo-syntax-keyword);\n}\n\n/* Strings */\n.highlight .s,\n.highlight .s1,\n.highlight .s2,\n.highlight .sb,\n.highlight .sc,\n.highlight .sd,\n.highlight .se,\n.highlight .sh,\n.highlight .si,\n.highlight .sr,\n.highlight .ss,\n.highlight .sx,\n.token.string,\n.token.char,\n.token.regex,\n.token.template-string,\n.hljs-string,\n.hljs-regexp {\n  color: var(--turbo-syntax-string);\n}\n\n/* Numbers */\n.highlight .m,\n.highlight .mi,\n.highlight .mf,\n.highlight .mh,\n.highlight .mo,\n.highlight .mb,\n.highlight .mx,\n.highlight .il,\n.token.number,\n.token.boolean,\n.token.constant,\n.hljs-number,\n.hljs-literal {\n  color: var(--turbo-syntax-number);\n}\n\n/* Functions */\n.highlight .nf,\n.highlight .fm,\n.highlight .nb,\n.token.function,\n.token.builtin,\n.hljs-title.function_,\n.hljs-built_in {\n  color: var(--turbo-syntax-function);\n}\n\n/* Classes and types */\n.highlight .nc,\n.highlight .nn,\n.highlight .no,\n.highlight .nd,\n.token.class-name,\n.token.namespace,\n.hljs-title.class_,\n.hljs-class .hljs-title {\n  color: var(--turbo-syntax-type);\n}\n\n/* Variables and identifiers */\n.highlight .n,\n.highlight .nv,\n.highlight .vc,\n.highlight .vg,\n.highlight .vi,\n.highlight .vm,\n.token.variable,\n.hljs-variable,\n.hljs-template-variable {\n  color: var(--turbo-syntax-variable);\n}\n\n/* Operators */\n.highlight .o,\n.highlight .ow,\n.token.operator,\n.hljs-operator {\n  color: var(--turbo-syntax-operator);\n}\n\n/* Punctuation */\n.highlight .p,\n.token.punctuation,\n.hljs-punctuation {\n  color: var(--turbo-syntax-punctuation);\n}\n\n/* HTML/XML tags */\n.highlight .nt,\n.highlight .nx,\n.token.tag,\n.hljs-tag,\n.hljs-name {\n  color: var(--turbo-syntax-tag);\n}\n\n/* Attributes */\n.highlight .na,\n.highlight .atn,\n.token.attr-name,\n.hljs-attr {\n  color: var(--turbo-syntax-attribute);\n}\n\n/* Attribute values */\n.highlight .atv,\n.token.attr-value,\n.hljs-attr .hljs-string {\n  color: var(--turbo-syntax-value);\n}\n\n/* Errors */\n.highlight .err,\n.highlight .gr,\n.token.error,\n.hljs-error {\n  color: var(--turbo-syntax-error);\n}\n\n/* Diff: deletions */\n.highlight .gd,\n.token.deleted,\n.hljs-deletion {\n  color: var(--turbo-syntax-deleted);\n  background-color: color-mix(in srgb, var(--turbo-syntax-deleted) 15%, transparent);\n}\n\n/* Diff: insertions */\n.highlight .gi,\n.token.inserted,\n.hljs-addition {\n  color: var(--turbo-syntax-inserted);\n  background-color: color-mix(in srgb, var(--turbo-syntax-inserted) 15%, transparent);\n}\n\n/* Line numbers (if used) */\n.highlight .lineno,\n.line-numbers .line-numbers-rows,\n.hljs-ln-numbers {\n  color: var(--turbo-text-secondary);\n  opacity: 0.5;\n  user-select: none;\n}\n\n/* Selection within code */\n.highlight ::selection,\npre[class*=\"language-\"] ::selection,\ncode[class*=\"language-\"] ::selection {\n  background-color: var(--turbo-selection-bg);\n  color: var(--turbo-selection-fg);\n}\n";
+/**
+ * Generates syntax highlighting CSS for a specific theme.
+ * This includes both the variable definitions and the styling rules.
+ */
+export declare function generateSyntaxCss(flavor: ThemeFlavor): string;
+/**
+ * Generates the complete syntax highlighting CSS file.
+ * Includes base styles that work with any theme.
+ */
+export declare function generateSyntaxBaseCss(): string;
+//# sourceMappingURL=syntax.d.ts.map

package/packages/css/dist/syntax.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"syntax.d.ts","sourceRoot":"","sources":["../src/syntax.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAwC3E;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,CA0B1E;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,0wKAkPtB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAQ7D;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,IAAI,MAAM,CAE9C"}

package/packages/css/dist/syntax.js

@@ -0,0 +1,341 @@
+// SPDX-License-Identifier: MIT
+/**
+ * Syntax highlighting styles for Turbo Themes.
+ *
+ * Provides CSS for code syntax highlighting that uses Turbo theme variables.
+ * Compatible with Rouge (Jekyll), Prism, highlight.js, and other highlighters.
+ *
+ * @packageDocumentation
+ */
+import { CSS_VAR_PREFIX } from './generator.js';
+/**
+ * Syntax highlighting token types and their CSS class mappings.
+ * These cover the common classes used by most syntax highlighters.
+ */
+const SYNTAX_CLASS_GROUPS = {
+    // Comments
+    comment: ['.c', '.cm', '.c1', '.cs', '.cp', '.cpf'],
+    // Keywords (control flow, declarations)
+    keyword: ['.k', '.kc', '.kd', '.kn', '.kp', '.kr', '.kt', '.kv'],
+    // Strings
+    string: ['.s', '.s1', '.s2', '.sb', '.sc', '.sd', '.se', '.sh', '.si', '.sr', '.ss', '.sx'],
+    // Numbers
+    number: ['.m', '.mi', '.mf', '.mh', '.mo', '.mb', '.mx', '.il'],
+    // Functions and methods
+    function: ['.nf', '.fm', '.nb'],
+    // Classes and types
+    type: ['.nc', '.nn', '.no', '.nd'],
+    // Variables and identifiers
+    variable: ['.n', '.na', '.nv', '.vc', '.vg', '.vi', '.vm'],
+    // Operators
+    operator: ['.o', '.ow'],
+    // Punctuation
+    punctuation: ['.p'],
+    // HTML/XML tags
+    tag: ['.nt', '.nx'],
+    // Attributes
+    attribute: ['.na', '.atn'],
+    // Values (attribute values, etc.)
+    value: ['.atv'],
+    // Errors
+    error: ['.err', '.gr'],
+    // Deletions (diffs)
+    deleted: ['.gd'],
+    // Insertions (diffs)
+    inserted: ['.gi'],
+};
+/**
+ * Generates CSS variable declarations for syntax highlighting.
+ */
+export function generateSyntaxVarsFromTokens(tokens) {
+    const lines = [];
+    const add = (name, value) => {
+        lines.push(`  --${CSS_VAR_PREFIX}-syntax-${name}: ${value};`);
+    };
+    // Map theme tokens to syntax colors
+    add('fg', tokens.content?.codeBlock?.fg ?? tokens.text.primary);
+    add('bg', tokens.content?.codeBlock?.bg ?? tokens.background.surface);
+    add('comment', tokens.text.secondary);
+    add('keyword', tokens.brand.primary);
+    add('string', tokens.state.success);
+    add('number', tokens.state.warning);
+    add('function', tokens.state.info);
+    add('type', tokens.brand.primary);
+    add('variable', tokens.text.primary);
+    add('operator', tokens.text.secondary);
+    add('punctuation', tokens.text.secondary);
+    add('tag', tokens.state.danger);
+    add('attribute', tokens.state.info);
+    add('value', tokens.state.success);
+    add('error', tokens.state.danger);
+    add('deleted', tokens.state.danger);
+    add('inserted', tokens.state.success);
+    return lines;
+}
+/**
+ * CSS styles for syntax highlighting using Turbo variables.
+ * Works with Rouge, Prism, highlight.js, and similar highlighters.
+ */
+export const CSS_SYNTAX = `/* Turbo Themes - Syntax Highlighting */
+
+/* Astro Code component css-variables theme mapping */
+:root {
+  --astro-code-color-text: var(--turbo-syntax-fg, var(--turbo-text-primary));
+  --astro-code-color-background: var(--turbo-syntax-bg, var(--turbo-code-block-bg));
+  --astro-code-token-constant: var(--turbo-syntax-number);
+  --astro-code-token-string: var(--turbo-syntax-string);
+  --astro-code-token-comment: var(--turbo-syntax-comment);
+  --astro-code-token-keyword: var(--turbo-syntax-keyword);
+  --astro-code-token-parameter: var(--turbo-syntax-variable);
+  --astro-code-token-function: var(--turbo-syntax-function);
+  --astro-code-token-string-expression: var(--turbo-syntax-string);
+  --astro-code-token-punctuation: var(--turbo-syntax-punctuation);
+  --astro-code-token-link: var(--turbo-accent-link, var(--turbo-brand-primary));
+  /* Additional Astro tokens */
+  --astro-code-background: var(--turbo-syntax-bg, var(--turbo-code-block-bg));
+  --astro-code-foreground: var(--turbo-syntax-fg, var(--turbo-text-primary));
+}
+
+/* Astro Code component styling */
+.astro-code,
+pre.astro-code {
+  background-color: var(--turbo-syntax-bg, var(--turbo-code-block-bg)) !important;
+  padding: var(--space-lg);
+  border-radius: var(--radius-lg);
+  overflow-x: auto;
+  border: 1px solid var(--turbo-border-default);
+}
+
+.astro-code code {
+  background-color: transparent !important;
+  color: inherit;
+}
+
+/* Base highlight container - only applies to pre elements */
+.highlight,
+pre.highlight,
+pre[class*="language-"] {
+  background-color: var(--turbo-syntax-bg, var(--turbo-code-block-bg));
+  color: var(--turbo-syntax-fg, var(--turbo-code-block-fg));
+}
+
+/* Code inside pre should have transparent background */
+.highlight pre,
+.highlight code,
+pre code,
+pre code[class*="language-"] {
+  background-color: transparent;
+  color: inherit;
+}
+
+/* Comments */
+.highlight .c,
+.highlight .cm,
+.highlight .c1,
+.highlight .cs,
+.highlight .cp,
+.highlight .cpf,
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata,
+.hljs-comment,
+.hljs-quote {
+  color: var(--turbo-syntax-comment);
+  font-style: italic;
+}
+
+/* Keywords */
+.highlight .k,
+.highlight .kc,
+.highlight .kd,
+.highlight .kn,
+.highlight .kp,
+.highlight .kr,
+.highlight .kt,
+.highlight .kv,
+.token.keyword,
+.token.atrule,
+.token.important,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-built_in,
+.hljs-type {
+  color: var(--turbo-syntax-keyword);
+}
+
+/* Strings */
+.highlight .s,
+.highlight .s1,
+.highlight .s2,
+.highlight .sb,
+.highlight .sc,
+.highlight .sd,
+.highlight .se,
+.highlight .sh,
+.highlight .si,
+.highlight .sr,
+.highlight .ss,
+.highlight .sx,
+.token.string,
+.token.char,
+.token.regex,
+.token.template-string,
+.hljs-string,
+.hljs-regexp {
+  color: var(--turbo-syntax-string);
+}
+
+/* Numbers */
+.highlight .m,
+.highlight .mi,
+.highlight .mf,
+.highlight .mh,
+.highlight .mo,
+.highlight .mb,
+.highlight .mx,
+.highlight .il,
+.token.number,
+.token.boolean,
+.token.constant,
+.hljs-number,
+.hljs-literal {
+  color: var(--turbo-syntax-number);
+}
+
+/* Functions */
+.highlight .nf,
+.highlight .fm,
+.highlight .nb,
+.token.function,
+.token.builtin,
+.hljs-title.function_,
+.hljs-built_in {
+  color: var(--turbo-syntax-function);
+}
+
+/* Classes and types */
+.highlight .nc,
+.highlight .nn,
+.highlight .no,
+.highlight .nd,
+.token.class-name,
+.token.namespace,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: var(--turbo-syntax-type);
+}
+
+/* Variables and identifiers */
+.highlight .n,
+.highlight .nv,
+.highlight .vc,
+.highlight .vg,
+.highlight .vi,
+.highlight .vm,
+.token.variable,
+.hljs-variable,
+.hljs-template-variable {
+  color: var(--turbo-syntax-variable);
+}
+
+/* Operators */
+.highlight .o,
+.highlight .ow,
+.token.operator,
+.hljs-operator {
+  color: var(--turbo-syntax-operator);
+}
+
+/* Punctuation */
+.highlight .p,
+.token.punctuation,
+.hljs-punctuation {
+  color: var(--turbo-syntax-punctuation);
+}
+
+/* HTML/XML tags */
+.highlight .nt,
+.highlight .nx,
+.token.tag,
+.hljs-tag,
+.hljs-name {
+  color: var(--turbo-syntax-tag);
+}
+
+/* Attributes */
+.highlight .na,
+.highlight .atn,
+.token.attr-name,
+.hljs-attr {
+  color: var(--turbo-syntax-attribute);
+}
+
+/* Attribute values */
+.highlight .atv,
+.token.attr-value,
+.hljs-attr .hljs-string {
+  color: var(--turbo-syntax-value);
+}
+
+/* Errors */
+.highlight .err,
+.highlight .gr,
+.token.error,
+.hljs-error {
+  color: var(--turbo-syntax-error);
+}
+
+/* Diff: deletions */
+.highlight .gd,
+.token.deleted,
+.hljs-deletion {
+  color: var(--turbo-syntax-deleted);
+  background-color: color-mix(in srgb, var(--turbo-syntax-deleted) 15%, transparent);
+}
+
+/* Diff: insertions */
+.highlight .gi,
+.token.inserted,
+.hljs-addition {
+  color: var(--turbo-syntax-inserted);
+  background-color: color-mix(in srgb, var(--turbo-syntax-inserted) 15%, transparent);
+}
+
+/* Line numbers (if used) */
+.highlight .lineno,
+.line-numbers .line-numbers-rows,
+.hljs-ln-numbers {
+  color: var(--turbo-text-secondary);
+  opacity: 0.5;
+  user-select: none;
+}
+
+/* Selection within code */
+.highlight ::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"] ::selection {
+  background-color: var(--turbo-selection-bg);
+  color: var(--turbo-selection-fg);
+}
+`;
+/**
+ * Generates syntax highlighting CSS for a specific theme.
+ * This includes both the variable definitions and the styling rules.
+ */
+export function generateSyntaxCss(flavor) {
+    const vars = generateSyntaxVarsFromTokens(flavor.tokens);
+    return `/* Turbo Themes - Syntax Highlighting for ${flavor.label} */
+[data-theme="${flavor.id}"] {
+${vars.join('\n')}
+}
+`;
+}
+/**
+ * Generates the complete syntax highlighting CSS file.
+ * Includes base styles that work with any theme.
+ */
+export function generateSyntaxBaseCss() {
+    return CSS_SYNTAX;
+}
+//# sourceMappingURL=syntax.js.map

package/packages/css/dist/syntax.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"syntax.js","sourceRoot":"","sources":["../src/syntax.ts"],"names":[],"mappings":"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"}

package/packages/css/dist/themes/bulma-dark.css

@@ -0,0 +1,86 @@
+@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap');
+
+[data-theme="bulma-dark"] {
+  --turbo-bg-base: #141414;
+  --turbo-bg-surface: #1f1f1f;
+  --turbo-bg-overlay: #2b2b2b;
+  --turbo-text-primary: #f5f5f5;
+  --turbo-text-secondary: #dbdbdb;
+  --turbo-text-inverse: #141414;
+  --turbo-brand-primary: #00d1b2;
+  --turbo-state-info: #3e8ed0;
+  --turbo-state-success: #48c78e;
+  --turbo-state-warning: #ffe08a;
+  --turbo-state-danger: #f14668;
+  --turbo-border-default: #363636;
+  --turbo-accent-link: #485fc7;
+  --turbo-font-sans: "Nunito Sans", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  --turbo-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --turbo-heading-h1: #00d1b2;
+  --turbo-heading-h2: #7289da;
+  --turbo-heading-h3: #5dade2;
+  --turbo-heading-h4: #58d68d;
+  --turbo-heading-h5: #f7dc6f;
+  --turbo-heading-h6: #f1948a;
+  --turbo-body-primary: #dbdbdb;
+  --turbo-body-secondary: #b5b5b5;
+  --turbo-link-default: #485fc7;
+  --turbo-selection-fg: #f5f5f5;
+  --turbo-selection-bg: #3273dc;
+  --turbo-blockquote-border: #363636;
+  --turbo-blockquote-fg: #dbdbdb;
+  --turbo-blockquote-bg: #1f1f1f;
+  --turbo-code-inline-fg: #f14668;
+  --turbo-code-inline-bg: #2b2b2b;
+  --turbo-code-block-fg: #f5f5f5;
+  --turbo-code-block-bg: #2b2b2b;
+  --turbo-table-border: #404040;
+  --turbo-table-stripe: #1c1c1c;
+  --turbo-table-thead-bg: #2d2d2d;
+  --turbo-table-cell-bg: #1a1a1a;
+  --turbo-table-header-fg: #f5f5f5;
+  --turbo-spacing-xs: 0.25rem;
+  --turbo-spacing-sm: 0.5rem;
+  --turbo-spacing-md: 1rem;
+  --turbo-spacing-lg: 1.5rem;
+  --turbo-spacing-xl: 2rem;
+  --turbo-elevation-none: none;
+  --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  --turbo-animation-duration-fast: 150ms;
+  --turbo-animation-duration-normal: 300ms;
+  --turbo-animation-duration-slow: 500ms;
+  --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1);
+  --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1);
+  --turbo-opacity-disabled: 0.5;
+  --turbo-opacity-hover: 0.8;
+  --turbo-opacity-pressed: 0.6;
+  --turbo-card-bg: #1c1c1c;
+  --turbo-card-border: #3a3a3a;
+  --turbo-modal-bg: rgba(0, 0, 0, 0.86);
+  --turbo-modal-card-bg: #1c1c1c;
+  --turbo-dropdown-bg: #1c1c1c;
+  --turbo-dropdown-border: #404040;
+  --turbo-dropdown-item-hover: #2a2a2a;
+  --turbo-syntax-fg: #f5f5f5;
+  --turbo-syntax-bg: #2b2b2b;
+  --turbo-syntax-comment: #dbdbdb;
+  --turbo-syntax-keyword: #00d1b2;
+  --turbo-syntax-string: #48c78e;
+  --turbo-syntax-number: #ffe08a;
+  --turbo-syntax-function: #3e8ed0;
+  --turbo-syntax-type: #00d1b2;
+  --turbo-syntax-variable: #f5f5f5;
+  --turbo-syntax-operator: #dbdbdb;
+  --turbo-syntax-punctuation: #dbdbdb;
+  --turbo-syntax-tag: #f14668;
+  --turbo-syntax-attribute: #3e8ed0;
+  --turbo-syntax-value: #48c78e;
+  --turbo-syntax-error: #f14668;
+  --turbo-syntax-deleted: #f14668;
+  --turbo-syntax-inserted: #48c78e;
+  color-scheme: dark;
+}

package/packages/css/dist/themes/bulma-light.css

@@ -0,0 +1,86 @@
+@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap');
+
+[data-theme="bulma-light"] {
+  --turbo-bg-base: #ffffff;
+  --turbo-bg-surface: #f5f5f5;
+  --turbo-bg-overlay: #eeeeee;
+  --turbo-text-primary: #363636;
+  --turbo-text-secondary: #4a4a4a;
+  --turbo-text-inverse: #ffffff;
+  --turbo-brand-primary: #00d1b2;
+  --turbo-state-info: #3e8ed0;
+  --turbo-state-success: #48c78e;
+  --turbo-state-warning: #ffe08a;
+  --turbo-state-danger: #f14668;
+  --turbo-border-default: #dbdbdb;
+  --turbo-accent-link: #485fc7;
+  --turbo-font-sans: "Nunito Sans", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  --turbo-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --turbo-heading-h1: #00d1b2;
+  --turbo-heading-h2: #485fc7;
+  --turbo-heading-h3: #3e8ed0;
+  --turbo-heading-h4: #48c78e;
+  --turbo-heading-h5: #ffe08a;
+  --turbo-heading-h6: #f14668;
+  --turbo-body-primary: #4a4a4a;
+  --turbo-body-secondary: #6b6b6b;
+  --turbo-link-default: #485fc7;
+  --turbo-selection-fg: #363636;
+  --turbo-selection-bg: #b5d5ff;
+  --turbo-blockquote-border: #dbdbdb;
+  --turbo-blockquote-fg: #4a4a4a;
+  --turbo-blockquote-bg: #f5f5f5;
+  --turbo-code-inline-fg: #f14668;
+  --turbo-code-inline-bg: #f5f5f5;
+  --turbo-code-block-fg: #363636;
+  --turbo-code-block-bg: #f5f5f5;
+  --turbo-table-border: #dbdbdb;
+  --turbo-table-stripe: #fafafa;
+  --turbo-table-thead-bg: #f0f0f0;
+  --turbo-table-cell-bg: #ffffff;
+  --turbo-table-header-fg: #363636;
+  --turbo-spacing-xs: 0.25rem;
+  --turbo-spacing-sm: 0.5rem;
+  --turbo-spacing-md: 1rem;
+  --turbo-spacing-lg: 1.5rem;
+  --turbo-spacing-xl: 2rem;
+  --turbo-elevation-none: none;
+  --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  --turbo-animation-duration-fast: 150ms;
+  --turbo-animation-duration-normal: 300ms;
+  --turbo-animation-duration-slow: 500ms;
+  --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1);
+  --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1);
+  --turbo-opacity-disabled: 0.5;
+  --turbo-opacity-hover: 0.8;
+  --turbo-opacity-pressed: 0.6;
+  --turbo-card-bg: #ffffff;
+  --turbo-card-border: #d5d5d5;
+  --turbo-modal-bg: rgba(10, 10, 10, 0.86);
+  --turbo-modal-card-bg: #ffffff;
+  --turbo-dropdown-bg: #ffffff;
+  --turbo-dropdown-border: #dbdbdb;
+  --turbo-dropdown-item-hover: #f5f5f5;
+  --turbo-syntax-fg: #363636;
+  --turbo-syntax-bg: #f5f5f5;
+  --turbo-syntax-comment: #4a4a4a;
+  --turbo-syntax-keyword: #00d1b2;
+  --turbo-syntax-string: #48c78e;
+  --turbo-syntax-number: #ffe08a;
+  --turbo-syntax-function: #3e8ed0;
+  --turbo-syntax-type: #00d1b2;
+  --turbo-syntax-variable: #363636;
+  --turbo-syntax-operator: #4a4a4a;
+  --turbo-syntax-punctuation: #4a4a4a;
+  --turbo-syntax-tag: #f14668;
+  --turbo-syntax-attribute: #3e8ed0;
+  --turbo-syntax-value: #48c78e;
+  --turbo-syntax-error: #f14668;
+  --turbo-syntax-deleted: #f14668;
+  --turbo-syntax-inserted: #48c78e;
+  color-scheme: light;
+}

package/packages/css/dist/themes/catppuccin-frappe.css

@@ -0,0 +1,61 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap');
+
+[data-theme="catppuccin-frappe"] {
+  --turbo-bg-base: #303446;
+  --turbo-bg-surface: #292c3c;
+  --turbo-bg-overlay: #232634;
+  --turbo-text-primary: #c6d0f5;
+  --turbo-text-secondary: #a5adce;
+  --turbo-text-inverse: #303446;
+  --turbo-brand-primary: #8caaee;
+  --turbo-state-info: #99d1db;
+  --turbo-state-success: #a6d189;
+  --turbo-state-warning: #e5c890;
+  --turbo-state-danger: #e78284;
+  --turbo-border-default: #737994;
+  --turbo-accent-link: #8caaee;
+  --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
+  --turbo-font-mono: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --turbo-heading-h1: #a6d189;
+  --turbo-heading-h2: #8caaee;
+  --turbo-heading-h3: #85c1dc;
+  --turbo-heading-h4: #e5c890;
+  --turbo-heading-h5: #ca9ee6;
+  --turbo-heading-h6: #e78284;
+  --turbo-body-primary: #c6d0f5;
+  --turbo-body-secondary: #a5adce;
+  --turbo-link-default: #8caaee;
+  --turbo-selection-fg: #c6d0f5;
+  --turbo-selection-bg: #838ba7;
+  --turbo-blockquote-border: #838ba7;
+  --turbo-blockquote-fg: #c6d0f5;
+  --turbo-blockquote-bg: #292c3c;
+  --turbo-code-inline-fg: #c6d0f5;
+  --turbo-code-inline-bg: #414559;
+  --turbo-code-block-fg: #c6d0f5;
+  --turbo-code-block-bg: #414559;
+  --turbo-table-border: #838ba7;
+  --turbo-table-stripe: #414559;
+  --turbo-table-thead-bg: #51576d;
+  --turbo-table-cell-bg: #303446;
+  --turbo-table-header-fg: #c6d0f5;
+  --turbo-syntax-fg: #c6d0f5;
+  --turbo-syntax-bg: #414559;
+  --turbo-syntax-comment: #a5adce;
+  --turbo-syntax-keyword: #8caaee;
+  --turbo-syntax-string: #a6d189;
+  --turbo-syntax-number: #e5c890;
+  --turbo-syntax-function: #99d1db;
+  --turbo-syntax-type: #8caaee;
+  --turbo-syntax-variable: #c6d0f5;
+  --turbo-syntax-operator: #a5adce;
+  --turbo-syntax-punctuation: #a5adce;
+  --turbo-syntax-tag: #e78284;
+  --turbo-syntax-attribute: #99d1db;
+  --turbo-syntax-value: #a6d189;
+  --turbo-syntax-error: #e78284;
+  --turbo-syntax-deleted: #e78284;
+  --turbo-syntax-inserted: #a6d189;
+  color-scheme: dark;
+}