@lgtm-hq/turbo-themes 0.12.16

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

@@ -0,0 +1,58 @@
+/* Generated from catppuccin-mocha.css */
+
+[data-theme="catppuccin-mocha"] {
+  --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: #1e1e2e; /* color */
+  --turbo-bg-surface: #181825; /* color */
+  --turbo-bg-overlay: #11111b; /* color */
+  --turbo-text-primary: #cdd6f4; /* color */
+  --turbo-text-secondary: #a6adc8; /* color */
+  --turbo-text-inverse: #1e1e2e; /* color */
+  --turbo-brand-primary: #89b4fa; /* color */
+  --turbo-state-info: #89dceb; /* color */
+  --turbo-state-success: #a6e3a1; /* color */
+  --turbo-state-warning: #f9e2af; /* color */
+  --turbo-state-danger: #f38ba8; /* color */
+  --turbo-border-default: #6c7086; /* color */
+  --turbo-accent-link: #89b4fa; /* 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: #a6e3a1; /* color */
+  --turbo-heading-h2: #89b4fa; /* color */
+  --turbo-heading-h3: #74c7ec; /* color */
+  --turbo-heading-h4: #f9e2af; /* color */
+  --turbo-heading-h5: #cba6f7; /* color */
+  --turbo-heading-h6: #f38ba8; /* color */
+  --turbo-body-primary: #cdd6f4; /* color */
+  --turbo-body-secondary: #a6adc8; /* color */
+  --turbo-link-default: #89b4fa; /* color */
+  --turbo-selection-fg: #cdd6f4; /* color */
+  --turbo-selection-bg: #7f849c; /* color */
+  --turbo-blockquote-border: #7f849c; /* color */
+  --turbo-blockquote-fg: #cdd6f4; /* color */
+  --turbo-blockquote-bg: #181825; /* color */
+  --turbo-code-inline-fg: #cdd6f4; /* color */
+  --turbo-code-inline-bg: #313244; /* color */
+  --turbo-code-block-fg: #cdd6f4; /* color */
+  --turbo-code-block-bg: #313244; /* color */
+  --turbo-table-border: #7f849c; /* color */
+  --turbo-table-stripe: #313244; /* color */
+  --turbo-table-thead-bg: #45475a; /* color */
+}

package/assets/css/themes/dracula.css

@@ -0,0 +1,90 @@
+/* Generated from dracula.css */
+
+[data-theme="dracula"] {
+  --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: #282a36; /* color */
+  --turbo-bg-surface: #21222c; /* color */
+  --turbo-bg-overlay: #44475a; /* color */
+  --turbo-text-primary: #f8f8f2; /* color */
+  --turbo-text-secondary: #6272a4; /* color */
+  --turbo-text-inverse: #282a36; /* color */
+  --turbo-brand-primary: #bd93f9; /* color */
+  --turbo-state-info: #8be9fd; /* color */
+  --turbo-state-success: #50fa7b; /* color */
+  --turbo-state-warning: #f1fa8c; /* color */
+  --turbo-state-danger: #ff5555; /* color */
+  --turbo-border-default: #44475a; /* color */
+  --turbo-accent-link: #8be9fd; /* color */
+  --turbo-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* fontFamily */
+  --turbo-font-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* fontFamily */
+  --turbo-heading-h1: #ff79c6; /* color */
+  --turbo-heading-h2: #bd93f9; /* color */
+  --turbo-heading-h3: #8be9fd; /* color */
+  --turbo-heading-h4: #50fa7b; /* color */
+  --turbo-heading-h5: #ffb86c; /* color */
+  --turbo-heading-h6: #f1fa8c; /* color */
+  --turbo-body-primary: #f8f8f2; /* color */
+  --turbo-body-secondary: #6272a4; /* color */
+  --turbo-link-default: #8be9fd; /* color */
+  --turbo-selection-fg: #f8f8f2; /* color */
+  --turbo-selection-bg: #44475a; /* color */
+  --turbo-blockquote-border: #bd93f9; /* color */
+  --turbo-blockquote-fg: #6272a4; /* color */
+  --turbo-blockquote-bg: #21222c; /* color */
+  --turbo-code-inline-fg: #50fa7b; /* color */
+  --turbo-code-inline-bg: #21222c; /* color */
+  --turbo-code-block-fg: #f8f8f2; /* color */
+  --turbo-code-block-bg: #21222c; /* color */
+  --turbo-table-border: #44475a; /* color */
+  --turbo-table-stripe: #21222c; /* color */
+  --turbo-table-thead-bg: #44475a; /* color */
+  --turbo-content-table-cell-bg: #282a36; /* color */
+  --turbo-content-table-header-fg: #f8f8f2; /* color */
+  --turbo-components-card-bg: #21222c; /* color */
+  --turbo-components-card-border: #6272a4; /* color */
+  --turbo-components-card-header-bg: #282a36; /* color */
+  --turbo-components-card-footer-bg: #21222c; /* color */
+  --turbo-components-message-bg: #282a36; /* color */
+  --turbo-components-message-header-bg: #44475a; /* color */
+  --turbo-components-message-border: #6272a4; /* color */
+  --turbo-components-message-body-fg: #f8f8f2; /* color */
+  --turbo-components-panel-bg: #21222c; /* color */
+  --turbo-components-panel-header-bg: #44475a; /* color */
+  --turbo-components-panel-header-fg: #f8f8f2; /* color */
+  --turbo-components-panel-border: #6272a4; /* color */
+  --turbo-components-panel-block-bg: #282a36; /* color */
+  --turbo-components-panel-block-hover-bg: #2e303e; /* color */
+  --turbo-components-panel-block-active-bg: #44475a; /* color */
+  --turbo-components-box-bg: #21222c; /* color */
+  --turbo-components-box-border: #6272a4; /* color */
+  --turbo-components-notification-bg: #282a36; /* color */
+  --turbo-components-notification-border: #6272a4; /* color */
+  --turbo-components-modal-bg: rgba(40, 42, 54, 0.9); /* color */
+  --turbo-components-modal-card-bg: #21222c; /* color */
+  --turbo-components-modal-header-bg: #282a36; /* color */
+  --turbo-components-modal-footer-bg: #21222c; /* color */
+  --turbo-components-dropdown-bg: #21222c; /* color */
+  --turbo-components-dropdown-item-hover-bg: #2e303e; /* color */
+  --turbo-components-dropdown-border: #6272a4; /* color */
+  --turbo-components-tabs-border: #6272a4; /* color */
+  --turbo-components-tabs-link-bg: #2e303e; /* color */
+  --turbo-components-tabs-link-active-bg: #21222c; /* color */
+  --turbo-components-tabs-link-hover-bg: #44475a; /* color */
+}

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

@@ -0,0 +1,58 @@
+/* Generated from github-dark.css */
+
+[data-theme="github-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: #0d1117; /* color */
+  --turbo-bg-surface: #151b23; /* color */
+  --turbo-bg-overlay: #010409; /* color */
+  --turbo-text-primary: #f0f6fc; /* color */
+  --turbo-text-secondary: #9198a1; /* color */
+  --turbo-text-inverse: #ffffff; /* color */
+  --turbo-brand-primary: #1f6feb; /* color */
+  --turbo-state-info: #4493f8; /* color */
+  --turbo-state-success: #3fb950; /* color */
+  --turbo-state-warning: #d29922; /* color */
+  --turbo-state-danger: #f85149; /* color */
+  --turbo-border-default: #3d444d; /* color */
+  --turbo-accent-link: #4493f8; /* color */
+  --turbo-font-sans: "Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* fontFamily */
+  --turbo-font-mono: "Hubot Sans", ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, "Liberation Mono", monospace; /* fontFamily */
+  --turbo-heading-h1: #3fb950; /* color */
+  --turbo-heading-h2: #4493f8; /* color */
+  --turbo-heading-h3: #1f6feb; /* color */
+  --turbo-heading-h4: #d29922; /* color */
+  --turbo-heading-h5: #3fb950; /* color */
+  --turbo-heading-h6: #f85149; /* color */
+  --turbo-body-primary: #f0f6fc; /* color */
+  --turbo-body-secondary: #9198a1; /* color */
+  --turbo-link-default: #4493f8; /* color */
+  --turbo-selection-fg: #f0f6fc; /* color */
+  --turbo-selection-bg: #264f78; /* color */
+  --turbo-blockquote-border: #3d444d; /* color */
+  --turbo-blockquote-fg: #9198a1; /* color */
+  --turbo-blockquote-bg: #151b23; /* color */
+  --turbo-code-inline-fg: #f0f6fc; /* color */
+  --turbo-code-inline-bg: #151b23; /* color */
+  --turbo-code-block-fg: #f0f6fc; /* color */
+  --turbo-code-block-bg: #151b23; /* color */
+  --turbo-table-border: #3d444d; /* color */
+  --turbo-table-stripe: #151b23; /* color */
+  --turbo-table-thead-bg: #151b23; /* color */
+}

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

@@ -0,0 +1,58 @@
+/* Generated from github-light.css */
+
+[data-theme="github-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: #f6f8fa; /* color */
+  --turbo-bg-overlay: #f6f8fa; /* color */
+  --turbo-text-primary: #1f2328; /* color */
+  --turbo-text-secondary: #59636e; /* color */
+  --turbo-text-inverse: #ffffff; /* color */
+  --turbo-brand-primary: #0969da; /* color */
+  --turbo-state-info: #0969da; /* color */
+  --turbo-state-success: #1a7f37; /* color */
+  --turbo-state-warning: #9a6700; /* color */
+  --turbo-state-danger: #d1242f; /* color */
+  --turbo-border-default: #d1d9e0; /* color */
+  --turbo-accent-link: #0969da; /* color */
+  --turbo-font-sans: "Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* fontFamily */
+  --turbo-font-mono: "Hubot Sans", ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, "Liberation Mono", monospace; /* fontFamily */
+  --turbo-heading-h1: #1a7f37; /* color */
+  --turbo-heading-h2: #0969da; /* color */
+  --turbo-heading-h3: #0969da; /* color */
+  --turbo-heading-h4: #9a6700; /* color */
+  --turbo-heading-h5: #1a7f37; /* color */
+  --turbo-heading-h6: #d1242f; /* color */
+  --turbo-body-primary: #1f2328; /* color */
+  --turbo-body-secondary: #59636e; /* color */
+  --turbo-link-default: #0969da; /* color */
+  --turbo-selection-fg: #1f2328; /* color */
+  --turbo-selection-bg: #b6e3ff; /* color */
+  --turbo-blockquote-border: #d1d9e0; /* color */
+  --turbo-blockquote-fg: #59636e; /* color */
+  --turbo-blockquote-bg: #f6f8fa; /* color */
+  --turbo-code-inline-fg: #1f2328; /* color */
+  --turbo-code-inline-bg: #f6f8fa; /* color */
+  --turbo-code-block-fg: #1f2328; /* color */
+  --turbo-code-block-bg: #f6f8fa; /* color */
+  --turbo-table-border: #d1d9e0; /* color */
+  --turbo-table-stripe: #f6f8fa; /* color */
+  --turbo-table-thead-bg: #f6f8fa; /* color */
+}

package/assets/css/turbo-core.css

@@ -0,0 +1,92 @@
+:root {
+  --turbo-bg-base: #1e1e2e;
+  --turbo-bg-surface: #181825;
+  --turbo-bg-overlay: #11111b;
+  --turbo-text-primary: #cdd6f4;
+  --turbo-text-secondary: #a6adc8;
+  --turbo-text-inverse: #1e1e2e;
+  --turbo-brand-primary: #89b4fa;
+  --turbo-state-info: #89dceb;
+  --turbo-state-success: #a6e3a1;
+  --turbo-state-warning: #f9e2af;
+  --turbo-state-danger: #f38ba8;
+  --turbo-border-default: #6c7086;
+  --turbo-accent-link: #89b4fa;
+  --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
+  --turbo-font-mono: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --turbo-heading-h1: #a6e3a1;
+  --turbo-heading-h2: #89b4fa;
+  --turbo-heading-h3: #74c7ec;
+  --turbo-heading-h4: #f9e2af;
+  --turbo-heading-h5: #cba6f7;
+  --turbo-heading-h6: #f38ba8;
+  --turbo-body-primary: #cdd6f4;
+  --turbo-body-secondary: #a6adc8;
+  --turbo-link-default: #89b4fa;
+  --turbo-selection-fg: #cdd6f4;
+  --turbo-selection-bg: #7f849c;
+  --turbo-blockquote-border: #7f849c;
+  --turbo-blockquote-fg: #cdd6f4;
+  --turbo-blockquote-bg: #181825;
+  --turbo-code-inline-fg: #cdd6f4;
+  --turbo-code-inline-bg: #313244;
+  --turbo-code-block-fg: #cdd6f4;
+  --turbo-code-block-bg: #313244;
+  --turbo-table-border: #7f849c;
+  --turbo-table-stripe: #313244;
+  --turbo-table-thead-bg: #45475a;
+  --turbo-table-cell-bg: #1e1e2e;
+  --turbo-table-header-fg: #cdd6f4;
+  --turbo-syntax-fg: #cdd6f4;
+  --turbo-syntax-bg: #313244;
+  --turbo-syntax-comment: #a6adc8;
+  --turbo-syntax-keyword: #89b4fa;
+  --turbo-syntax-string: #a6e3a1;
+  --turbo-syntax-number: #f9e2af;
+  --turbo-syntax-function: #89dceb;
+  --turbo-syntax-type: #89b4fa;
+  --turbo-syntax-variable: #cdd6f4;
+  --turbo-syntax-operator: #a6adc8;
+  --turbo-syntax-punctuation: #a6adc8;
+  --turbo-syntax-tag: #f38ba8;
+  --turbo-syntax-attribute: #89dceb;
+  --turbo-syntax-value: #a6e3a1;
+  --turbo-syntax-error: #f38ba8;
+  --turbo-syntax-deleted: #f38ba8;
+  --turbo-syntax-inserted: #a6e3a1;
+
+  /* Spacing */
+  --space-xs: 0.25rem;
+  --space-sm: 0.5rem;
+  --space-md: 1rem;
+  --space-lg: 1.5rem;
+  --space-xl: 2rem;
+  --space-2xl: 3rem;
+  --space-3xl: 4rem;
+  --space-4xl: 6rem;
+
+  /* Border Radius */
+  --radius-sm: 0.5rem;
+  --radius-md: 0.75rem;
+  --radius-lg: 1rem;
+  --radius-xl: 1.5rem;
+  --radius-2xl: 2rem;
+  --radius-full: 9999px;
+
+  /* Shadows */
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
+  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);
+  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
+  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.04);
+  --shadow-glow: 0 0 30px color-mix(in srgb, var(--turbo-brand-primary) 30%, transparent);
+  --shadow-glow-sm: 0 0 15px color-mix(in srgb, var(--turbo-brand-primary) 20%, transparent);
+
+  /* Transitions */
+  --transition-fast: 120ms ease-out;
+  --transition-normal: 200ms ease-out;
+  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
+
+  /* Gradients (theme-aware) */
+  --gradient-primary: linear-gradient(135deg, var(--turbo-brand-primary), var(--turbo-state-info));
+  --gradient-surface: linear-gradient(180deg, var(--turbo-bg-surface), var(--turbo-bg-base));
+}

package/dist/adapters/bootstrap/_utilities.scss

@@ -0,0 +1,178 @@
+// SPDX-License-Identifier: MIT
+/**
+ * Bootstrap utility classes for Turbo Themes
+ *
+ * Additional utility classes that extend Bootstrap with Turbo Theme tokens.
+ * Import after Bootstrap's main styles.
+ *
+ * @example
+ * ```scss
+ * @import "~bootstrap/scss/bootstrap";
+ * @import "~@lgtm-hq/turbo-themes/adapters/bootstrap/utilities";
+ * ```
+ */
+
+// Theme-aware background and text utilities
+.bg-theme-surface {
+  background-color: var(--turbo-bg-surface) !important;
+}
+.bg-theme-surface-alt {
+  background-color: var(--turbo-bg-surface-alt) !important;
+}
+.bg-theme-primary {
+  background-color: var(--turbo-brand-primary) !important;
+}
+.bg-theme-accent {
+  background-color: var(--turbo-accent-link) !important;
+}
+
+.text-theme-primary {
+  color: var(--turbo-text-primary) !important;
+}
+.text-theme-secondary {
+  color: var(--turbo-text-secondary) !important;
+}
+.text-theme-inverse {
+  color: var(--turbo-text-inverse) !important;
+}
+.text-theme-brand {
+  color: var(--turbo-brand-primary) !important;
+}
+.text-theme-accent {
+  color: var(--turbo-accent-link) !important;
+}
+
+.border-theme {
+  border-color: var(--turbo-border-default) !important;
+}
+.border-theme-strong {
+  border-color: var(--turbo-border-strong, var(--turbo-border-default)) !important;
+}
+
+// Heading color utilities
+.text-heading-1 {
+  color: var(--turbo-heading-h1) !important;
+}
+.text-heading-2 {
+  color: var(--turbo-heading-h2) !important;
+}
+.text-heading-3 {
+  color: var(--turbo-heading-h3) !important;
+}
+.text-heading-4 {
+  color: var(--turbo-heading-h4) !important;
+}
+.text-heading-5 {
+  color: var(--turbo-heading-h5) !important;
+}
+.text-heading-6 {
+  color: var(--turbo-heading-h6) !important;
+}
+
+// Code styling
+.code-inline {
+  color: var(--turbo-code-inline-fg);
+  background-color: var(--turbo-code-inline-bg);
+  padding: 0.125rem 0.25rem;
+  border-radius: 0.25rem;
+  font-family: var(--turbo-font-mono);
+  font-size: 0.875em;
+}
+
+.code-block {
+  color: var(--turbo-code-block-fg);
+  background-color: var(--turbo-code-block-bg);
+  padding: 1rem;
+  border-radius: 0.375rem;
+  font-family: var(--turbo-font-mono);
+  font-size: 0.875em;
+  overflow-x: auto;
+}
+
+// Blockquote styling
+.blockquote-theme {
+  border-left: 4px solid var(--turbo-blockquote-border);
+  color: var(--turbo-blockquote-fg);
+  background-color: var(--turbo-blockquote-bg);
+  padding: 0.5rem 1rem;
+  margin: 1rem 0;
+  font-style: italic;
+}
+
+// Selection styling
+::selection {
+  background-color: var(--turbo-selection-bg);
+  color: var(--turbo-selection-fg);
+}
+
+// Focus styling for better accessibility
+.focus-theme:focus {
+  outline: 2px solid var(--turbo-brand-primary);
+  outline-offset: 2px;
+}
+
+// Spacing utilities (if spacing tokens are available)
+.spacing-xs {
+  gap: var(--turbo-spacing-xs, 0.25rem) !important;
+}
+.spacing-sm {
+  gap: var(--turbo-spacing-sm, 0.5rem) !important;
+}
+.spacing-md {
+  gap: var(--turbo-spacing-md, 1rem) !important;
+}
+.spacing-lg {
+  gap: var(--turbo-spacing-lg, 1.5rem) !important;
+}
+.spacing-xl {
+  gap: var(--turbo-spacing-xl, 2rem) !important;
+}
+
+// Elevation/shadow utilities (if elevation tokens are available)
+.shadow-elevation-sm {
+  box-shadow: var(--turbo-elevation-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05)) !important;
+}
+.shadow-elevation-md {
+  box-shadow: var(--turbo-elevation-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1)) !important;
+}
+.shadow-elevation-lg {
+  box-shadow: var(--turbo-elevation-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1)) !important;
+}
+.shadow-elevation-xl {
+  box-shadow: var(--turbo-elevation-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1)) !important;
+}
+
+// Animation utilities (if animation tokens are available)
+.transition-fast {
+  transition-duration: var(--turbo-animation-duration-fast, 150ms) !important;
+}
+.transition-normal {
+  transition-duration: var(--turbo-animation-duration-normal, 300ms) !important;
+}
+.transition-slow {
+  transition-duration: var(--turbo-animation-duration-slow, 500ms) !important;
+}
+
+.ease-default {
+  transition-timing-function: var(
+    --turbo-animation-easing-default,
+    cubic-bezier(0.4, 0, 0.2, 1)
+  ) !important;
+}
+.ease-emphasized {
+  transition-timing-function: var(
+    --turbo-animation-easing-emphasized,
+    cubic-bezier(0.05, 0.7, 0.1, 1)
+  ) !important;
+}
+
+// Opacity utilities (if opacity tokens are available)
+.opacity-disabled {
+  opacity: var(--turbo-opacity-disabled, 0.5) !important;
+}
+.opacity-hover {
+  opacity: var(--turbo-opacity-hover, 0.8) !important;
+}
+.opacity-pressed {
+  opacity: var(--turbo-opacity-pressed, 0.6) !important;
+}

package/dist/adapters/bootstrap/_variables.scss

@@ -0,0 +1,99 @@
+// SPDX-License-Identifier: MIT
+/**
+ * Bootstrap SCSS variables for Turbo Themes
+ *
+ * Maps Turbo Theme design tokens to Bootstrap 5 SCSS variables.
+ * Import this file after Bootstrap's defaults but before your custom styles.
+ *
+ * IMPORTANT: These variables use CSS custom properties (var(--turbo-*)).
+ * Sass treats these as strings, so Bootstrap's color functions (darken,
+ * lighten, mix, etc.) won't work with them. For full color manipulation,
+ * use static color values at compile time and CSS variable overrides at
+ * runtime. See the documentation for the recommended approach.
+ *
+ * @example
+ * ```scss
+ * @import "~bootstrap/scss/functions";
+ * @import "~bootstrap/scss/variables";
+ * @import "~@lgtm-hq/turbo-themes/adapters/bootstrap/variables";
+ * @import "~bootstrap/scss/bootstrap";
+ * ```
+ */
+
+// Color palette mapping
+$primary: var(--turbo-brand-primary) !default;
+$secondary: var(--turbo-text-secondary) !default;
+$success: var(--turbo-state-success) !default;
+$info: var(--turbo-state-info) !default;
+$warning: var(--turbo-state-warning) !default;
+$danger: var(--turbo-state-danger) !default;
+$light: var(--turbo-bg-surface) !default;
+$dark: var(--turbo-text-primary) !default;
+
+// Body and text colors
+$body-color: var(--turbo-text-primary) !default;
+$body-bg: var(--turbo-bg-base) !default;
+
+// Links
+$link-color: var(--turbo-accent-link) !default;
+$link-hover-color: var(--turbo-accent-link) !default;
+
+// Borders
+$border-color: var(--turbo-border-default) !default;
+
+// Component backgrounds
+$component-active-bg: var(--turbo-bg-surface) !default;
+
+// Card component
+$card-bg: var(--turbo-bg-surface) !default;
+$card-border-color: var(--turbo-border-default) !default;
+$card-cap-bg: var(--turbo-bg-surface-alt) !default;
+
+// Dropdown
+$dropdown-bg: var(--turbo-bg-surface) !default;
+$dropdown-border-color: var(--turbo-border-default) !default;
+$dropdown-link-hover-bg: var(--turbo-bg-surface-alt) !default;
+
+// Modal
+$modal-content-bg: var(--turbo-bg-surface) !default;
+$modal-header-border-color: var(--turbo-border-default) !default;
+$modal-footer-border-color: var(--turbo-border-default) !default;
+
+// Navigation
+$navbar-light-bg: var(--turbo-bg-surface) !default;
+$navbar-light-color: var(--turbo-text-primary) !default;
+$navbar-dark-bg: var(--turbo-bg-base) !default;
+$navbar-dark-color: var(--turbo-text-primary) !default;
+
+// Tables
+$table-bg: var(--turbo-bg-surface) !default;
+$table-striped-bg: var(--turbo-table-stripe) !default;
+$table-border-color: var(--turbo-table-border) !default;
+$table-head-bg: var(--turbo-table-thead-bg) !default;
+
+// Code blocks
+$code-color: var(--turbo-code-inline-fg) !default;
+$code-bg: var(--turbo-code-inline-bg) !default;
+
+// Blockquotes
+$blockquote-footer-color: var(--turbo-blockquote-fg) !default;
+
+// Focus and selection
+$input-focus-border-color: var(--turbo-brand-primary) !default;
+$selection-bg: var(--turbo-selection-bg) !default;
+$selection-color: var(--turbo-selection-fg) !default;
+
+// Spacing (if available)
+$spacer: var(--turbo-spacing-md, 1rem) !default;
+
+// Typography
+$font-family-sans-serif: var(--turbo-font-sans) !default;
+$font-family-monospace: var(--turbo-font-mono) !default;
+
+// Headings
+$h1-color: var(--turbo-heading-h1) !default;
+$h2-color: var(--turbo-heading-h2) !default;
+$h3-color: var(--turbo-heading-h3) !default;
+$h4-color: var(--turbo-heading-h4) !default;
+$h5-color: var(--turbo-heading-h5) !default;
+$h6-color: var(--turbo-heading-h6) !default;