@lgtm-hq/turbo-themes 0.12.16

package/packages/css/dist/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/packages/css/dist/turbo-syntax.css

@@ -0,0 +1,242 @@
+/* Turbo Themes - Syntax Highlighting */
+
+/* Astro Code component css-variables theme mapping */
+:root {
+  --astro-code-color-text: var(--turbo-syntax-fg, var(--turbo-text-primary));
+  --astro-code-color-background: var(--turbo-syntax-bg, var(--turbo-code-block-bg));
+  --astro-code-token-constant: var(--turbo-syntax-number);
+  --astro-code-token-string: var(--turbo-syntax-string);
+  --astro-code-token-comment: var(--turbo-syntax-comment);
+  --astro-code-token-keyword: var(--turbo-syntax-keyword);
+  --astro-code-token-parameter: var(--turbo-syntax-variable);
+  --astro-code-token-function: var(--turbo-syntax-function);
+  --astro-code-token-string-expression: var(--turbo-syntax-string);
+  --astro-code-token-punctuation: var(--turbo-syntax-punctuation);
+  --astro-code-token-link: var(--turbo-accent-link, var(--turbo-brand-primary));
+  /* Additional Astro tokens */
+  --astro-code-background: var(--turbo-syntax-bg, var(--turbo-code-block-bg));
+  --astro-code-foreground: var(--turbo-syntax-fg, var(--turbo-text-primary));
+}
+
+/* Astro Code component styling */
+.astro-code,
+pre.astro-code {
+  background-color: var(--turbo-syntax-bg, var(--turbo-code-block-bg)) !important;
+  padding: var(--space-lg);
+  border-radius: var(--radius-lg);
+  overflow-x: auto;
+  border: 1px solid var(--turbo-border-default);
+}
+
+.astro-code code {
+  background-color: transparent !important;
+  color: inherit;
+}
+
+/* Base highlight container - only applies to pre elements */
+.highlight,
+pre.highlight,
+pre[class*="language-"] {
+  background-color: var(--turbo-syntax-bg, var(--turbo-code-block-bg));
+  color: var(--turbo-syntax-fg, var(--turbo-code-block-fg));
+}
+
+/* Code inside pre should have transparent background */
+.highlight pre,
+.highlight code,
+pre code,
+pre code[class*="language-"] {
+  background-color: transparent;
+  color: inherit;
+}
+
+/* Comments */
+.highlight .c,
+.highlight .cm,
+.highlight .c1,
+.highlight .cs,
+.highlight .cp,
+.highlight .cpf,
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata,
+.hljs-comment,
+.hljs-quote {
+  color: var(--turbo-syntax-comment);
+  font-style: italic;
+}
+
+/* Keywords */
+.highlight .k,
+.highlight .kc,
+.highlight .kd,
+.highlight .kn,
+.highlight .kp,
+.highlight .kr,
+.highlight .kt,
+.highlight .kv,
+.token.keyword,
+.token.atrule,
+.token.important,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-built_in,
+.hljs-type {
+  color: var(--turbo-syntax-keyword);
+}
+
+/* Strings */
+.highlight .s,
+.highlight .s1,
+.highlight .s2,
+.highlight .sb,
+.highlight .sc,
+.highlight .sd,
+.highlight .se,
+.highlight .sh,
+.highlight .si,
+.highlight .sr,
+.highlight .ss,
+.highlight .sx,
+.token.string,
+.token.char,
+.token.regex,
+.token.template-string,
+.hljs-string,
+.hljs-regexp {
+  color: var(--turbo-syntax-string);
+}
+
+/* Numbers */
+.highlight .m,
+.highlight .mi,
+.highlight .mf,
+.highlight .mh,
+.highlight .mo,
+.highlight .mb,
+.highlight .mx,
+.highlight .il,
+.token.number,
+.token.boolean,
+.token.constant,
+.hljs-number,
+.hljs-literal {
+  color: var(--turbo-syntax-number);
+}
+
+/* Functions */
+.highlight .nf,
+.highlight .fm,
+.highlight .nb,
+.token.function,
+.token.builtin,
+.hljs-title.function_,
+.hljs-built_in {
+  color: var(--turbo-syntax-function);
+}
+
+/* Classes and types */
+.highlight .nc,
+.highlight .nn,
+.highlight .no,
+.highlight .nd,
+.token.class-name,
+.token.namespace,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: var(--turbo-syntax-type);
+}
+
+/* Variables and identifiers */
+.highlight .n,
+.highlight .nv,
+.highlight .vc,
+.highlight .vg,
+.highlight .vi,
+.highlight .vm,
+.token.variable,
+.hljs-variable,
+.hljs-template-variable {
+  color: var(--turbo-syntax-variable);
+}
+
+/* Operators */
+.highlight .o,
+.highlight .ow,
+.token.operator,
+.hljs-operator {
+  color: var(--turbo-syntax-operator);
+}
+
+/* Punctuation */
+.highlight .p,
+.token.punctuation,
+.hljs-punctuation {
+  color: var(--turbo-syntax-punctuation);
+}
+
+/* HTML/XML tags */
+.highlight .nt,
+.highlight .nx,
+.token.tag,
+.hljs-tag,
+.hljs-name {
+  color: var(--turbo-syntax-tag);
+}
+
+/* Attributes */
+.highlight .na,
+.highlight .atn,
+.token.attr-name,
+.hljs-attr {
+  color: var(--turbo-syntax-attribute);
+}
+
+/* Attribute values */
+.highlight .atv,
+.token.attr-value,
+.hljs-attr .hljs-string {
+  color: var(--turbo-syntax-value);
+}
+
+/* Errors */
+.highlight .err,
+.highlight .gr,
+.token.error,
+.hljs-error {
+  color: var(--turbo-syntax-error);
+}
+
+/* Diff: deletions */
+.highlight .gd,
+.token.deleted,
+.hljs-deletion {
+  color: var(--turbo-syntax-deleted);
+  background-color: color-mix(in srgb, var(--turbo-syntax-deleted) 15%, transparent);
+}
+
+/* Diff: insertions */
+.highlight .gi,
+.token.inserted,
+.hljs-addition {
+  color: var(--turbo-syntax-inserted);
+  background-color: color-mix(in srgb, var(--turbo-syntax-inserted) 15%, transparent);
+}
+
+/* Line numbers (if used) */
+.highlight .lineno,
+.line-numbers .line-numbers-rows,
+.hljs-ln-numbers {
+  color: var(--turbo-text-secondary);
+  opacity: 0.5;
+  user-select: none;
+}
+
+/* Selection within code */
+.highlight ::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"] ::selection {
+  background-color: var(--turbo-selection-bg);
+  color: var(--turbo-selection-fg);
+}