@lgtm-hq/turbo-themes 0.15.2 → 0.17.0

package/README.md

@@ -29,16 +29,22 @@ Universal, accessible theme packs and a drop-in theme selector.
 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/)                 |
+| 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/)                                                 |
+| <img src="./assets/img/nord.png" width="20" height="20" alt="Nord" /> **Nord**                                  | Nord                                                      | [nordtheme.com](https://www.nordtheme.com/)                                   |
+| <img src="./assets/img/solarized-dark.png" width="20" height="20" alt="Solarized" /> **Solarized**              | Dark, Light                                               | [ethanschoonover.com/solarized](https://ethanschoonover.com/solarized/)       |
+| <img src="./assets/img/rose-pine.png" width="20" height="20" alt="Rosé Pine" /> **Rosé Pine**                   | Rosé Pine, Moon, Dawn                                     | [rosepinetheme.com](https://rosepinetheme.com/)                               |
+| <img src="./assets/img/gruvbox-dark.png" width="20" height="20" alt="Gruvbox" /> **Gruvbox**                    | Dark Hard, Dark, Dark Soft, Light Hard, Light, Light Soft | [github.com/morhetz/gruvbox](https://github.com/morhetz/gruvbox)              |
+| <img src="./assets/img/tokyo-night.png" width="20" height="20" alt="Tokyo Night" /> **Tokyo Night**             | Night, Storm, Light                                       | [tokyo-night-vscode-theme](https://github.com/enkia/tokyo-night-vscode-theme) |
 
 ## Features
 
-- **9 curated themes** from Catppuccin, Dracula, GitHub, and Bulma
+- **24 curated themes** from Catppuccin, Gruvbox, Dracula, GitHub, Solarized, Tokyo
+  Night, Nord, Rosé Pine, 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

package/assets/css/themes/gruvbox-dark-hard.css

@@ -0,0 +1,88 @@
+/* Generated from gruvbox-dark-hard.css */
+
+[data-theme="gruvbox-dark-hard"] {
+  --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: #1d2021; /* color */
+  --turbo-bg-surface: #282828; /* color */
+  --turbo-bg-overlay: #3c3836; /* color */
+  --turbo-text-primary: #ebdbb2; /* color */
+  --turbo-text-secondary: #d5c4a1; /* color */
+  --turbo-text-inverse: #1d2021; /* color */
+  --turbo-brand-primary: #d79921; /* color */
+  --turbo-state-info: #83a598; /* color */
+  --turbo-state-success: #b8bb26; /* color */
+  --turbo-state-warning: #fabd2f; /* color */
+  --turbo-state-danger: #fb4934; /* color */
+  --turbo-border-default: #665c54; /* color */
+  --turbo-accent-link: #83a598; /* 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: #b8bb26; /* color */
+  --turbo-heading-h2: #83a598; /* color */
+  --turbo-heading-h3: #8ec07c; /* color */
+  --turbo-heading-h4: #fabd2f; /* color */
+  --turbo-heading-h5: #d3869b; /* color */
+  --turbo-heading-h6: #fb4934; /* color */
+  --turbo-body-primary: #ebdbb2; /* color */
+  --turbo-body-secondary: #d5c4a1; /* color */
+  --turbo-link-default: #83a598; /* color */
+  --turbo-selection-fg: #ebdbb2; /* color */
+  --turbo-selection-bg: #3c3836; /* color */
+  --turbo-blockquote-border: #665c54; /* color */
+  --turbo-blockquote-fg: #d5c4a1; /* color */
+  --turbo-blockquote-bg: #282828; /* color */
+  --turbo-code-inline-fg: #fe8019; /* color */
+  --turbo-code-inline-bg: #3c3836; /* color */
+  --turbo-code-block-fg: #ebdbb2; /* color */
+  --turbo-code-block-bg: #282828; /* color */
+  --turbo-table-border: #665c54; /* color */
+  --turbo-table-stripe: #3c3836; /* color */
+  --turbo-table-thead-bg: #282828; /* color */
+  --turbo-components-card-bg: #282828; /* color */
+  --turbo-components-card-border: #665c54; /* color */
+  --turbo-components-card-header-bg: #1d2021; /* color */
+  --turbo-components-card-footer-bg: #282828; /* color */
+  --turbo-components-message-bg: #1d2021; /* color */
+  --turbo-components-message-header-bg: #282828; /* color */
+  --turbo-components-message-border: #665c54; /* color */
+  --turbo-components-message-body-fg: #ebdbb2; /* color */
+  --turbo-components-panel-bg: #282828; /* color */
+  --turbo-components-panel-header-bg: #1d2021; /* color */
+  --turbo-components-panel-header-fg: #ebdbb2; /* color */
+  --turbo-components-panel-border: #665c54; /* color */
+  --turbo-components-panel-block-bg: #1d2021; /* color */
+  --turbo-components-panel-block-hover-bg: #282828; /* color */
+  --turbo-components-panel-block-active-bg: #3c3836; /* color */
+  --turbo-components-box-bg: #282828; /* color */
+  --turbo-components-box-border: #665c54; /* color */
+  --turbo-components-notification-bg: #1d2021; /* color */
+  --turbo-components-notification-border: #665c54; /* color */
+  --turbo-components-modal-bg: rgba(29, 32, 33, 0.9); /* color */
+  --turbo-components-modal-card-bg: #282828; /* color */
+  --turbo-components-modal-header-bg: #1d2021; /* color */
+  --turbo-components-modal-footer-bg: #282828; /* color */
+  --turbo-components-dropdown-bg: #282828; /* color */
+  --turbo-components-dropdown-item-hover-bg: #3c3836; /* color */
+  --turbo-components-dropdown-border: #665c54; /* color */
+  --turbo-components-tabs-border: #665c54; /* color */
+  --turbo-components-tabs-link-bg: #282828; /* color */
+  --turbo-components-tabs-link-active-bg: #1d2021; /* color */
+  --turbo-components-tabs-link-hover-bg: #3c3836; /* color */
+}

package/assets/css/themes/gruvbox-dark-soft.css

@@ -0,0 +1,88 @@
+/* Generated from gruvbox-dark-soft.css */
+
+[data-theme="gruvbox-dark-soft"] {
+  --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: #32302f; /* color */
+  --turbo-bg-surface: #3c3836; /* color */
+  --turbo-bg-overlay: #504945; /* color */
+  --turbo-text-primary: #ebdbb2; /* color */
+  --turbo-text-secondary: #d5c4a1; /* color */
+  --turbo-text-inverse: #32302f; /* color */
+  --turbo-brand-primary: #d79921; /* color */
+  --turbo-state-info: #83a598; /* color */
+  --turbo-state-success: #b8bb26; /* color */
+  --turbo-state-warning: #fabd2f; /* color */
+  --turbo-state-danger: #fb4934; /* color */
+  --turbo-border-default: #665c54; /* color */
+  --turbo-accent-link: #83a598; /* 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: #b8bb26; /* color */
+  --turbo-heading-h2: #83a598; /* color */
+  --turbo-heading-h3: #8ec07c; /* color */
+  --turbo-heading-h4: #fabd2f; /* color */
+  --turbo-heading-h5: #d3869b; /* color */
+  --turbo-heading-h6: #fb4934; /* color */
+  --turbo-body-primary: #ebdbb2; /* color */
+  --turbo-body-secondary: #d5c4a1; /* color */
+  --turbo-link-default: #83a598; /* color */
+  --turbo-selection-fg: #ebdbb2; /* color */
+  --turbo-selection-bg: #504945; /* color */
+  --turbo-blockquote-border: #665c54; /* color */
+  --turbo-blockquote-fg: #d5c4a1; /* color */
+  --turbo-blockquote-bg: #3c3836; /* color */
+  --turbo-code-inline-fg: #fe8019; /* color */
+  --turbo-code-inline-bg: #504945; /* color */
+  --turbo-code-block-fg: #ebdbb2; /* color */
+  --turbo-code-block-bg: #3c3836; /* color */
+  --turbo-table-border: #665c54; /* color */
+  --turbo-table-stripe: #504945; /* color */
+  --turbo-table-thead-bg: #3c3836; /* color */
+  --turbo-components-card-bg: #3c3836; /* color */
+  --turbo-components-card-border: #665c54; /* color */
+  --turbo-components-card-header-bg: #32302f; /* color */
+  --turbo-components-card-footer-bg: #3c3836; /* color */
+  --turbo-components-message-bg: #32302f; /* color */
+  --turbo-components-message-header-bg: #3c3836; /* color */
+  --turbo-components-message-border: #665c54; /* color */
+  --turbo-components-message-body-fg: #ebdbb2; /* color */
+  --turbo-components-panel-bg: #3c3836; /* color */
+  --turbo-components-panel-header-bg: #32302f; /* color */
+  --turbo-components-panel-header-fg: #ebdbb2; /* color */
+  --turbo-components-panel-border: #665c54; /* color */
+  --turbo-components-panel-block-bg: #32302f; /* color */
+  --turbo-components-panel-block-hover-bg: #3c3836; /* color */
+  --turbo-components-panel-block-active-bg: #504945; /* color */
+  --turbo-components-box-bg: #3c3836; /* color */
+  --turbo-components-box-border: #665c54; /* color */
+  --turbo-components-notification-bg: #32302f; /* color */
+  --turbo-components-notification-border: #665c54; /* color */
+  --turbo-components-modal-bg: rgba(50, 48, 47, 0.9); /* color */
+  --turbo-components-modal-card-bg: #3c3836; /* color */
+  --turbo-components-modal-header-bg: #32302f; /* color */
+  --turbo-components-modal-footer-bg: #3c3836; /* color */
+  --turbo-components-dropdown-bg: #3c3836; /* color */
+  --turbo-components-dropdown-item-hover-bg: #504945; /* color */
+  --turbo-components-dropdown-border: #665c54; /* color */
+  --turbo-components-tabs-border: #665c54; /* color */
+  --turbo-components-tabs-link-bg: #3c3836; /* color */
+  --turbo-components-tabs-link-active-bg: #32302f; /* color */
+  --turbo-components-tabs-link-hover-bg: #504945; /* color */
+}

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

@@ -0,0 +1,88 @@
+/* Generated from gruvbox-dark.css */
+
+[data-theme="gruvbox-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: #282828; /* color */
+  --turbo-bg-surface: #3c3836; /* color */
+  --turbo-bg-overlay: #504945; /* color */
+  --turbo-text-primary: #ebdbb2; /* color */
+  --turbo-text-secondary: #d5c4a1; /* color */
+  --turbo-text-inverse: #282828; /* color */
+  --turbo-brand-primary: #d79921; /* color */
+  --turbo-state-info: #83a598; /* color */
+  --turbo-state-success: #b8bb26; /* color */
+  --turbo-state-warning: #fabd2f; /* color */
+  --turbo-state-danger: #fb4934; /* color */
+  --turbo-border-default: #665c54; /* color */
+  --turbo-accent-link: #83a598; /* 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: #b8bb26; /* color */
+  --turbo-heading-h2: #83a598; /* color */
+  --turbo-heading-h3: #8ec07c; /* color */
+  --turbo-heading-h4: #fabd2f; /* color */
+  --turbo-heading-h5: #d3869b; /* color */
+  --turbo-heading-h6: #fb4934; /* color */
+  --turbo-body-primary: #ebdbb2; /* color */
+  --turbo-body-secondary: #d5c4a1; /* color */
+  --turbo-link-default: #83a598; /* color */
+  --turbo-selection-fg: #ebdbb2; /* color */
+  --turbo-selection-bg: #504945; /* color */
+  --turbo-blockquote-border: #665c54; /* color */
+  --turbo-blockquote-fg: #d5c4a1; /* color */
+  --turbo-blockquote-bg: #3c3836; /* color */
+  --turbo-code-inline-fg: #fe8019; /* color */
+  --turbo-code-inline-bg: #504945; /* color */
+  --turbo-code-block-fg: #ebdbb2; /* color */
+  --turbo-code-block-bg: #3c3836; /* color */
+  --turbo-table-border: #665c54; /* color */
+  --turbo-table-stripe: #504945; /* color */
+  --turbo-table-thead-bg: #3c3836; /* color */
+  --turbo-components-card-bg: #3c3836; /* color */
+  --turbo-components-card-border: #665c54; /* color */
+  --turbo-components-card-header-bg: #282828; /* color */
+  --turbo-components-card-footer-bg: #3c3836; /* color */
+  --turbo-components-message-bg: #282828; /* color */
+  --turbo-components-message-header-bg: #3c3836; /* color */
+  --turbo-components-message-border: #665c54; /* color */
+  --turbo-components-message-body-fg: #ebdbb2; /* color */
+  --turbo-components-panel-bg: #3c3836; /* color */
+  --turbo-components-panel-header-bg: #282828; /* color */
+  --turbo-components-panel-header-fg: #ebdbb2; /* color */
+  --turbo-components-panel-border: #665c54; /* color */
+  --turbo-components-panel-block-bg: #282828; /* color */
+  --turbo-components-panel-block-hover-bg: #3c3836; /* color */
+  --turbo-components-panel-block-active-bg: #504945; /* color */
+  --turbo-components-box-bg: #3c3836; /* color */
+  --turbo-components-box-border: #665c54; /* color */
+  --turbo-components-notification-bg: #282828; /* color */
+  --turbo-components-notification-border: #665c54; /* color */
+  --turbo-components-modal-bg: rgba(40, 40, 40, 0.9); /* color */
+  --turbo-components-modal-card-bg: #3c3836; /* color */
+  --turbo-components-modal-header-bg: #282828; /* color */
+  --turbo-components-modal-footer-bg: #3c3836; /* color */
+  --turbo-components-dropdown-bg: #3c3836; /* color */
+  --turbo-components-dropdown-item-hover-bg: #504945; /* color */
+  --turbo-components-dropdown-border: #665c54; /* color */
+  --turbo-components-tabs-border: #665c54; /* color */
+  --turbo-components-tabs-link-bg: #3c3836; /* color */
+  --turbo-components-tabs-link-active-bg: #282828; /* color */
+  --turbo-components-tabs-link-hover-bg: #504945; /* color */
+}

package/assets/css/themes/gruvbox-light-hard.css

@@ -0,0 +1,88 @@
+/* Generated from gruvbox-light-hard.css */
+
+[data-theme="gruvbox-light-hard"] {
+  --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: #f9f5d7; /* color */
+  --turbo-bg-surface: #fbf1c7; /* color */
+  --turbo-bg-overlay: #ebdbb2; /* color */
+  --turbo-text-primary: #3c3836; /* color */
+  --turbo-text-secondary: #504945; /* color */
+  --turbo-text-inverse: #f9f5d7; /* color */
+  --turbo-brand-primary: #b57614; /* color */
+  --turbo-state-info: #076678; /* color */
+  --turbo-state-success: #79740e; /* color */
+  --turbo-state-warning: #b57614; /* color */
+  --turbo-state-danger: #9d0006; /* color */
+  --turbo-border-default: #bdae93; /* color */
+  --turbo-accent-link: #076678; /* 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: #79740e; /* color */
+  --turbo-heading-h2: #076678; /* color */
+  --turbo-heading-h3: #427b58; /* color */
+  --turbo-heading-h4: #b57614; /* color */
+  --turbo-heading-h5: #8f3f71; /* color */
+  --turbo-heading-h6: #9d0006; /* color */
+  --turbo-body-primary: #3c3836; /* color */
+  --turbo-body-secondary: #504945; /* color */
+  --turbo-link-default: #076678; /* color */
+  --turbo-selection-fg: #3c3836; /* color */
+  --turbo-selection-bg: #ebdbb2; /* color */
+  --turbo-blockquote-border: #bdae93; /* color */
+  --turbo-blockquote-fg: #504945; /* color */
+  --turbo-blockquote-bg: #fbf1c7; /* color */
+  --turbo-code-inline-fg: #af3a03; /* color */
+  --turbo-code-inline-bg: #ebdbb2; /* color */
+  --turbo-code-block-fg: #3c3836; /* color */
+  --turbo-code-block-bg: #fbf1c7; /* color */
+  --turbo-table-border: #bdae93; /* color */
+  --turbo-table-stripe: #ebdbb2; /* color */
+  --turbo-table-thead-bg: #fbf1c7; /* color */
+  --turbo-components-card-bg: #f9f5d7; /* color */
+  --turbo-components-card-border: #bdae93; /* color */
+  --turbo-components-card-header-bg: #fbf1c7; /* color */
+  --turbo-components-card-footer-bg: #fbf1c7; /* color */
+  --turbo-components-message-bg: #fbf1c7; /* color */
+  --turbo-components-message-header-bg: #f9f5d7; /* color */
+  --turbo-components-message-border: #bdae93; /* color */
+  --turbo-components-message-body-fg: #3c3836; /* color */
+  --turbo-components-panel-bg: #f9f5d7; /* color */
+  --turbo-components-panel-header-bg: #fbf1c7; /* color */
+  --turbo-components-panel-header-fg: #3c3836; /* color */
+  --turbo-components-panel-border: #bdae93; /* color */
+  --turbo-components-panel-block-bg: #fbf1c7; /* color */
+  --turbo-components-panel-block-hover-bg: #f9f5d7; /* color */
+  --turbo-components-panel-block-active-bg: #ebdbb2; /* color */
+  --turbo-components-box-bg: #f9f5d7; /* color */
+  --turbo-components-box-border: #bdae93; /* color */
+  --turbo-components-notification-bg: #fbf1c7; /* color */
+  --turbo-components-notification-border: #bdae93; /* color */
+  --turbo-components-modal-bg: rgba(60, 56, 54, 0.86); /* color */
+  --turbo-components-modal-card-bg: #f9f5d7; /* color */
+  --turbo-components-modal-header-bg: #fbf1c7; /* color */
+  --turbo-components-modal-footer-bg: #fbf1c7; /* color */
+  --turbo-components-dropdown-bg: #f9f5d7; /* color */
+  --turbo-components-dropdown-item-hover-bg: #fbf1c7; /* color */
+  --turbo-components-dropdown-border: #bdae93; /* color */
+  --turbo-components-tabs-border: #bdae93; /* color */
+  --turbo-components-tabs-link-bg: #fbf1c7; /* color */
+  --turbo-components-tabs-link-active-bg: #f9f5d7; /* color */
+  --turbo-components-tabs-link-hover-bg: #ebdbb2; /* color */
+}

package/assets/css/themes/gruvbox-light-soft.css

@@ -0,0 +1,88 @@
+/* Generated from gruvbox-light-soft.css */
+
+[data-theme="gruvbox-light-soft"] {
+  --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: #f2e5bc; /* color */
+  --turbo-bg-surface: #ebdbb2; /* color */
+  --turbo-bg-overlay: #d5c4a1; /* color */
+  --turbo-text-primary: #3c3836; /* color */
+  --turbo-text-secondary: #504945; /* color */
+  --turbo-text-inverse: #f2e5bc; /* color */
+  --turbo-brand-primary: #b57614; /* color */
+  --turbo-state-info: #076678; /* color */
+  --turbo-state-success: #79740e; /* color */
+  --turbo-state-warning: #b57614; /* color */
+  --turbo-state-danger: #9d0006; /* color */
+  --turbo-border-default: #bdae93; /* color */
+  --turbo-accent-link: #076678; /* 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: #79740e; /* color */
+  --turbo-heading-h2: #076678; /* color */
+  --turbo-heading-h3: #427b58; /* color */
+  --turbo-heading-h4: #b57614; /* color */
+  --turbo-heading-h5: #8f3f71; /* color */
+  --turbo-heading-h6: #9d0006; /* color */
+  --turbo-body-primary: #3c3836; /* color */
+  --turbo-body-secondary: #504945; /* color */
+  --turbo-link-default: #076678; /* color */
+  --turbo-selection-fg: #3c3836; /* color */
+  --turbo-selection-bg: #d5c4a1; /* color */
+  --turbo-blockquote-border: #bdae93; /* color */
+  --turbo-blockquote-fg: #504945; /* color */
+  --turbo-blockquote-bg: #ebdbb2; /* color */
+  --turbo-code-inline-fg: #af3a03; /* color */
+  --turbo-code-inline-bg: #d5c4a1; /* color */
+  --turbo-code-block-fg: #3c3836; /* color */
+  --turbo-code-block-bg: #ebdbb2; /* color */
+  --turbo-table-border: #bdae93; /* color */
+  --turbo-table-stripe: #d5c4a1; /* color */
+  --turbo-table-thead-bg: #ebdbb2; /* color */
+  --turbo-components-card-bg: #f2e5bc; /* color */
+  --turbo-components-card-border: #bdae93; /* color */
+  --turbo-components-card-header-bg: #ebdbb2; /* color */
+  --turbo-components-card-footer-bg: #ebdbb2; /* color */
+  --turbo-components-message-bg: #ebdbb2; /* color */
+  --turbo-components-message-header-bg: #f2e5bc; /* color */
+  --turbo-components-message-border: #bdae93; /* color */
+  --turbo-components-message-body-fg: #3c3836; /* color */
+  --turbo-components-panel-bg: #f2e5bc; /* color */
+  --turbo-components-panel-header-bg: #ebdbb2; /* color */
+  --turbo-components-panel-header-fg: #3c3836; /* color */
+  --turbo-components-panel-border: #bdae93; /* color */
+  --turbo-components-panel-block-bg: #ebdbb2; /* color */
+  --turbo-components-panel-block-hover-bg: #f2e5bc; /* color */
+  --turbo-components-panel-block-active-bg: #d5c4a1; /* color */
+  --turbo-components-box-bg: #f2e5bc; /* color */
+  --turbo-components-box-border: #bdae93; /* color */
+  --turbo-components-notification-bg: #ebdbb2; /* color */
+  --turbo-components-notification-border: #bdae93; /* color */
+  --turbo-components-modal-bg: rgba(60, 56, 54, 0.86); /* color */
+  --turbo-components-modal-card-bg: #f2e5bc; /* color */
+  --turbo-components-modal-header-bg: #ebdbb2; /* color */
+  --turbo-components-modal-footer-bg: #ebdbb2; /* color */
+  --turbo-components-dropdown-bg: #f2e5bc; /* color */
+  --turbo-components-dropdown-item-hover-bg: #ebdbb2; /* color */
+  --turbo-components-dropdown-border: #bdae93; /* color */
+  --turbo-components-tabs-border: #bdae93; /* color */
+  --turbo-components-tabs-link-bg: #ebdbb2; /* color */
+  --turbo-components-tabs-link-active-bg: #f2e5bc; /* color */
+  --turbo-components-tabs-link-hover-bg: #d5c4a1; /* color */
+}

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

@@ -0,0 +1,88 @@
+/* Generated from gruvbox-light.css */
+
+[data-theme="gruvbox-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: #fbf1c7; /* color */
+  --turbo-bg-surface: #ebdbb2; /* color */
+  --turbo-bg-overlay: #d5c4a1; /* color */
+  --turbo-text-primary: #3c3836; /* color */
+  --turbo-text-secondary: #504945; /* color */
+  --turbo-text-inverse: #fbf1c7; /* color */
+  --turbo-brand-primary: #b57614; /* color */
+  --turbo-state-info: #076678; /* color */
+  --turbo-state-success: #79740e; /* color */
+  --turbo-state-warning: #b57614; /* color */
+  --turbo-state-danger: #9d0006; /* color */
+  --turbo-border-default: #bdae93; /* color */
+  --turbo-accent-link: #076678; /* 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: #79740e; /* color */
+  --turbo-heading-h2: #076678; /* color */
+  --turbo-heading-h3: #427b58; /* color */
+  --turbo-heading-h4: #b57614; /* color */
+  --turbo-heading-h5: #8f3f71; /* color */
+  --turbo-heading-h6: #9d0006; /* color */
+  --turbo-body-primary: #3c3836; /* color */
+  --turbo-body-secondary: #504945; /* color */
+  --turbo-link-default: #076678; /* color */
+  --turbo-selection-fg: #3c3836; /* color */
+  --turbo-selection-bg: #d5c4a1; /* color */
+  --turbo-blockquote-border: #bdae93; /* color */
+  --turbo-blockquote-fg: #504945; /* color */
+  --turbo-blockquote-bg: #ebdbb2; /* color */
+  --turbo-code-inline-fg: #af3a03; /* color */
+  --turbo-code-inline-bg: #d5c4a1; /* color */
+  --turbo-code-block-fg: #3c3836; /* color */
+  --turbo-code-block-bg: #ebdbb2; /* color */
+  --turbo-table-border: #bdae93; /* color */
+  --turbo-table-stripe: #d5c4a1; /* color */
+  --turbo-table-thead-bg: #ebdbb2; /* color */
+  --turbo-components-card-bg: #fbf1c7; /* color */
+  --turbo-components-card-border: #bdae93; /* color */
+  --turbo-components-card-header-bg: #ebdbb2; /* color */
+  --turbo-components-card-footer-bg: #ebdbb2; /* color */
+  --turbo-components-message-bg: #ebdbb2; /* color */
+  --turbo-components-message-header-bg: #fbf1c7; /* color */
+  --turbo-components-message-border: #bdae93; /* color */
+  --turbo-components-message-body-fg: #3c3836; /* color */
+  --turbo-components-panel-bg: #fbf1c7; /* color */
+  --turbo-components-panel-header-bg: #ebdbb2; /* color */
+  --turbo-components-panel-header-fg: #3c3836; /* color */
+  --turbo-components-panel-border: #bdae93; /* color */
+  --turbo-components-panel-block-bg: #ebdbb2; /* color */
+  --turbo-components-panel-block-hover-bg: #fbf1c7; /* color */
+  --turbo-components-panel-block-active-bg: #d5c4a1; /* color */
+  --turbo-components-box-bg: #fbf1c7; /* color */
+  --turbo-components-box-border: #bdae93; /* color */
+  --turbo-components-notification-bg: #ebdbb2; /* color */
+  --turbo-components-notification-border: #bdae93; /* color */
+  --turbo-components-modal-bg: rgba(60, 56, 54, 0.86); /* color */
+  --turbo-components-modal-card-bg: #fbf1c7; /* color */
+  --turbo-components-modal-header-bg: #ebdbb2; /* color */
+  --turbo-components-modal-footer-bg: #ebdbb2; /* color */
+  --turbo-components-dropdown-bg: #fbf1c7; /* color */
+  --turbo-components-dropdown-item-hover-bg: #ebdbb2; /* color */
+  --turbo-components-dropdown-border: #bdae93; /* color */
+  --turbo-components-tabs-border: #bdae93; /* color */
+  --turbo-components-tabs-link-bg: #ebdbb2; /* color */
+  --turbo-components-tabs-link-active-bg: #fbf1c7; /* color */
+  --turbo-components-tabs-link-hover-bg: #d5c4a1; /* color */
+}

package/assets/css/themes/tokyo-night-dark.css

@@ -0,0 +1,58 @@
+/* Generated from tokyo-night-dark.css */
+
+[data-theme="tokyo-night-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: #1a1b26; /* color */
+  --turbo-bg-surface: #24283b; /* color */
+  --turbo-bg-overlay: #28344a; /* color */
+  --turbo-text-primary: #c0caf5; /* color */
+  --turbo-text-secondary: #a9b1d6; /* color */
+  --turbo-text-inverse: #1a1b26; /* color */
+  --turbo-brand-primary: #7aa2f7; /* color */
+  --turbo-state-info: #7dcfff; /* color */
+  --turbo-state-success: #9ece6a; /* color */
+  --turbo-state-warning: #e0af68; /* color */
+  --turbo-state-danger: #f7768e; /* color */
+  --turbo-border-default: #565f89; /* color */
+  --turbo-accent-link: #7aa2f7; /* 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: #7aa2f7; /* color */
+  --turbo-heading-h2: #bb9af7; /* color */
+  --turbo-heading-h3: #7dcfff; /* color */
+  --turbo-heading-h4: #e0af68; /* color */
+  --turbo-heading-h5: #ff9e64; /* color */
+  --turbo-heading-h6: #f7768e; /* color */
+  --turbo-body-primary: #c0caf5; /* color */
+  --turbo-body-secondary: #a9b1d6; /* color */
+  --turbo-link-default: #7aa2f7; /* color */
+  --turbo-selection-fg: #c0caf5; /* color */
+  --turbo-selection-bg: #28344a; /* color */
+  --turbo-blockquote-border: #565f89; /* color */
+  --turbo-blockquote-fg: #a9b1d6; /* color */
+  --turbo-blockquote-bg: #24283b; /* color */
+  --turbo-code-inline-fg: #c0caf5; /* color */
+  --turbo-code-inline-bg: #28344a; /* color */
+  --turbo-code-block-fg: #c0caf5; /* color */
+  --turbo-code-block-bg: #28344a; /* color */
+  --turbo-table-border: #565f89; /* color */
+  --turbo-table-stripe: #24283b; /* color */
+  --turbo-table-thead-bg: #28344a; /* color */
+}