@lgtm-hq/turbo-themes 0.12.16

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Turbo Coder
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,231 @@
+# turbo-themes
+
+Universal, accessible theme packs and a drop-in theme selector.
+
+[![Bun](https://img.shields.io/badge/bun-1.3+-black?logo=bun)](https://bun.sh/)
+[![Node.js](https://img.shields.io/badge/node.js-22-green)](https://nodejs.org/)
+[![Coverage](https://codecov.io/gh/lgtm-hq/turbo-themes/branch/main/graph/badge.svg)](https://codecov.io/gh/lgtm-hq/turbo-themes)
+[![License](https://img.shields.io/badge/License-MIT-green)](LICENSE)
+[![Tests](https://img.shields.io/github/actions/workflow/status/lgtm-hq/turbo-themes/quality-ci-main.yml?label=tests&branch=main&logo=githubactions&logoColor=white)](https://github.com/lgtm-hq/turbo-themes/actions/workflows/quality-ci-main.yml?query=branch%3Amain)
+[![CI](https://img.shields.io/github/actions/workflow/status/lgtm-hq/turbo-themes/quality-ci-main.yml?label=ci&branch=main&logo=githubactions&logoColor=white)](https://github.com/lgtm-hq/turbo-themes/actions/workflows/quality-ci-main.yml?query=branch%3Amain)
+[![Lighthouse](https://img.shields.io/github/actions/workflow/status/lgtm-hq/turbo-themes/reporting-lighthouse-ci.yml?label=lighthouse&branch=main)](https://github.com/lgtm-hq/turbo-themes/actions/workflows/reporting-lighthouse-ci.yml?query=branch%3Amain)
+
+[![CodeQL](https://github.com/lgtm-hq/turbo-themes/actions/workflows/security-codeql.yml/badge.svg?branch=main)](https://github.com/lgtm-hq/turbo-themes/actions/workflows/security-codeql.yml?query=branch%3Amain)
+[![OpenSSF Best Practices](https://www.bestpractices.dev/projects/11471/badge)](https://www.bestpractices.dev/projects/11471)
+[![SBOM](https://img.shields.io/badge/SBOM-enabled-brightgreen)](SECURITY.md)
+[![Download SBOM](https://img.shields.io/badge/SBOM-download_latest-blue?logo=github)](https://github.com/lgtm-hq/turbo-themes/actions/workflows/security-sbom.yml)
+
+[![npm](https://img.shields.io/npm/v/%40lgtm-hq%2Fturbo-themes)](https://www.npmjs.com/package/@lgtm-hq/turbo-themes)
+[![PyPI](https://img.shields.io/pypi/v/turbo-themes)](https://pypi.org/project/turbo-themes/)
+[![RubyGems](https://img.shields.io/gem/v/turbo-themes.svg)](https://rubygems.org/gems/turbo-themes)
+
+[![Bulma](https://img.shields.io/badge/Bulma-00D1B2?style=flat&logo=bulma&logoColor=white)](https://bulma.io/)
+[![Catppuccin](https://img.shields.io/badge/Catppuccin-EBA0AC?style=flat)](https://catppuccin.com/)
+[![Dracula](https://img.shields.io/badge/Dracula-BD93F9?style=flat)](https://draculatheme.com/)
+[![GitHub Primer](https://img.shields.io/badge/GitHub_Primer-8B949E?style=flat&logo=github&logoColor=white)](https://primer.style/)
+
+## Included Theme Packs
+
+Built on [Bulma](https://bulma.io/) CSS framework with color palettes from these amazing
+projects:
+
+| Theme                                                                                                           | Variants                        | Source                                        |
+| --------------------------------------------------------------------------------------------------------------- | ------------------------------- | --------------------------------------------- |
+| <img src="./assets/img/catppuccin-logo-macchiato.png" width="20" height="20" alt="Catppuccin" /> **Catppuccin** | Mocha, Macchiato, Frappé, Latte | [catppuccin.com](https://catppuccin.com/)     |
+| <img src="./assets/img/dracula-logo.png" width="20" height="20" alt="Dracula" /> **Dracula**                    | Dark                            | [draculatheme.com](https://draculatheme.com/) |
+| <img src="./assets/img/github-logo-dark.png" width="20" height="20" alt="GitHub" /> **GitHub**                  | Light, Dark                     | [primer.style](https://primer.style/)         |
+| <img src="./assets/img/bulma-logo.png" width="20" height="20" alt="Bulma" /> **Bulma**                          | Light, Dark                     | [bulma.io](https://bulma.io/)                 |
+
+## Features
+
+- **9 curated themes** from Catppuccin, Dracula, GitHub, and Bulma
+- **Multi-platform**: npm, PyPI, RubyGems, Swift Package Manager
+- **Design tokens**: Platform-agnostic JSON tokens for any framework
+- **Accessible**: WCAG-compliant with keyboard and screen reader support
+- **Framework-agnostic**: Works with React, Vue, Svelte, vanilla JS, or native apps
+- **Type-safe**: Full TypeScript, Python type hints, and Swift types
+- **Tested**: Unit tests, E2E tests, Lighthouse CI, and visual regression
+
+## Installation
+
+| Platform                  | Package Manager | Install Command                                   |
+| ------------------------- | --------------- | ------------------------------------------------- |
+| **JavaScript/TypeScript** | npm / bun       | `npm install @lgtm-hq/turbo-themes`               |
+| **Python**                | pip / uv        | `pip install turbo-themes`                        |
+| **Ruby**                  | bundler         | `gem "turbo-themes", "~> 0.12"`                   |
+| **Swift**                 | SPM             | Add `https://github.com/lgtm-hq/turbo-themes.git` |
+
+### JavaScript/TypeScript
+
+```bash
+# Using Bun (recommended)
+bun add @lgtm-hq/turbo-themes
+
+# Using npm
+npm install @lgtm-hq/turbo-themes
+```
+
+### Python
+
+```bash
+pip install turbo-themes
+# or
+uv add turbo-themes
+```
+
+### Ruby (Jekyll)
+
+```ruby
+# Gemfile
+gem "turbo-themes", "~> 0.12"
+```
+
+### Swift
+
+Add via Xcode: `https://github.com/lgtm-hq/turbo-themes.git` (version `0.12.0`+)
+
+## Quick Start
+
+### Using Design Tokens (Recommended)
+
+Access theme colors as platform-agnostic JSON tokens:
+
+```ts
+import tokens from '@lgtm-hq/turbo-themes/tokens.json';
+
+const mocha = tokens.themes['catppuccin-mocha'];
+console.log(mocha.tokens.brand.primary); // "#89b4fa"
+```
+
+### JavaScript/TypeScript
+
+```ts
+import { initTheme, wireFlavorSelector } from '@lgtm-hq/turbo-themes';
+
+// Initialize theme system
+initTheme(document, window);
+wireFlavorSelector(document, window);
+```
+
+### Python
+
+```python
+from turbo_themes import ThemeManager, THEMES
+
+manager = ThemeManager()
+manager.set_theme("catppuccin-mocha")
+css_vars = manager.apply_theme_to_css_variables()
+```
+
+### Swift
+
+```swift
+import TurboThemes
+
+let mocha = ThemeRegistry.themes[.catppuccinMocha]
+// Use theme colors in SwiftUI views
+```
+
+### Available Exports
+
+| Import Path                         | Use Case                      |
+| ----------------------------------- | ----------------------------- |
+| `@lgtm-hq/turbo-themes/tokens.json` | Platform-agnostic JSON tokens |
+| `@lgtm-hq/turbo-themes/tokens`      | TypeScript tokens with types  |
+| `@lgtm-hq/turbo-themes/css/*`       | Pre-built CSS files           |
+
+## Examples
+
+Complete, working examples demonstrating Turbo Themes integration with various
+frameworks:
+
+| Example                               | Framework    | Description                                | Try It                                                                                           |
+| ------------------------------------- | ------------ | ------------------------------------------ | ------------------------------------------------------------------------------------------------ |
+| [HTML Vanilla](examples/html-vanilla) | HTML/JS      | Zero-dependency vanilla JavaScript         | [StackBlitz](https://stackblitz.com/github/lgtm-hq/turbo-themes/tree/main/examples/html-vanilla) |
+| [React](examples/react)               | React 18     | TypeScript with custom `useTheme` hook     | [StackBlitz](https://stackblitz.com/github/lgtm-hq/turbo-themes/tree/main/examples/react)        |
+| [Vue](examples/vue)                   | Vue 3        | Composition API with `useTheme` composable | [StackBlitz](https://stackblitz.com/github/lgtm-hq/turbo-themes/tree/main/examples/vue)          |
+| [Tailwind](examples/tailwind)         | Tailwind CSS | Preset integration with utility classes    | [StackBlitz](https://stackblitz.com/github/lgtm-hq/turbo-themes/tree/main/examples/tailwind)     |
+| [Bootstrap](examples/bootstrap)       | Bootstrap 5  | SCSS integration with light/dark mode      | [StackBlitz](https://stackblitz.com/github/lgtm-hq/turbo-themes/tree/main/examples/bootstrap)    |
+| [Jekyll](examples/jekyll)             | Jekyll       | Ruby gem integration                       | -                                                                                                |
+| [SwiftUI](examples/swift-swiftui)     | SwiftUI      | iOS/macOS native app                       | -                                                                                                |
+
+Each example includes theme switching, localStorage persistence, and FOUC prevention.
+See the [examples directory](examples/) for full documentation.
+
+## Testing
+
+This project includes comprehensive testing:
+
+- **Unit Tests**: Vitest with coverage reporting
+- **E2E Tests**: Playwright with Page Object Model pattern
+- **Accessibility Tests**: axe-core integration for WCAG compliance
+- **Visual Regression**: Playwright screenshots and snapshots
+
+Run tests:
+
+```bash
+# Using Bun (recommended)
+bun run test          # Unit tests with coverage
+bun run e2e           # All E2E tests
+bun run e2e:smoke     # Smoke tests only
+bun run e2e:visual    # Visual regression tests
+bun run e2e:a11y      # Accessibility tests
+bun run e2e:ui        # Playwright UI mode
+
+# Using npm (also works)
+npm test              # Unit tests with coverage
+npm run e2e           # All E2E tests
+```
+
+For detailed E2E testing documentation, see `docs/E2E-TESTING.md`.
+
+## Development Setup
+
+### Prerequisites
+
+- **Bun** 1.3+ (recommended) - [Install Bun](https://bun.sh/docs/installation)
+- **Node.js** 22+ (alternative to Bun)
+- **Python** 3.11+ with uv (for Python package development)
+- **Ruby** 3.4+ with Bundler (optional, for gem builds)
+
+### Quick Start
+
+```bash
+# Clone and install
+git clone https://github.com/lgtm-hq/turbo-themes.git
+cd turbo-themes
+bun install
+bundle install
+
+# Build and serve
+bun run build
+bun run build:themes
+bun run serve
+```
+
+### Why Bun?
+
+This project uses [Bun](https://bun.sh/) as its primary JavaScript runtime for:
+
+- **5-10x faster** package installation
+- **10x faster** script startup time
+- **~40% reduction** in CI build times
+- Full npm compatibility (works with all existing packages)
+
+## Documentation
+
+- Code of Conduct: see `CODE_OF_CONDUCT.md`
+- Contributing Guide: see `CONTRIBUTING.md`
+- Security Policy: see `SECURITY.md`
+- Release process: see `docs/RELEASE-TRAIN.md`
+- E2E Testing: see `docs/E2E-TESTING.md`
+- Workflows & Actions: see `.github/workflows/README.md` and `.github/actions/README.md`
+- Scripts: see `scripts/README.md`
+
+## Governance
+
+See `GOVERNANCE.md` and `MAINTAINERS.md`.
+
+## License
+
+MIT © Turbo Coder

package/assets/css/adapters/bulma.css

@@ -0,0 +1,26 @@
+:root {
+  /* Backgrounds */
+  --bulma-body-background-color: var(--turbo-bg-base);
+  --bulma-scheme-main: var(--turbo-bg-base);
+  --bulma-scheme-main-bis: var(--turbo-bg-surface);
+  --bulma-scheme-main-ter: var(--turbo-bg-surface-alt);
+
+  /* Text */
+  --bulma-body-color: var(--turbo-text-primary);
+  --bulma-text-weak: var(--turbo-text-secondary);
+  --bulma-light-invert: var(--turbo-text-inverse);
+
+  /* Brand & links */
+  --bulma-primary: var(--turbo-brand-primary);
+  --bulma-link: var(--turbo-accent-link, var(--turbo-brand-primary));
+
+  /* State colors */
+  --bulma-info: var(--turbo-state-info);
+  --bulma-success: var(--turbo-state-success);
+  --bulma-warning: var(--turbo-state-warning);
+  --bulma-danger: var(--turbo-state-danger);
+
+  /* Borders */
+  --bulma-border: var(--turbo-border-default);
+  --bulma-border-strong: var(--turbo-border-strong, var(--turbo-border-default));
+}

package/assets/css/themes/bulma-dark.css

@@ -0,0 +1,90 @@
+/* Generated from bulma-dark.css */
+
+[data-theme="bulma-dark"] {
+  --turbo-spacing-xs: 0.25rem; /* dimension */
+  --turbo-spacing-sm: 0.5rem; /* dimension */
+  --turbo-spacing-md: 1rem; /* dimension */
+  --turbo-spacing-lg: 1.5rem; /* dimension */
+  --turbo-spacing-xl: 2rem; /* dimension */
+  --turbo-elevation-none: none; /* shadow */
+  --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow */
+  --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow */
+  --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow */
+  --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow */
+  --turbo-animation-duration-fast: 150ms; /* duration */
+  --turbo-animation-duration-normal: 300ms; /* duration */
+  --turbo-animation-duration-slow: 500ms; /* duration */
+  --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1); /* cubicBezier */
+  --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); /* cubicBezier */
+  --turbo-opacity-disabled: 0.5; /* number */
+  --turbo-opacity-hover: 0.8; /* number */
+  --turbo-opacity-pressed: 0.6; /* number */
+  --turbo-bg-base: #141414; /* color */
+  --turbo-bg-surface: #1f1f1f; /* color */
+  --turbo-bg-overlay: #2b2b2b; /* color */
+  --turbo-text-primary: #f5f5f5; /* color */
+  --turbo-text-secondary: #dbdbdb; /* color */
+  --turbo-text-inverse: #141414; /* color */
+  --turbo-brand-primary: #00d1b2; /* color */
+  --turbo-state-info: #3e8ed0; /* color */
+  --turbo-state-success: #48c78e; /* color */
+  --turbo-state-warning: #ffe08a; /* color */
+  --turbo-state-danger: #f14668; /* color */
+  --turbo-border-default: #363636; /* color */
+  --turbo-accent-link: #485fc7; /* color */
+  --turbo-font-sans: "Nunito Sans", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; /* fontFamily */
+  --turbo-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* fontFamily */
+  --turbo-heading-h1: #00d1b2; /* color */
+  --turbo-heading-h2: #7289da; /* color */
+  --turbo-heading-h3: #5dade2; /* color */
+  --turbo-heading-h4: #58d68d; /* color */
+  --turbo-heading-h5: #f7dc6f; /* color */
+  --turbo-heading-h6: #f1948a; /* color */
+  --turbo-body-primary: #dbdbdb; /* color */
+  --turbo-body-secondary: #b5b5b5; /* color */
+  --turbo-link-default: #485fc7; /* color */
+  --turbo-selection-fg: #f5f5f5; /* color */
+  --turbo-selection-bg: #3273dc; /* color */
+  --turbo-blockquote-border: #363636; /* color */
+  --turbo-blockquote-fg: #dbdbdb; /* color */
+  --turbo-blockquote-bg: #1f1f1f; /* color */
+  --turbo-code-inline-fg: #f14668; /* color */
+  --turbo-code-inline-bg: #2b2b2b; /* color */
+  --turbo-code-block-fg: #f5f5f5; /* color */
+  --turbo-code-block-bg: #2b2b2b; /* color */
+  --turbo-table-border: #404040; /* color */
+  --turbo-table-stripe: #1c1c1c; /* color */
+  --turbo-table-thead-bg: #2d2d2d; /* color */
+  --turbo-content-table-cell-bg: #1a1a1a; /* color */
+  --turbo-content-table-header-fg: #f5f5f5; /* color */
+  --turbo-components-card-bg: #1c1c1c; /* color */
+  --turbo-components-card-border: #3a3a3a; /* color */
+  --turbo-components-card-header-bg: #252525; /* color */
+  --turbo-components-card-footer-bg: #1f1f1f; /* color */
+  --turbo-components-message-bg: #1f1f1f; /* color */
+  --turbo-components-message-header-bg: #2a2a2a; /* color */
+  --turbo-components-message-border: #404040; /* color */
+  --turbo-components-message-body-fg: #e0e0e0; /* color */
+  --turbo-components-panel-bg: #1c1c1c; /* color */
+  --turbo-components-panel-header-bg: #2a2a2a; /* color */
+  --turbo-components-panel-header-fg: #f5f5f5; /* color */
+  --turbo-components-panel-border: #3a3a3a; /* color */
+  --turbo-components-panel-block-bg: #1f1f1f; /* color */
+  --turbo-components-panel-block-hover-bg: #262626; /* color */
+  --turbo-components-panel-block-active-bg: #2d3748; /* color */
+  --turbo-components-box-bg: #1c1c1c; /* color */
+  --turbo-components-box-border: #3a3a3a; /* color */
+  --turbo-components-notification-bg: #252525; /* color */
+  --turbo-components-notification-border: #404040; /* color */
+  --turbo-components-modal-bg: rgba(0, 0, 0, 0.86); /* color */
+  --turbo-components-modal-card-bg: #1c1c1c; /* color */
+  --turbo-components-modal-header-bg: #252525; /* color */
+  --turbo-components-modal-footer-bg: #1f1f1f; /* color */
+  --turbo-components-dropdown-bg: #1c1c1c; /* color */
+  --turbo-components-dropdown-item-hover-bg: #2a2a2a; /* color */
+  --turbo-components-dropdown-border: #404040; /* color */
+  --turbo-components-tabs-border: #404040; /* color */
+  --turbo-components-tabs-link-bg: #252525; /* color */
+  --turbo-components-tabs-link-active-bg: #1c1c1c; /* color */
+  --turbo-components-tabs-link-hover-bg: #2a2a2a; /* color */
+}

package/assets/css/themes/bulma-light.css

@@ -0,0 +1,90 @@
+/* Generated from bulma-light.css */
+
+[data-theme="bulma-light"] {
+  --turbo-spacing-xs: 0.25rem; /* dimension */
+  --turbo-spacing-sm: 0.5rem; /* dimension */
+  --turbo-spacing-md: 1rem; /* dimension */
+  --turbo-spacing-lg: 1.5rem; /* dimension */
+  --turbo-spacing-xl: 2rem; /* dimension */
+  --turbo-elevation-none: none; /* shadow */
+  --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow */
+  --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow */
+  --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow */
+  --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow */
+  --turbo-animation-duration-fast: 150ms; /* duration */
+  --turbo-animation-duration-normal: 300ms; /* duration */
+  --turbo-animation-duration-slow: 500ms; /* duration */
+  --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1); /* cubicBezier */
+  --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); /* cubicBezier */
+  --turbo-opacity-disabled: 0.5; /* number */
+  --turbo-opacity-hover: 0.8; /* number */
+  --turbo-opacity-pressed: 0.6; /* number */
+  --turbo-bg-base: #ffffff; /* color */
+  --turbo-bg-surface: #f5f5f5; /* color */
+  --turbo-bg-overlay: #eeeeee; /* color */
+  --turbo-text-primary: #363636; /* color */
+  --turbo-text-secondary: #4a4a4a; /* color */
+  --turbo-text-inverse: #ffffff; /* color */
+  --turbo-brand-primary: #00d1b2; /* color */
+  --turbo-state-info: #3e8ed0; /* color */
+  --turbo-state-success: #48c78e; /* color */
+  --turbo-state-warning: #ffe08a; /* color */
+  --turbo-state-danger: #f14668; /* color */
+  --turbo-border-default: #dbdbdb; /* color */
+  --turbo-accent-link: #485fc7; /* color */
+  --turbo-font-sans: "Nunito Sans", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; /* fontFamily */
+  --turbo-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* fontFamily */
+  --turbo-heading-h1: #00d1b2; /* color */
+  --turbo-heading-h2: #485fc7; /* color */
+  --turbo-heading-h3: #3e8ed0; /* color */
+  --turbo-heading-h4: #48c78e; /* color */
+  --turbo-heading-h5: #ffe08a; /* color */
+  --turbo-heading-h6: #f14668; /* color */
+  --turbo-body-primary: #4a4a4a; /* color */
+  --turbo-body-secondary: #6b6b6b; /* color */
+  --turbo-link-default: #485fc7; /* color */
+  --turbo-selection-fg: #363636; /* color */
+  --turbo-selection-bg: #b5d5ff; /* color */
+  --turbo-blockquote-border: #dbdbdb; /* color */
+  --turbo-blockquote-fg: #4a4a4a; /* color */
+  --turbo-blockquote-bg: #f5f5f5; /* color */
+  --turbo-code-inline-fg: #f14668; /* color */
+  --turbo-code-inline-bg: #f5f5f5; /* color */
+  --turbo-code-block-fg: #363636; /* color */
+  --turbo-code-block-bg: #f5f5f5; /* color */
+  --turbo-table-border: #dbdbdb; /* color */
+  --turbo-table-stripe: #fafafa; /* color */
+  --turbo-table-thead-bg: #f0f0f0; /* color */
+  --turbo-content-table-cell-bg: #ffffff; /* color */
+  --turbo-content-table-header-fg: #363636; /* color */
+  --turbo-components-card-bg: #ffffff; /* color */
+  --turbo-components-card-border: #d5d5d5; /* color */
+  --turbo-components-card-header-bg: #f5f5f5; /* color */
+  --turbo-components-card-footer-bg: #fafafa; /* color */
+  --turbo-components-message-bg: #f8f9fa; /* color */
+  --turbo-components-message-header-bg: #eef1f4; /* color */
+  --turbo-components-message-border: #d5dbe1; /* color */
+  --turbo-components-message-body-fg: #4a4a4a; /* color */
+  --turbo-components-panel-bg: #ffffff; /* color */
+  --turbo-components-panel-header-bg: #f0f0f0; /* color */
+  --turbo-components-panel-header-fg: #363636; /* color */
+  --turbo-components-panel-border: #d5d5d5; /* color */
+  --turbo-components-panel-block-bg: #fafafa; /* color */
+  --turbo-components-panel-block-hover-bg: #f5f5f5; /* color */
+  --turbo-components-panel-block-active-bg: #eef6fc; /* color */
+  --turbo-components-box-bg: #ffffff; /* color */
+  --turbo-components-box-border: #e0e0e0; /* color */
+  --turbo-components-notification-bg: #f5f5f5; /* color */
+  --turbo-components-notification-border: #e0e0e0; /* color */
+  --turbo-components-modal-bg: rgba(10, 10, 10, 0.86); /* color */
+  --turbo-components-modal-card-bg: #ffffff; /* color */
+  --turbo-components-modal-header-bg: #f5f5f5; /* color */
+  --turbo-components-modal-footer-bg: #fafafa; /* color */
+  --turbo-components-dropdown-bg: #ffffff; /* color */
+  --turbo-components-dropdown-item-hover-bg: #f5f5f5; /* color */
+  --turbo-components-dropdown-border: #dbdbdb; /* color */
+  --turbo-components-tabs-border: #dbdbdb; /* color */
+  --turbo-components-tabs-link-bg: #f5f5f5; /* color */
+  --turbo-components-tabs-link-active-bg: #ffffff; /* color */
+  --turbo-components-tabs-link-hover-bg: #eeeeee; /* color */
+}

package/assets/css/themes/catppuccin-frappe.css

@@ -0,0 +1,58 @@
+/* Generated from catppuccin-frappe.css */
+
+[data-theme="catppuccin-frappe"] {
+  --turbo-spacing-xs: 0.25rem; /* dimension */
+  --turbo-spacing-sm: 0.5rem; /* dimension */
+  --turbo-spacing-md: 1rem; /* dimension */
+  --turbo-spacing-lg: 1.5rem; /* dimension */
+  --turbo-spacing-xl: 2rem; /* dimension */
+  --turbo-elevation-none: none; /* shadow */
+  --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow */
+  --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow */
+  --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow */
+  --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow */
+  --turbo-animation-duration-fast: 150ms; /* duration */
+  --turbo-animation-duration-normal: 300ms; /* duration */
+  --turbo-animation-duration-slow: 500ms; /* duration */
+  --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1); /* cubicBezier */
+  --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); /* cubicBezier */
+  --turbo-opacity-disabled: 0.5; /* number */
+  --turbo-opacity-hover: 0.8; /* number */
+  --turbo-opacity-pressed: 0.6; /* number */
+  --turbo-bg-base: #303446; /* color */
+  --turbo-bg-surface: #292c3c; /* color */
+  --turbo-bg-overlay: #232634; /* color */
+  --turbo-text-primary: #c6d0f5; /* color */
+  --turbo-text-secondary: #a5adce; /* color */
+  --turbo-text-inverse: #303446; /* color */
+  --turbo-brand-primary: #8caaee; /* color */
+  --turbo-state-info: #99d1db; /* color */
+  --turbo-state-success: #a6d189; /* color */
+  --turbo-state-warning: #e5c890; /* color */
+  --turbo-state-danger: #e78284; /* color */
+  --turbo-border-default: #737994; /* color */
+  --turbo-accent-link: #8caaee; /* color */
+  --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; /* fontFamily */
+  --turbo-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* fontFamily */
+  --turbo-heading-h1: #a6d189; /* color */
+  --turbo-heading-h2: #8caaee; /* color */
+  --turbo-heading-h3: #85c1dc; /* color */
+  --turbo-heading-h4: #e5c890; /* color */
+  --turbo-heading-h5: #ca9ee6; /* color */
+  --turbo-heading-h6: #e78284; /* color */
+  --turbo-body-primary: #c6d0f5; /* color */
+  --turbo-body-secondary: #a5adce; /* color */
+  --turbo-link-default: #8caaee; /* color */
+  --turbo-selection-fg: #c6d0f5; /* color */
+  --turbo-selection-bg: #838ba7; /* color */
+  --turbo-blockquote-border: #838ba7; /* color */
+  --turbo-blockquote-fg: #c6d0f5; /* color */
+  --turbo-blockquote-bg: #292c3c; /* color */
+  --turbo-code-inline-fg: #c6d0f5; /* color */
+  --turbo-code-inline-bg: #414559; /* color */
+  --turbo-code-block-fg: #c6d0f5; /* color */
+  --turbo-code-block-bg: #414559; /* color */
+  --turbo-table-border: #838ba7; /* color */
+  --turbo-table-stripe: #414559; /* color */
+  --turbo-table-thead-bg: #51576d; /* color */
+}

package/assets/css/themes/catppuccin-latte.css

@@ -0,0 +1,58 @@
+/* Generated from catppuccin-latte.css */
+
+[data-theme="catppuccin-latte"] {
+  --turbo-spacing-xs: 0.25rem; /* dimension */
+  --turbo-spacing-sm: 0.5rem; /* dimension */
+  --turbo-spacing-md: 1rem; /* dimension */
+  --turbo-spacing-lg: 1.5rem; /* dimension */
+  --turbo-spacing-xl: 2rem; /* dimension */
+  --turbo-elevation-none: none; /* shadow */
+  --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow */
+  --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow */
+  --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow */
+  --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow */
+  --turbo-animation-duration-fast: 150ms; /* duration */
+  --turbo-animation-duration-normal: 300ms; /* duration */
+  --turbo-animation-duration-slow: 500ms; /* duration */
+  --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1); /* cubicBezier */
+  --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); /* cubicBezier */
+  --turbo-opacity-disabled: 0.5; /* number */
+  --turbo-opacity-hover: 0.8; /* number */
+  --turbo-opacity-pressed: 0.6; /* number */
+  --turbo-bg-base: #eff1f5; /* color */
+  --turbo-bg-surface: #e6e9ef; /* color */
+  --turbo-bg-overlay: #dce0e8; /* color */
+  --turbo-text-primary: #4c4f69; /* color */
+  --turbo-text-secondary: #6c6f85; /* color */
+  --turbo-text-inverse: #eff1f5; /* color */
+  --turbo-brand-primary: #1e66f5; /* color */
+  --turbo-state-info: #04a5e5; /* color */
+  --turbo-state-success: #40a02b; /* color */
+  --turbo-state-warning: #df8e1d; /* color */
+  --turbo-state-danger: #d20f39; /* color */
+  --turbo-border-default: #9ca0b0; /* color */
+  --turbo-accent-link: #1e66f5; /* color */
+  --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; /* fontFamily */
+  --turbo-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* fontFamily */
+  --turbo-heading-h1: #40a02b; /* color */
+  --turbo-heading-h2: #1e66f5; /* color */
+  --turbo-heading-h3: #209fb5; /* color */
+  --turbo-heading-h4: #df8e1d; /* color */
+  --turbo-heading-h5: #8839ef; /* color */
+  --turbo-heading-h6: #d20f39; /* color */
+  --turbo-body-primary: #4c4f69; /* color */
+  --turbo-body-secondary: #6c6f85; /* color */
+  --turbo-link-default: #1e66f5; /* color */
+  --turbo-selection-fg: #4c4f69; /* color */
+  --turbo-selection-bg: #8c8fa1; /* color */
+  --turbo-blockquote-border: #8c8fa1; /* color */
+  --turbo-blockquote-fg: #4c4f69; /* color */
+  --turbo-blockquote-bg: #e6e9ef; /* color */
+  --turbo-code-inline-fg: #4c4f69; /* color */
+  --turbo-code-inline-bg: #ccd0da; /* color */
+  --turbo-code-block-fg: #4c4f69; /* color */
+  --turbo-code-block-bg: #ccd0da; /* color */
+  --turbo-table-border: #8c8fa1; /* color */
+  --turbo-table-stripe: #ccd0da; /* color */
+  --turbo-table-thead-bg: #bcc0cc; /* color */
+}

package/assets/css/themes/catppuccin-macchiato.css

@@ -0,0 +1,58 @@
+/* Generated from catppuccin-macchiato.css */
+
+[data-theme="catppuccin-macchiato"] {
+  --turbo-spacing-xs: 0.25rem; /* dimension */
+  --turbo-spacing-sm: 0.5rem; /* dimension */
+  --turbo-spacing-md: 1rem; /* dimension */
+  --turbo-spacing-lg: 1.5rem; /* dimension */
+  --turbo-spacing-xl: 2rem; /* dimension */
+  --turbo-elevation-none: none; /* shadow */
+  --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow */
+  --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow */
+  --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow */
+  --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow */
+  --turbo-animation-duration-fast: 150ms; /* duration */
+  --turbo-animation-duration-normal: 300ms; /* duration */
+  --turbo-animation-duration-slow: 500ms; /* duration */
+  --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1); /* cubicBezier */
+  --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); /* cubicBezier */
+  --turbo-opacity-disabled: 0.5; /* number */
+  --turbo-opacity-hover: 0.8; /* number */
+  --turbo-opacity-pressed: 0.6; /* number */
+  --turbo-bg-base: #24273a; /* color */
+  --turbo-bg-surface: #1e2030; /* color */
+  --turbo-bg-overlay: #181926; /* color */
+  --turbo-text-primary: #cad3f5; /* color */
+  --turbo-text-secondary: #a5adcb; /* color */
+  --turbo-text-inverse: #24273a; /* color */
+  --turbo-brand-primary: #8aadf4; /* color */
+  --turbo-state-info: #91d7e3; /* color */
+  --turbo-state-success: #a6da95; /* color */
+  --turbo-state-warning: #eed49f; /* color */
+  --turbo-state-danger: #ed8796; /* color */
+  --turbo-border-default: #6e738d; /* color */
+  --turbo-accent-link: #8aadf4; /* color */
+  --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; /* fontFamily */
+  --turbo-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* fontFamily */
+  --turbo-heading-h1: #a6da95; /* color */
+  --turbo-heading-h2: #8aadf4; /* color */
+  --turbo-heading-h3: #7dc4e4; /* color */
+  --turbo-heading-h4: #eed49f; /* color */
+  --turbo-heading-h5: #c6a0f6; /* color */
+  --turbo-heading-h6: #ed8796; /* color */
+  --turbo-body-primary: #cad3f5; /* color */
+  --turbo-body-secondary: #a5adcb; /* color */
+  --turbo-link-default: #8aadf4; /* color */
+  --turbo-selection-fg: #cad3f5; /* color */
+  --turbo-selection-bg: #8087a2; /* color */
+  --turbo-blockquote-border: #8087a2; /* color */
+  --turbo-blockquote-fg: #cad3f5; /* color */
+  --turbo-blockquote-bg: #1e2030; /* color */
+  --turbo-code-inline-fg: #cad3f5; /* color */
+  --turbo-code-inline-bg: #363a4f; /* color */
+  --turbo-code-block-fg: #cad3f5; /* color */
+  --turbo-code-block-bg: #363a4f; /* color */
+  --turbo-table-border: #8087a2; /* color */
+  --turbo-table-stripe: #363a4f; /* color */
+  --turbo-table-thead-bg: #494d64; /* color */
+}