turbo-themes 0.15.2 → 0.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +18 -0
  3. data/README.md +13 -7
  4. data/assets/css/site.css +2 -0
  5. data/assets/css/themes/gruvbox-dark-hard.css +88 -0
  6. data/assets/css/themes/gruvbox-dark-soft.css +88 -0
  7. data/assets/css/themes/gruvbox-dark.css +88 -0
  8. data/assets/css/themes/gruvbox-light-hard.css +88 -0
  9. data/assets/css/themes/gruvbox-light-soft.css +88 -0
  10. data/assets/css/themes/gruvbox-light.css +88 -0
  11. data/assets/css/themes/tokyo-night-dark.css +58 -0
  12. data/assets/css/themes/tokyo-night-light.css +58 -0
  13. data/assets/css/themes/tokyo-night-storm.css +58 -0
  14. data/assets/css/themes/turbo/gruvbox-dark-hard.css +91 -0
  15. data/assets/css/themes/turbo/gruvbox-dark-soft.css +91 -0
  16. data/assets/css/themes/turbo/gruvbox-dark.css +91 -0
  17. data/assets/css/themes/turbo/gruvbox-light-hard.css +91 -0
  18. data/assets/css/themes/turbo/gruvbox-light-soft.css +91 -0
  19. data/assets/css/themes/turbo/gruvbox-light.css +91 -0
  20. data/assets/css/themes/turbo/tokyo-night-dark.css +91 -0
  21. data/assets/css/themes/turbo/tokyo-night-light.css +91 -0
  22. data/assets/css/themes/turbo/tokyo-night-storm.css +91 -0
  23. data/assets/img/gruvbox-dark-hard.png +0 -0
  24. data/assets/img/gruvbox-dark-soft.png +0 -0
  25. data/assets/img/gruvbox-dark.png +0 -0
  26. data/assets/img/gruvbox-light-hard.png +0 -0
  27. data/assets/img/gruvbox-light-soft.png +0 -0
  28. data/assets/img/gruvbox-light.png +0 -0
  29. data/assets/img/tokyo-night.png +0 -0
  30. data/assets/js/theme-selector.js +1 -3
  31. data/assets/js/theme-selector.js.map +1 -1
  32. data/assets/js/theme-selector.min.js +1 -1
  33. data/lib/turbo-themes/version.rb +1 -1
  34. metadata +26 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: f4dd4cb25f2b9bc4b3d0561eb68ab101e2d1626c90089d0624638714564514b4
4
- data.tar.gz: d2fb5cbf1ddf8f94709d2ed48c3709865d3f74285c5e3e30527d7da0ef2d7133
3
+ metadata.gz: f7aa42fc3ab48d3c6636710bf191df7d0a2baf2d5543c032fa96a9351af535c3
4
+ data.tar.gz: a75081b21401920cc31dfbf7be1e8a13da59423bb58d502b84c724a5b0189fd4
5
5
  SHA512:
6
- metadata.gz: 96231b9c48e69b953f74d079ba6f651e9063ce43611d58900aaccaa82f5e0b6ea9b4397d5d73a2f5fe28d120cb8590dbab08c58571f9b67d0df4c463ab4757ff
7
- data.tar.gz: a34c2abd763f4b95c4bd68b59c8646745effcf25b23f4b8b4a428401fa1149e0ab140bd0a0c21399b87239ad32e3fdc997a4837d3737111c0b4e915e16c27e79
6
+ metadata.gz: 4f97b1b10c413c59b1a2ec0478b04cd82905d234220c0cc17d9a5379e6eceda79e94e159026a8f66e7df2cb68917cf4eaf7c6b4d3dd1b0eed516a3aa6123368e
7
+ data.tar.gz: f736608d24c76c1030d4aab99ba9c39dda5af4cbd98100745b8a5ef07e9cd3056d94e51e09d705d7f1d14e8c3f597971354f9915e18d5f4c0975f470d1abeeaa
data/CHANGELOG.md CHANGED
@@ -10,8 +10,26 @@ The format is based on Keep a Changelog and this project adheres to SemVer.
10
10
 
11
11
  - TBD
12
12
 
13
+ ## [0.17.0] - 2026-02-06
14
+
15
+ ### ✨ Added
16
+
17
+ - add Tokyo Night theme pack (#343)
18
+
19
+ ## [0.16.0] - 2026-02-06
20
+
21
+ ### ✨ Added
22
+
23
+ - add Gruvbox theme pack with 6 flavors (#344)
24
+
13
25
  ## [0.15.2] - 2026-02-06
14
26
 
27
+ ### ✨ Added
28
+
29
+ - Gruvbox theme pack with 6 flavors (dark hard, dark, dark soft, light hard, light,
30
+ light soft) (#344)
31
+ - UI and token updates for Gruvbox theme integration
32
+
15
33
  ### 🐛 Fixed
16
34
 
17
35
  - use correct GitHub username in CODEOWNERS and docs
data/README.md CHANGED
@@ -29,16 +29,22 @@ Universal, accessible theme packs and a drop-in theme selector.
29
29
  Built on [Bulma](https://bulma.io/) CSS framework with color palettes from these amazing
30
30
  projects:
31
31
 
32
- | Theme | Variants | Source |
33
- | --------------------------------------------------------------------------------------------------------------- | ------------------------------- | --------------------------------------------- |
34
- | <img src="./assets/img/catppuccin-logo-macchiato.png" width="20" height="20" alt="Catppuccin" /> **Catppuccin** | Mocha, Macchiato, Frappé, Latte | [catppuccin.com](https://catppuccin.com/) |
35
- | <img src="./assets/img/dracula-logo.png" width="20" height="20" alt="Dracula" /> **Dracula** | Dark | [draculatheme.com](https://draculatheme.com/) |
36
- | <img src="./assets/img/github-logo-dark.png" width="20" height="20" alt="GitHub" /> **GitHub** | Light, Dark | [primer.style](https://primer.style/) |
37
- | <img src="./assets/img/bulma-logo.png" width="20" height="20" alt="Bulma" /> **Bulma** | Light, Dark | [bulma.io](https://bulma.io/) |
32
+ | Theme | Variants | Source |
33
+ | --------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- | ----------------------------------------------------------------------------- |
34
+ | <img src="./assets/img/catppuccin-logo-macchiato.png" width="20" height="20" alt="Catppuccin" /> **Catppuccin** | Mocha, Macchiato, Frappé, Latte | [catppuccin.com](https://catppuccin.com/) |
35
+ | <img src="./assets/img/dracula-logo.png" width="20" height="20" alt="Dracula" /> **Dracula** | Dark | [draculatheme.com](https://draculatheme.com/) |
36
+ | <img src="./assets/img/github-logo-dark.png" width="20" height="20" alt="GitHub" /> **GitHub** | Light, Dark | [primer.style](https://primer.style/) |
37
+ | <img src="./assets/img/bulma-logo.png" width="20" height="20" alt="Bulma" /> **Bulma** | Light, Dark | [bulma.io](https://bulma.io/) |
38
+ | <img src="./assets/img/nord.png" width="20" height="20" alt="Nord" /> **Nord** | Nord | [nordtheme.com](https://www.nordtheme.com/) |
39
+ | <img src="./assets/img/solarized-dark.png" width="20" height="20" alt="Solarized" /> **Solarized** | Dark, Light | [ethanschoonover.com/solarized](https://ethanschoonover.com/solarized/) |
40
+ | <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/) |
41
+ | <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) |
42
+ | <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) |
38
43
 
39
44
  ## Features
40
45
 
41
- - **9 curated themes** from Catppuccin, Dracula, GitHub, and Bulma
46
+ - **24 curated themes** from Catppuccin, Gruvbox, Dracula, GitHub, Solarized, Tokyo
47
+ Night, Nord, Rosé Pine, and Bulma
42
48
  - **Multi-platform**: npm, PyPI, RubyGems, Swift Package Manager
43
49
  - **Design tokens**: Platform-agnostic JSON tokens for any framework
44
50
  - **Accessible**: WCAG-compliant with keyboard and screen reader support
data/assets/css/site.css CHANGED
@@ -532,6 +532,8 @@ html:root .theme-menu {
532
532
  top: calc(100% + var(--space-sm));
533
533
  right: 0;
534
534
  min-width: 200px;
535
+ max-height: calc(100vh - 80px);
536
+ overflow-y: auto;
535
537
  padding: var(--space-sm);
536
538
  background: var(--turbo-bg-surface);
537
539
  border: 1px solid var(--turbo-border-default);
data/assets/css/themes/gruvbox-dark-hard.css ADDED
@@ -0,0 +1,88 @@
1
+ /* Generated from gruvbox-dark-hard.css */
2
+
3
+ [data-theme="gruvbox-dark-hard"] {
4
+ --turbo-spacing-xs: 0.25rem; /* dimension */
5
+ --turbo-spacing-sm: 0.5rem; /* dimension */
6
+ --turbo-spacing-md: 1rem; /* dimension */
7
+ --turbo-spacing-lg: 1.5rem; /* dimension */
8
+ --turbo-spacing-xl: 2rem; /* dimension */
9
+ --turbo-elevation-none: none; /* shadow */
10
+ --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow */
11
+ --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow */
12
+ --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow */
13
+ --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow */
14
+ --turbo-animation-duration-fast: 150ms; /* duration */
15
+ --turbo-animation-duration-normal: 300ms; /* duration */
16
+ --turbo-animation-duration-slow: 500ms; /* duration */
17
+ --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1); /* cubicBezier */
18
+ --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); /* cubicBezier */
19
+ --turbo-opacity-disabled: 0.5; /* number */
20
+ --turbo-opacity-hover: 0.8; /* number */
21
+ --turbo-opacity-pressed: 0.6; /* number */
22
+ --turbo-bg-base: #1d2021; /* color */
23
+ --turbo-bg-surface: #282828; /* color */
24
+ --turbo-bg-overlay: #3c3836; /* color */
25
+ --turbo-text-primary: #ebdbb2; /* color */
26
+ --turbo-text-secondary: #d5c4a1; /* color */
27
+ --turbo-text-inverse: #1d2021; /* color */
28
+ --turbo-brand-primary: #d79921; /* color */
29
+ --turbo-state-info: #83a598; /* color */
30
+ --turbo-state-success: #b8bb26; /* color */
31
+ --turbo-state-warning: #fabd2f; /* color */
32
+ --turbo-state-danger: #fb4934; /* color */
33
+ --turbo-border-default: #665c54; /* color */
34
+ --turbo-accent-link: #83a598; /* color */
35
+ --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; /* fontFamily */
36
+ --turbo-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* fontFamily */
37
+ --turbo-heading-h1: #b8bb26; /* color */
38
+ --turbo-heading-h2: #83a598; /* color */
39
+ --turbo-heading-h3: #8ec07c; /* color */
40
+ --turbo-heading-h4: #fabd2f; /* color */
41
+ --turbo-heading-h5: #d3869b; /* color */
42
+ --turbo-heading-h6: #fb4934; /* color */
43
+ --turbo-body-primary: #ebdbb2; /* color */
44
+ --turbo-body-secondary: #d5c4a1; /* color */
45
+ --turbo-link-default: #83a598; /* color */
46
+ --turbo-selection-fg: #ebdbb2; /* color */
47
+ --turbo-selection-bg: #3c3836; /* color */
48
+ --turbo-blockquote-border: #665c54; /* color */
49
+ --turbo-blockquote-fg: #d5c4a1; /* color */
50
+ --turbo-blockquote-bg: #282828; /* color */
51
+ --turbo-code-inline-fg: #fe8019; /* color */
52
+ --turbo-code-inline-bg: #3c3836; /* color */
53
+ --turbo-code-block-fg: #ebdbb2; /* color */
54
+ --turbo-code-block-bg: #282828; /* color */
55
+ --turbo-table-border: #665c54; /* color */
56
+ --turbo-table-stripe: #3c3836; /* color */
57
+ --turbo-table-thead-bg: #282828; /* color */
58
+ --turbo-components-card-bg: #282828; /* color */
59
+ --turbo-components-card-border: #665c54; /* color */
60
+ --turbo-components-card-header-bg: #1d2021; /* color */
61
+ --turbo-components-card-footer-bg: #282828; /* color */
62
+ --turbo-components-message-bg: #1d2021; /* color */
63
+ --turbo-components-message-header-bg: #282828; /* color */
64
+ --turbo-components-message-border: #665c54; /* color */
65
+ --turbo-components-message-body-fg: #ebdbb2; /* color */
66
+ --turbo-components-panel-bg: #282828; /* color */
67
+ --turbo-components-panel-header-bg: #1d2021; /* color */
68
+ --turbo-components-panel-header-fg: #ebdbb2; /* color */
69
+ --turbo-components-panel-border: #665c54; /* color */
70
+ --turbo-components-panel-block-bg: #1d2021; /* color */
71
+ --turbo-components-panel-block-hover-bg: #282828; /* color */
72
+ --turbo-components-panel-block-active-bg: #3c3836; /* color */
73
+ --turbo-components-box-bg: #282828; /* color */
74
+ --turbo-components-box-border: #665c54; /* color */
75
+ --turbo-components-notification-bg: #1d2021; /* color */
76
+ --turbo-components-notification-border: #665c54; /* color */
77
+ --turbo-components-modal-bg: rgba(29, 32, 33, 0.9); /* color */
78
+ --turbo-components-modal-card-bg: #282828; /* color */
79
+ --turbo-components-modal-header-bg: #1d2021; /* color */
80
+ --turbo-components-modal-footer-bg: #282828; /* color */
81
+ --turbo-components-dropdown-bg: #282828; /* color */
82
+ --turbo-components-dropdown-item-hover-bg: #3c3836; /* color */
83
+ --turbo-components-dropdown-border: #665c54; /* color */
84
+ --turbo-components-tabs-border: #665c54; /* color */
85
+ --turbo-components-tabs-link-bg: #282828; /* color */
86
+ --turbo-components-tabs-link-active-bg: #1d2021; /* color */
87
+ --turbo-components-tabs-link-hover-bg: #3c3836; /* color */
88
+ }
data/assets/css/themes/gruvbox-dark-soft.css ADDED
@@ -0,0 +1,88 @@
1
+ /* Generated from gruvbox-dark-soft.css */
2
+
3
+ [data-theme="gruvbox-dark-soft"] {
4
+ --turbo-spacing-xs: 0.25rem; /* dimension */
5
+ --turbo-spacing-sm: 0.5rem; /* dimension */
6
+ --turbo-spacing-md: 1rem; /* dimension */
7
+ --turbo-spacing-lg: 1.5rem; /* dimension */
8
+ --turbo-spacing-xl: 2rem; /* dimension */
9
+ --turbo-elevation-none: none; /* shadow */
10
+ --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow */
11
+ --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow */
12
+ --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow */
13
+ --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow */
14
+ --turbo-animation-duration-fast: 150ms; /* duration */
15
+ --turbo-animation-duration-normal: 300ms; /* duration */
16
+ --turbo-animation-duration-slow: 500ms; /* duration */
17
+ --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1); /* cubicBezier */
18
+ --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); /* cubicBezier */
19
+ --turbo-opacity-disabled: 0.5; /* number */
20
+ --turbo-opacity-hover: 0.8; /* number */
21
+ --turbo-opacity-pressed: 0.6; /* number */
22
+ --turbo-bg-base: #32302f; /* color */
23
+ --turbo-bg-surface: #3c3836; /* color */
24
+ --turbo-bg-overlay: #504945; /* color */
25
+ --turbo-text-primary: #ebdbb2; /* color */
26
+ --turbo-text-secondary: #d5c4a1; /* color */
27
+ --turbo-text-inverse: #32302f; /* color */
28
+ --turbo-brand-primary: #d79921; /* color */
29
+ --turbo-state-info: #83a598; /* color */
30
+ --turbo-state-success: #b8bb26; /* color */
31
+ --turbo-state-warning: #fabd2f; /* color */
32
+ --turbo-state-danger: #fb4934; /* color */
33
+ --turbo-border-default: #665c54; /* color */
34
+ --turbo-accent-link: #83a598; /* color */
35
+ --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; /* fontFamily */
36
+ --turbo-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* fontFamily */
37
+ --turbo-heading-h1: #b8bb26; /* color */
38
+ --turbo-heading-h2: #83a598; /* color */
39
+ --turbo-heading-h3: #8ec07c; /* color */
40
+ --turbo-heading-h4: #fabd2f; /* color */
41
+ --turbo-heading-h5: #d3869b; /* color */
42
+ --turbo-heading-h6: #fb4934; /* color */
43
+ --turbo-body-primary: #ebdbb2; /* color */
44
+ --turbo-body-secondary: #d5c4a1; /* color */
45
+ --turbo-link-default: #83a598; /* color */
46
+ --turbo-selection-fg: #ebdbb2; /* color */
47
+ --turbo-selection-bg: #504945; /* color */
48
+ --turbo-blockquote-border: #665c54; /* color */
49
+ --turbo-blockquote-fg: #d5c4a1; /* color */
50
+ --turbo-blockquote-bg: #3c3836; /* color */
51
+ --turbo-code-inline-fg: #fe8019; /* color */
52
+ --turbo-code-inline-bg: #504945; /* color */
53
+ --turbo-code-block-fg: #ebdbb2; /* color */
54
+ --turbo-code-block-bg: #3c3836; /* color */
55
+ --turbo-table-border: #665c54; /* color */
56
+ --turbo-table-stripe: #504945; /* color */
57
+ --turbo-table-thead-bg: #3c3836; /* color */
58
+ --turbo-components-card-bg: #3c3836; /* color */
59
+ --turbo-components-card-border: #665c54; /* color */
60
+ --turbo-components-card-header-bg: #32302f; /* color */
61
+ --turbo-components-card-footer-bg: #3c3836; /* color */
62
+ --turbo-components-message-bg: #32302f; /* color */
63
+ --turbo-components-message-header-bg: #3c3836; /* color */
64
+ --turbo-components-message-border: #665c54; /* color */
65
+ --turbo-components-message-body-fg: #ebdbb2; /* color */
66
+ --turbo-components-panel-bg: #3c3836; /* color */
67
+ --turbo-components-panel-header-bg: #32302f; /* color */
68
+ --turbo-components-panel-header-fg: #ebdbb2; /* color */
69
+ --turbo-components-panel-border: #665c54; /* color */
70
+ --turbo-components-panel-block-bg: #32302f; /* color */
71
+ --turbo-components-panel-block-hover-bg: #3c3836; /* color */
72
+ --turbo-components-panel-block-active-bg: #504945; /* color */
73
+ --turbo-components-box-bg: #3c3836; /* color */
74
+ --turbo-components-box-border: #665c54; /* color */
75
+ --turbo-components-notification-bg: #32302f; /* color */
76
+ --turbo-components-notification-border: #665c54; /* color */
77
+ --turbo-components-modal-bg: rgba(50, 48, 47, 0.9); /* color */
78
+ --turbo-components-modal-card-bg: #3c3836; /* color */
79
+ --turbo-components-modal-header-bg: #32302f; /* color */
80
+ --turbo-components-modal-footer-bg: #3c3836; /* color */
81
+ --turbo-components-dropdown-bg: #3c3836; /* color */
82
+ --turbo-components-dropdown-item-hover-bg: #504945; /* color */
83
+ --turbo-components-dropdown-border: #665c54; /* color */
84
+ --turbo-components-tabs-border: #665c54; /* color */
85
+ --turbo-components-tabs-link-bg: #3c3836; /* color */
86
+ --turbo-components-tabs-link-active-bg: #32302f; /* color */
87
+ --turbo-components-tabs-link-hover-bg: #504945; /* color */
88
+ }
data/assets/css/themes/gruvbox-dark.css ADDED
@@ -0,0 +1,88 @@
1
+ /* Generated from gruvbox-dark.css */
2
+
3
+ [data-theme="gruvbox-dark"] {
4
+ --turbo-spacing-xs: 0.25rem; /* dimension */
5
+ --turbo-spacing-sm: 0.5rem; /* dimension */
6
+ --turbo-spacing-md: 1rem; /* dimension */
7
+ --turbo-spacing-lg: 1.5rem; /* dimension */
8
+ --turbo-spacing-xl: 2rem; /* dimension */
9
+ --turbo-elevation-none: none; /* shadow */
10
+ --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow */
11
+ --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow */
12
+ --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow */
13
+ --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow */
14
+ --turbo-animation-duration-fast: 150ms; /* duration */
15
+ --turbo-animation-duration-normal: 300ms; /* duration */
16
+ --turbo-animation-duration-slow: 500ms; /* duration */
17
+ --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1); /* cubicBezier */
18
+ --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); /* cubicBezier */
19
+ --turbo-opacity-disabled: 0.5; /* number */
20
+ --turbo-opacity-hover: 0.8; /* number */
21
+ --turbo-opacity-pressed: 0.6; /* number */
22
+ --turbo-bg-base: #282828; /* color */
23
+ --turbo-bg-surface: #3c3836; /* color */
24
+ --turbo-bg-overlay: #504945; /* color */
25
+ --turbo-text-primary: #ebdbb2; /* color */
26
+ --turbo-text-secondary: #d5c4a1; /* color */
27
+ --turbo-text-inverse: #282828; /* color */
28
+ --turbo-brand-primary: #d79921; /* color */
29
+ --turbo-state-info: #83a598; /* color */
30
+ --turbo-state-success: #b8bb26; /* color */
31
+ --turbo-state-warning: #fabd2f; /* color */
32
+ --turbo-state-danger: #fb4934; /* color */
33
+ --turbo-border-default: #665c54; /* color */
34
+ --turbo-accent-link: #83a598; /* color */
35
+ --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; /* fontFamily */
36
+ --turbo-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* fontFamily */
37
+ --turbo-heading-h1: #b8bb26; /* color */
38
+ --turbo-heading-h2: #83a598; /* color */
39
+ --turbo-heading-h3: #8ec07c; /* color */
40
+ --turbo-heading-h4: #fabd2f; /* color */
41
+ --turbo-heading-h5: #d3869b; /* color */
42
+ --turbo-heading-h6: #fb4934; /* color */
43
+ --turbo-body-primary: #ebdbb2; /* color */
44
+ --turbo-body-secondary: #d5c4a1; /* color */
45
+ --turbo-link-default: #83a598; /* color */
46
+ --turbo-selection-fg: #ebdbb2; /* color */
47
+ --turbo-selection-bg: #504945; /* color */
48
+ --turbo-blockquote-border: #665c54; /* color */
49
+ --turbo-blockquote-fg: #d5c4a1; /* color */
50
+ --turbo-blockquote-bg: #3c3836; /* color */
51
+ --turbo-code-inline-fg: #fe8019; /* color */
52
+ --turbo-code-inline-bg: #504945; /* color */
53
+ --turbo-code-block-fg: #ebdbb2; /* color */
54
+ --turbo-code-block-bg: #3c3836; /* color */
55
+ --turbo-table-border: #665c54; /* color */
56
+ --turbo-table-stripe: #504945; /* color */
57
+ --turbo-table-thead-bg: #3c3836; /* color */
58
+ --turbo-components-card-bg: #3c3836; /* color */
59
+ --turbo-components-card-border: #665c54; /* color */
60
+ --turbo-components-card-header-bg: #282828; /* color */
61
+ --turbo-components-card-footer-bg: #3c3836; /* color */
62
+ --turbo-components-message-bg: #282828; /* color */
63
+ --turbo-components-message-header-bg: #3c3836; /* color */
64
+ --turbo-components-message-border: #665c54; /* color */
65
+ --turbo-components-message-body-fg: #ebdbb2; /* color */
66
+ --turbo-components-panel-bg: #3c3836; /* color */
67
+ --turbo-components-panel-header-bg: #282828; /* color */
68
+ --turbo-components-panel-header-fg: #ebdbb2; /* color */
69
+ --turbo-components-panel-border: #665c54; /* color */
70
+ --turbo-components-panel-block-bg: #282828; /* color */
71
+ --turbo-components-panel-block-hover-bg: #3c3836; /* color */
72
+ --turbo-components-panel-block-active-bg: #504945; /* color */
73
+ --turbo-components-box-bg: #3c3836; /* color */
74
+ --turbo-components-box-border: #665c54; /* color */
75
+ --turbo-components-notification-bg: #282828; /* color */
76
+ --turbo-components-notification-border: #665c54; /* color */
77
+ --turbo-components-modal-bg: rgba(40, 40, 40, 0.9); /* color */
78
+ --turbo-components-modal-card-bg: #3c3836; /* color */
79
+ --turbo-components-modal-header-bg: #282828; /* color */
80
+ --turbo-components-modal-footer-bg: #3c3836; /* color */
81
+ --turbo-components-dropdown-bg: #3c3836; /* color */
82
+ --turbo-components-dropdown-item-hover-bg: #504945; /* color */
83
+ --turbo-components-dropdown-border: #665c54; /* color */
84
+ --turbo-components-tabs-border: #665c54; /* color */
85
+ --turbo-components-tabs-link-bg: #3c3836; /* color */
86
+ --turbo-components-tabs-link-active-bg: #282828; /* color */
87
+ --turbo-components-tabs-link-hover-bg: #504945; /* color */
88
+ }
data/assets/css/themes/gruvbox-light-hard.css ADDED
@@ -0,0 +1,88 @@
1
+ /* Generated from gruvbox-light-hard.css */
2
+
3
+ [data-theme="gruvbox-light-hard"] {
4
+ --turbo-spacing-xs: 0.25rem; /* dimension */
5
+ --turbo-spacing-sm: 0.5rem; /* dimension */
6
+ --turbo-spacing-md: 1rem; /* dimension */
7
+ --turbo-spacing-lg: 1.5rem; /* dimension */
8
+ --turbo-spacing-xl: 2rem; /* dimension */
9
+ --turbo-elevation-none: none; /* shadow */
10
+ --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow */
11
+ --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow */
12
+ --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow */
13
+ --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow */
14
+ --turbo-animation-duration-fast: 150ms; /* duration */
15
+ --turbo-animation-duration-normal: 300ms; /* duration */
16
+ --turbo-animation-duration-slow: 500ms; /* duration */
17
+ --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1); /* cubicBezier */
18
+ --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); /* cubicBezier */
19
+ --turbo-opacity-disabled: 0.5; /* number */
20
+ --turbo-opacity-hover: 0.8; /* number */
21
+ --turbo-opacity-pressed: 0.6; /* number */
22
+ --turbo-bg-base: #f9f5d7; /* color */
23
+ --turbo-bg-surface: #fbf1c7; /* color */
24
+ --turbo-bg-overlay: #ebdbb2; /* color */
25
+ --turbo-text-primary: #3c3836; /* color */
26
+ --turbo-text-secondary: #504945; /* color */
27
+ --turbo-text-inverse: #f9f5d7; /* color */
28
+ --turbo-brand-primary: #b57614; /* color */
29
+ --turbo-state-info: #076678; /* color */
30
+ --turbo-state-success: #79740e; /* color */
31
+ --turbo-state-warning: #b57614; /* color */
32
+ --turbo-state-danger: #9d0006; /* color */
33
+ --turbo-border-default: #bdae93; /* color */
34
+ --turbo-accent-link: #076678; /* color */
35
+ --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; /* fontFamily */
36
+ --turbo-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* fontFamily */
37
+ --turbo-heading-h1: #79740e; /* color */
38
+ --turbo-heading-h2: #076678; /* color */
39
+ --turbo-heading-h3: #427b58; /* color */
40
+ --turbo-heading-h4: #b57614; /* color */
41
+ --turbo-heading-h5: #8f3f71; /* color */
42
+ --turbo-heading-h6: #9d0006; /* color */
43
+ --turbo-body-primary: #3c3836; /* color */
44
+ --turbo-body-secondary: #504945; /* color */
45
+ --turbo-link-default: #076678; /* color */
46
+ --turbo-selection-fg: #3c3836; /* color */
47
+ --turbo-selection-bg: #ebdbb2; /* color */
48
+ --turbo-blockquote-border: #bdae93; /* color */
49
+ --turbo-blockquote-fg: #504945; /* color */
50
+ --turbo-blockquote-bg: #fbf1c7; /* color */
51
+ --turbo-code-inline-fg: #af3a03; /* color */
52
+ --turbo-code-inline-bg: #ebdbb2; /* color */
53
+ --turbo-code-block-fg: #3c3836; /* color */
54
+ --turbo-code-block-bg: #fbf1c7; /* color */
55
+ --turbo-table-border: #bdae93; /* color */
56
+ --turbo-table-stripe: #ebdbb2; /* color */
57
+ --turbo-table-thead-bg: #fbf1c7; /* color */
58
+ --turbo-components-card-bg: #f9f5d7; /* color */
59
+ --turbo-components-card-border: #bdae93; /* color */
60
+ --turbo-components-card-header-bg: #fbf1c7; /* color */
61
+ --turbo-components-card-footer-bg: #fbf1c7; /* color */
62
+ --turbo-components-message-bg: #fbf1c7; /* color */
63
+ --turbo-components-message-header-bg: #f9f5d7; /* color */
64
+ --turbo-components-message-border: #bdae93; /* color */
65
+ --turbo-components-message-body-fg: #3c3836; /* color */
66
+ --turbo-components-panel-bg: #f9f5d7; /* color */
67
+ --turbo-components-panel-header-bg: #fbf1c7; /* color */
68
+ --turbo-components-panel-header-fg: #3c3836; /* color */
69
+ --turbo-components-panel-border: #bdae93; /* color */
70
+ --turbo-components-panel-block-bg: #fbf1c7; /* color */
71
+ --turbo-components-panel-block-hover-bg: #f9f5d7; /* color */
72
+ --turbo-components-panel-block-active-bg: #ebdbb2; /* color */
73
+ --turbo-components-box-bg: #f9f5d7; /* color */
74
+ --turbo-components-box-border: #bdae93; /* color */
75
+ --turbo-components-notification-bg: #fbf1c7; /* color */
76
+ --turbo-components-notification-border: #bdae93; /* color */
77
+ --turbo-components-modal-bg: rgba(60, 56, 54, 0.86); /* color */
78
+ --turbo-components-modal-card-bg: #f9f5d7; /* color */
79
+ --turbo-components-modal-header-bg: #fbf1c7; /* color */
80
+ --turbo-components-modal-footer-bg: #fbf1c7; /* color */
81
+ --turbo-components-dropdown-bg: #f9f5d7; /* color */
82
+ --turbo-components-dropdown-item-hover-bg: #fbf1c7; /* color */
83
+ --turbo-components-dropdown-border: #bdae93; /* color */
84
+ --turbo-components-tabs-border: #bdae93; /* color */
85
+ --turbo-components-tabs-link-bg: #fbf1c7; /* color */
86
+ --turbo-components-tabs-link-active-bg: #f9f5d7; /* color */
87
+ --turbo-components-tabs-link-hover-bg: #ebdbb2; /* color */
88
+ }
data/assets/css/themes/gruvbox-light-soft.css ADDED
@@ -0,0 +1,88 @@
1
+ /* Generated from gruvbox-light-soft.css */
2
+
3
+ [data-theme="gruvbox-light-soft"] {
4
+ --turbo-spacing-xs: 0.25rem; /* dimension */
5
+ --turbo-spacing-sm: 0.5rem; /* dimension */
6
+ --turbo-spacing-md: 1rem; /* dimension */
7
+ --turbo-spacing-lg: 1.5rem; /* dimension */
8
+ --turbo-spacing-xl: 2rem; /* dimension */
9
+ --turbo-elevation-none: none; /* shadow */
10
+ --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow */
11
+ --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow */
12
+ --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow */
13
+ --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow */
14
+ --turbo-animation-duration-fast: 150ms; /* duration */
15
+ --turbo-animation-duration-normal: 300ms; /* duration */
16
+ --turbo-animation-duration-slow: 500ms; /* duration */
17
+ --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1); /* cubicBezier */
18
+ --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); /* cubicBezier */
19
+ --turbo-opacity-disabled: 0.5; /* number */
20
+ --turbo-opacity-hover: 0.8; /* number */
21
+ --turbo-opacity-pressed: 0.6; /* number */
22
+ --turbo-bg-base: #f2e5bc; /* color */
23
+ --turbo-bg-surface: #ebdbb2; /* color */
24
+ --turbo-bg-overlay: #d5c4a1; /* color */
25
+ --turbo-text-primary: #3c3836; /* color */
26
+ --turbo-text-secondary: #504945; /* color */
27
+ --turbo-text-inverse: #f2e5bc; /* color */
28
+ --turbo-brand-primary: #b57614; /* color */
29
+ --turbo-state-info: #076678; /* color */
30
+ --turbo-state-success: #79740e; /* color */
31
+ --turbo-state-warning: #b57614; /* color */
32
+ --turbo-state-danger: #9d0006; /* color */
33
+ --turbo-border-default: #bdae93; /* color */
34
+ --turbo-accent-link: #076678; /* color */
35
+ --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; /* fontFamily */
36
+ --turbo-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* fontFamily */
37
+ --turbo-heading-h1: #79740e; /* color */
38
+ --turbo-heading-h2: #076678; /* color */
39
+ --turbo-heading-h3: #427b58; /* color */
40
+ --turbo-heading-h4: #b57614; /* color */
41
+ --turbo-heading-h5: #8f3f71; /* color */
42
+ --turbo-heading-h6: #9d0006; /* color */
43
+ --turbo-body-primary: #3c3836; /* color */
44
+ --turbo-body-secondary: #504945; /* color */
45
+ --turbo-link-default: #076678; /* color */
46
+ --turbo-selection-fg: #3c3836; /* color */
47
+ --turbo-selection-bg: #d5c4a1; /* color */
48
+ --turbo-blockquote-border: #bdae93; /* color */
49
+ --turbo-blockquote-fg: #504945; /* color */
50
+ --turbo-blockquote-bg: #ebdbb2; /* color */
51
+ --turbo-code-inline-fg: #af3a03; /* color */
52
+ --turbo-code-inline-bg: #d5c4a1; /* color */
53
+ --turbo-code-block-fg: #3c3836; /* color */
54
+ --turbo-code-block-bg: #ebdbb2; /* color */
55
+ --turbo-table-border: #bdae93; /* color */
56
+ --turbo-table-stripe: #d5c4a1; /* color */
57
+ --turbo-table-thead-bg: #ebdbb2; /* color */
58
+ --turbo-components-card-bg: #f2e5bc; /* color */
59
+ --turbo-components-card-border: #bdae93; /* color */
60
+ --turbo-components-card-header-bg: #ebdbb2; /* color */
61
+ --turbo-components-card-footer-bg: #ebdbb2; /* color */
62
+ --turbo-components-message-bg: #ebdbb2; /* color */
63
+ --turbo-components-message-header-bg: #f2e5bc; /* color */
64
+ --turbo-components-message-border: #bdae93; /* color */
65
+ --turbo-components-message-body-fg: #3c3836; /* color */
66
+ --turbo-components-panel-bg: #f2e5bc; /* color */
67
+ --turbo-components-panel-header-bg: #ebdbb2; /* color */
68
+ --turbo-components-panel-header-fg: #3c3836; /* color */
69
+ --turbo-components-panel-border: #bdae93; /* color */
70
+ --turbo-components-panel-block-bg: #ebdbb2; /* color */
71
+ --turbo-components-panel-block-hover-bg: #f2e5bc; /* color */
72
+ --turbo-components-panel-block-active-bg: #d5c4a1; /* color */
73
+ --turbo-components-box-bg: #f2e5bc; /* color */
74
+ --turbo-components-box-border: #bdae93; /* color */
75
+ --turbo-components-notification-bg: #ebdbb2; /* color */
76
+ --turbo-components-notification-border: #bdae93; /* color */
77
+ --turbo-components-modal-bg: rgba(60, 56, 54, 0.86); /* color */
78
+ --turbo-components-modal-card-bg: #f2e5bc; /* color */
79
+ --turbo-components-modal-header-bg: #ebdbb2; /* color */
80
+ --turbo-components-modal-footer-bg: #ebdbb2; /* color */
81
+ --turbo-components-dropdown-bg: #f2e5bc; /* color */
82
+ --turbo-components-dropdown-item-hover-bg: #ebdbb2; /* color */
83
+ --turbo-components-dropdown-border: #bdae93; /* color */
84
+ --turbo-components-tabs-border: #bdae93; /* color */
85
+ --turbo-components-tabs-link-bg: #ebdbb2; /* color */
86
+ --turbo-components-tabs-link-active-bg: #f2e5bc; /* color */
87
+ --turbo-components-tabs-link-hover-bg: #d5c4a1; /* color */
88
+ }
data/assets/css/themes/gruvbox-light.css ADDED
@@ -0,0 +1,88 @@
1
+ /* Generated from gruvbox-light.css */
2
+
3
+ [data-theme="gruvbox-light"] {
4
+ --turbo-spacing-xs: 0.25rem; /* dimension */
5
+ --turbo-spacing-sm: 0.5rem; /* dimension */
6
+ --turbo-spacing-md: 1rem; /* dimension */
7
+ --turbo-spacing-lg: 1.5rem; /* dimension */
8
+ --turbo-spacing-xl: 2rem; /* dimension */
9
+ --turbo-elevation-none: none; /* shadow */
10
+ --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow */
11
+ --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow */
12
+ --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow */
13
+ --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow */
14
+ --turbo-animation-duration-fast: 150ms; /* duration */
15
+ --turbo-animation-duration-normal: 300ms; /* duration */
16
+ --turbo-animation-duration-slow: 500ms; /* duration */
17
+ --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1); /* cubicBezier */
18
+ --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1); /* cubicBezier */
19
+ --turbo-opacity-disabled: 0.5; /* number */
20
+ --turbo-opacity-hover: 0.8; /* number */
21
+ --turbo-opacity-pressed: 0.6; /* number */
22
+ --turbo-bg-base: #fbf1c7; /* color */
23
+ --turbo-bg-surface: #ebdbb2; /* color */
24
+ --turbo-bg-overlay: #d5c4a1; /* color */
25
+ --turbo-text-primary: #3c3836; /* color */
26
+ --turbo-text-secondary: #504945; /* color */
27
+ --turbo-text-inverse: #fbf1c7; /* color */
28
+ --turbo-brand-primary: #b57614; /* color */
29
+ --turbo-state-info: #076678; /* color */
30
+ --turbo-state-success: #79740e; /* color */
31
+ --turbo-state-warning: #b57614; /* color */
32
+ --turbo-state-danger: #9d0006; /* color */
33
+ --turbo-border-default: #bdae93; /* color */
34
+ --turbo-accent-link: #076678; /* color */
35
+ --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; /* fontFamily */
36
+ --turbo-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* fontFamily */
37
+ --turbo-heading-h1: #79740e; /* color */
38
+ --turbo-heading-h2: #076678; /* color */
39
+ --turbo-heading-h3: #427b58; /* color */
40
+ --turbo-heading-h4: #b57614; /* color */
41
+ --turbo-heading-h5: #8f3f71; /* color */
42
+ --turbo-heading-h6: #9d0006; /* color */
43
+ --turbo-body-primary: #3c3836; /* color */
44
+ --turbo-body-secondary: #504945; /* color */
45
+ --turbo-link-default: #076678; /* color */
46
+ --turbo-selection-fg: #3c3836; /* color */
47
+ --turbo-selection-bg: #d5c4a1; /* color */
48
+ --turbo-blockquote-border: #bdae93; /* color */
49
+ --turbo-blockquote-fg: #504945; /* color */
50
+ --turbo-blockquote-bg: #ebdbb2; /* color */
51
+ --turbo-code-inline-fg: #af3a03; /* color */
52
+ --turbo-code-inline-bg: #d5c4a1; /* color */
53
+ --turbo-code-block-fg: #3c3836; /* color */
54
+ --turbo-code-block-bg: #ebdbb2; /* color */
55
+ --turbo-table-border: #bdae93; /* color */
56
+ --turbo-table-stripe: #d5c4a1; /* color */
57
+ --turbo-table-thead-bg: #ebdbb2; /* color */
58
+ --turbo-components-card-bg: #fbf1c7; /* color */
59
+ --turbo-components-card-border: #bdae93; /* color */
60
+ --turbo-components-card-header-bg: #ebdbb2; /* color */
61
+ --turbo-components-card-footer-bg: #ebdbb2; /* color */
62
+ --turbo-components-message-bg: #ebdbb2; /* color */
63
+ --turbo-components-message-header-bg: #fbf1c7; /* color */
64
+ --turbo-components-message-border: #bdae93; /* color */
65
+ --turbo-components-message-body-fg: #3c3836; /* color */
66
+ --turbo-components-panel-bg: #fbf1c7; /* color */
67
+ --turbo-components-panel-header-bg: #ebdbb2; /* color */
68
+ --turbo-components-panel-header-fg: #3c3836; /* color */
69
+ --turbo-components-panel-border: #bdae93; /* color */
70
+ --turbo-components-panel-block-bg: #ebdbb2; /* color */
71
+ --turbo-components-panel-block-hover-bg: #fbf1c7; /* color */
72
+ --turbo-components-panel-block-active-bg: #d5c4a1; /* color */
73
+ --turbo-components-box-bg: #fbf1c7; /* color */
74
+ --turbo-components-box-border: #bdae93; /* color */
75
+ --turbo-components-notification-bg: #ebdbb2; /* color */
76
+ --turbo-components-notification-border: #bdae93; /* color */
77
+ --turbo-components-modal-bg: rgba(60, 56, 54, 0.86); /* color */
78
+ --turbo-components-modal-card-bg: #fbf1c7; /* color */
79
+ --turbo-components-modal-header-bg: #ebdbb2; /* color */
80
+ --turbo-components-modal-footer-bg: #ebdbb2; /* color */
81
+ --turbo-components-dropdown-bg: #fbf1c7; /* color */
82
+ --turbo-components-dropdown-item-hover-bg: #ebdbb2; /* color */
83
+ --turbo-components-dropdown-border: #bdae93; /* color */
84
+ --turbo-components-tabs-border: #bdae93; /* color */
85
+ --turbo-components-tabs-link-bg: #ebdbb2; /* color */
86
+ --turbo-components-tabs-link-active-bg: #fbf1c7; /* color */
87
+ --turbo-components-tabs-link-hover-bg: #d5c4a1; /* color */
88
+ }