@almadar/shell-web 0.0.0-stage → 0.1.0

package/themes/terminal.css

@@ -0,0 +1,466 @@
+/**
+ * GENERATED — do not edit by hand.
+ * Source: packages/almadar-core/themes/terminal.json
+ * Regenerate: node tools/almadar-pattern-sync/dist/index.js themes (or `almadar-sync themes`)
+ */
+
+[data-theme="terminal-light"] {
+    --color-primary: #1e66f5;
+    --color-primary-hover: #1650c4;
+    --color-primary-foreground: #ffffff;
+    --color-secondary: #4c4f69;
+    --color-secondary-hover: #3c3f54;
+    --color-secondary-foreground: #eff1f5;
+    --color-accent: #8839ef;
+    --color-accent-foreground: #ffffff;
+    --color-muted: #e6e9ef;
+    --color-muted-foreground: #5c5f77;
+    --color-background: #eff1f5;
+    --color-foreground: #4c4f69;
+    --color-card: #ffffff;
+    --color-card-foreground: #4c4f69;
+    --color-surface: #e6e9ef;
+    --color-border: #ccd0da;
+    --color-input: #bcc0cc;
+    --color-ring: #1e66f5;
+    --color-table-header: #4c4f69;
+    --color-table-border: #ccd0da;
+    --color-table-row-hover: #e6e9ef;
+    --color-surface-hover: #dce0e8;
+    --color-border-hover: #acb0be;
+    --color-placeholder: #8c8fa1;
+    --color-error: #d20f39;
+    --color-error-foreground: #ffffff;
+    --color-success: #2d7a1f;
+    --color-success-foreground: #ffffff;
+    --color-warning: #df8e1d;
+    --color-warning-foreground: #1e1e2e;
+    --color-info: #0369a1;
+    --color-info-foreground: #ffffff;
+    --color-scrim: rgba(17, 17, 27, 0.5);
+    --color-series-1: #dc8a78;
+    --color-series-2: #8839ef;
+    --color-series-3: #7c7f93;
+    --color-series-4: #fe640b;
+    --color-series-5: #179299;
+    --color-series-6: #ea76cb;
+    --color-series-7: #7287fd;
+    --color-series-8: #06d6a0;
+    --color-diagram-ink: #1e66f5;
+    --color-diagram-label: #bac2de;
+    --color-diagram-guide: #9ca0b0;
+    --color-diagram-axis: #6c6f85;
+    --color-diagram-grid: #dce0e8;
+    --color-diagram-highlight: #04a5e5;
+    --color-diagram-fill: #dce6fd;
+    --radius-none: 0px;
+    --radius-sm: 4px;
+    --radius-md: 6px;
+    --radius-lg: 8px;
+    --radius-xl: 10px;
+    --radius-full: 9999px;
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+    --font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+    --letter-spacing: 0.01em;
+    --line-height: 1.35;
+    --icon-color: currentColor;
+    --transition-fast: 60ms;
+    --transition-normal: 100ms;
+    --transition-slow: 140ms;
+    --transition-timing: linear;
+    --hover-scale: 1;
+    --hover-translate-y: 0;
+    --hover-translate-x: 0;
+    --active-scale: 1;
+    --active-translate-y: 0;
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 0px;
+    --focus-ring-color: #067a3c;
+    --shadow-main: none;
+    --shadow-sm: none;
+    --shadow-lg: none;
+    --shadow-inner: none;
+    --shadow-none: none;
+    --shadow-hover: none;
+    --shadow-active: none;
+    --space-0: 0px;
+    --space-1: 3px;
+    --space-2: 6px;
+    --space-3: 9px;
+    --space-4: 12px;
+    --space-5: 15px;
+    --space-6: 18px;
+    --space-7: 21px;
+    --space-8: 24px;
+    --space-9: 27px;
+    --space-10: 30px;
+    --space-11: 33px;
+    --space-12: 36px;
+    --button-height-sm: 20px;
+    --button-height-md: 24px;
+    --button-height-lg: 30px;
+    --input-height-sm: 20px;
+    --input-height-md: 24px;
+    --input-height-lg: 30px;
+    --row-height-compact: 22px;
+    --row-height-normal: 28px;
+    --row-height-spacious: 34px;
+    --card-padding-sm: 6px;
+    --card-padding-md: 8px;
+    --card-padding-lg: 12px;
+    --dialog-padding: 12px;
+    --section-gap: 16px;
+    --font-family-display: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --font-family-body: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --font-family-mono: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --heading-weight: 600;
+    --heading-transform: none;
+    --heading-tracking: -0.01em;
+    --heading-style: normal;
+    --heading-shadow: none;
+    --text-xs: 11px;
+    --leading-xs: 14px;
+    --text-sm: 12px;
+    --leading-sm: 16px;
+    --text-base: 13px;
+    --leading-base: 17px;
+    --text-lg: 14px;
+    --leading-lg: 18px;
+    --text-xl: 15px;
+    --leading-xl: 20px;
+    --text-2xl: 16px;
+    --leading-2xl: 20px;
+    --text-3xl: 18px;
+    --leading-3xl: 22px;
+    --text-4xl: 20px;
+    --leading-4xl: 24px;
+    --text-display-1: 24px;
+    --leading-display-1: 28px;
+    --text-display-2: 28px;
+    --leading-display-2: 32px;
+    --intent-heading-major-size: var(--text-2xl);
+    --intent-heading-major-weight: var(--font-weight-bold);
+    --intent-heading-major-leading: var(--leading-2xl);
+    --intent-heading-minor-size: var(--text-lg);
+    --intent-heading-minor-weight: var(--font-weight-bold);
+    --intent-heading-minor-leading: var(--leading-lg);
+    --intent-body-emphasis-size: var(--text-sm);
+    --intent-body-emphasis-weight: var(--font-weight-medium);
+    --intent-body-emphasis-leading: var(--leading-sm);
+    --intent-body-default-size: var(--text-sm);
+    --intent-body-default-weight: var(--font-weight-normal);
+    --intent-body-default-leading: var(--leading-sm);
+    --intent-body-quiet-size: var(--text-sm);
+    --intent-body-quiet-weight: var(--font-weight-normal);
+    --intent-body-quiet-leading: var(--leading-sm);
+    --intent-caption-size: var(--text-xs);
+    --intent-caption-weight: var(--font-weight-normal);
+    --intent-caption-leading: var(--leading-xs);
+    --intent-numeric-size: var(--text-sm);
+    --intent-numeric-weight: var(--font-weight-medium);
+    --intent-numeric-leading: var(--leading-sm);
+    --duration-instant: 0ms;
+    --duration-fast: var(--transition-fast);
+    --duration-normal: var(--transition-normal);
+    --duration-slow: var(--transition-slow);
+    --duration-dramatic: 200ms;
+    --easing-linear: linear;
+    --easing-standard: steps(4, end);
+    --easing-emphasized: steps(4, end);
+    --easing-spring: steps(4, end);
+    --motion-modal-enter-from-transform: none;
+    --motion-modal-exit-to-transform: none;
+    --motion-popover-enter-from-transform: none;
+    --motion-popover-exit-to-transform: none;
+    --motion-toast-enter-from-transform: none;
+    --motion-toast-exit-to-transform: none;
+    --motion-page-enter-from-transform: none;
+    --icon-family: phosphor-fill;
+    --icon-stroke-width: 0;
+    --icon-default-size: 14px;
+    --elevation-card: none;
+    --elevation-popover: 0 8px 24px rgba(0,0,0,0.18);
+    --elevation-dialog: 0 16px 48px rgba(0,0,0,0.28);
+    --elevation-toast: 0 8px 24px rgba(0,0,0,0.18);
+    --elevation-interactive: none;
+    --elevation-pressed: none;
+    --radius-container: 8px;
+    --radius-interactive: 6px;
+    --radius-pill: 9999px;
+    --border-hairline: 1px;
+    --border-standard: var(--border-width);
+    --border-heavy: var(--border-width-thick);
+    --corner-shape: round;
+    --corner-shape-pill: round;
+    --border-style: solid;
+    --border-style-interactive: solid;
+    --surface-page-image: none;
+    --surface-page-image-size: auto;
+    --surface-diagram: #020a04;
+    --surface-edge-mask: none;
+    --surface-edge-height: 0px;
+    --surface-texture-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><path d='M0 .5H40M.5 0V40' stroke='black' stroke-width='1' fill='none'/></svg>");
+    --surface-texture-size: 40px 40px;
+    --surface-accent-image: none;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1px;
+    --diagram-stroke-bold: 2px;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 4 4;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: outline;
+    --diagram-fill-opacity: 0.15;
+    --diagram-roughness: 0;
+    --diagram-glow: 6;
+    --diagram-shadow: none;
+    --diagram-marker: line;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 400;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0;
+    --material-roughness: 0.5;
+    --material-metalness: 0.1;
+    --material-flat: 1;
+    --material-outline: 1;
+    --light-ambient: 0.3;
+    --light-key: 0.9;
+    --light-key-color: #66ff99;
+    --scene-fog: 0.3;
+}
+
+[data-theme="terminal-dark"] {
+    --color-primary: #7aa2f7;
+    --color-primary-hover: #94b4f9;
+    --color-primary-foreground: #16161e;
+    --color-secondary: #292e42;
+    --color-secondary-hover: #343a52;
+    --color-secondary-foreground: #c0caf5;
+    --color-accent: #bb9af7;
+    --color-accent-foreground: #16161e;
+    --color-muted: #24283b;
+    --color-muted-foreground: #a9b1d6;
+    --color-background: #1a1b26;
+    --color-foreground: #c0caf5;
+    --color-card: #1f2335;
+    --color-card-foreground: #c0caf5;
+    --color-surface: #24283b;
+    --color-border: #2f354f;
+    --color-input: #3b4261;
+    --color-ring: #7aa2f7;
+    --color-table-header: #c0caf5;
+    --color-table-border: #2f354f;
+    --color-table-row-hover: #292e42;
+    --color-surface-hover: #292e42;
+    --color-border-hover: #414868;
+    --color-placeholder: #737aa2;
+    --color-error: #f7768e;
+    --color-error-foreground: #16161e;
+    --color-success: #9ece6a;
+    --color-success-foreground: #16161e;
+    --color-warning: #e0af68;
+    --color-warning-foreground: #16161e;
+    --color-info: #7dcfff;
+    --color-info-foreground: #16161e;
+    --color-scrim: rgba(8, 8, 14, 0.65);
+    --color-series-1: #7dcfff;
+    --color-series-2: #bb9af7;
+    --color-series-3: #db4b4b;
+    --color-series-4: #ff9e64;
+    --color-series-5: #2ac3de;
+    --color-series-6: #06d6a0;
+    --color-series-7: #ff007c;
+    --color-series-8: #73daca;
+    --color-diagram-ink: #7aa2f7;
+    --color-diagram-label: #c0caf5;
+    --color-diagram-guide: #565f89;
+    --color-diagram-axis: #a9b1d6;
+    --color-diagram-grid: #292e42;
+    --color-diagram-highlight: #b4f9f8;
+    --color-diagram-fill: #283457;
+    --radius-none: 0px;
+    --radius-sm: 4px;
+    --radius-md: 6px;
+    --radius-lg: 8px;
+    --radius-xl: 10px;
+    --radius-full: 9999px;
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+    --font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+    --letter-spacing: 0.01em;
+    --line-height: 1.35;
+    --icon-color: currentColor;
+    --transition-fast: 60ms;
+    --transition-normal: 100ms;
+    --transition-slow: 140ms;
+    --transition-timing: linear;
+    --hover-scale: 1;
+    --hover-translate-y: 0;
+    --hover-translate-x: 0;
+    --active-scale: 1;
+    --active-translate-y: 0;
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 0px;
+    --focus-ring-color: #067a3c;
+    --shadow-main: none;
+    --shadow-sm: none;
+    --shadow-lg: none;
+    --shadow-inner: none;
+    --shadow-none: none;
+    --shadow-hover: none;
+    --shadow-active: none;
+    --space-0: 0px;
+    --space-1: 3px;
+    --space-2: 6px;
+    --space-3: 9px;
+    --space-4: 12px;
+    --space-5: 15px;
+    --space-6: 18px;
+    --space-7: 21px;
+    --space-8: 24px;
+    --space-9: 27px;
+    --space-10: 30px;
+    --space-11: 33px;
+    --space-12: 36px;
+    --button-height-sm: 20px;
+    --button-height-md: 24px;
+    --button-height-lg: 30px;
+    --input-height-sm: 20px;
+    --input-height-md: 24px;
+    --input-height-lg: 30px;
+    --row-height-compact: 22px;
+    --row-height-normal: 28px;
+    --row-height-spacious: 34px;
+    --card-padding-sm: 6px;
+    --card-padding-md: 8px;
+    --card-padding-lg: 12px;
+    --dialog-padding: 12px;
+    --section-gap: 16px;
+    --font-family-display: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --font-family-body: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --font-family-mono: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --heading-weight: 600;
+    --heading-transform: none;
+    --heading-tracking: -0.01em;
+    --heading-style: normal;
+    --heading-shadow: none;
+    --text-xs: 11px;
+    --leading-xs: 14px;
+    --text-sm: 12px;
+    --leading-sm: 16px;
+    --text-base: 13px;
+    --leading-base: 17px;
+    --text-lg: 14px;
+    --leading-lg: 18px;
+    --text-xl: 15px;
+    --leading-xl: 20px;
+    --text-2xl: 16px;
+    --leading-2xl: 20px;
+    --text-3xl: 18px;
+    --leading-3xl: 22px;
+    --text-4xl: 20px;
+    --leading-4xl: 24px;
+    --text-display-1: 24px;
+    --leading-display-1: 28px;
+    --text-display-2: 28px;
+    --leading-display-2: 32px;
+    --intent-heading-major-size: var(--text-2xl);
+    --intent-heading-major-weight: var(--font-weight-bold);
+    --intent-heading-major-leading: var(--leading-2xl);
+    --intent-heading-minor-size: var(--text-lg);
+    --intent-heading-minor-weight: var(--font-weight-bold);
+    --intent-heading-minor-leading: var(--leading-lg);
+    --intent-body-emphasis-size: var(--text-sm);
+    --intent-body-emphasis-weight: var(--font-weight-medium);
+    --intent-body-emphasis-leading: var(--leading-sm);
+    --intent-body-default-size: var(--text-sm);
+    --intent-body-default-weight: var(--font-weight-normal);
+    --intent-body-default-leading: var(--leading-sm);
+    --intent-body-quiet-size: var(--text-sm);
+    --intent-body-quiet-weight: var(--font-weight-normal);
+    --intent-body-quiet-leading: var(--leading-sm);
+    --intent-caption-size: var(--text-xs);
+    --intent-caption-weight: var(--font-weight-normal);
+    --intent-caption-leading: var(--leading-xs);
+    --intent-numeric-size: var(--text-sm);
+    --intent-numeric-weight: var(--font-weight-medium);
+    --intent-numeric-leading: var(--leading-sm);
+    --duration-instant: 0ms;
+    --duration-fast: var(--transition-fast);
+    --duration-normal: var(--transition-normal);
+    --duration-slow: var(--transition-slow);
+    --duration-dramatic: 200ms;
+    --easing-linear: linear;
+    --easing-standard: steps(4, end);
+    --easing-emphasized: steps(4, end);
+    --easing-spring: steps(4, end);
+    --motion-modal-enter-from-transform: none;
+    --motion-modal-exit-to-transform: none;
+    --motion-popover-enter-from-transform: none;
+    --motion-popover-exit-to-transform: none;
+    --motion-toast-enter-from-transform: none;
+    --motion-toast-exit-to-transform: none;
+    --motion-page-enter-from-transform: none;
+    --icon-family: phosphor-fill;
+    --icon-stroke-width: 0;
+    --icon-default-size: 14px;
+    --elevation-card: none;
+    --elevation-popover: 0 8px 24px rgba(0,0,0,0.18);
+    --elevation-dialog: 0 16px 48px rgba(0,0,0,0.28);
+    --elevation-toast: 0 8px 24px rgba(0,0,0,0.18);
+    --elevation-interactive: none;
+    --elevation-pressed: none;
+    --radius-container: 8px;
+    --radius-interactive: 6px;
+    --radius-pill: 9999px;
+    --border-hairline: 1px;
+    --border-standard: var(--border-width);
+    --border-heavy: var(--border-width-thick);
+    --corner-shape: round;
+    --corner-shape-pill: round;
+    --border-style: solid;
+    --border-style-interactive: solid;
+    --surface-page-image: none;
+    --surface-page-image-size: auto;
+    --surface-edge-mask: none;
+    --surface-edge-height: 0px;
+    --surface-texture-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><path d='M0 .5H40M.5 0V40' stroke='black' stroke-width='1' fill='none'/></svg>");
+    --surface-texture-size: 40px 40px;
+    --surface-accent-image: none;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1px;
+    --diagram-stroke-bold: 2px;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 4 4;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: outline;
+    --diagram-fill-opacity: 0.15;
+    --diagram-roughness: 0;
+    --diagram-glow: 6;
+    --diagram-shadow: none;
+    --diagram-marker: line;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 400;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0;
+    --material-roughness: 0.5;
+    --material-metalness: 0.1;
+    --material-flat: 1;
+    --material-outline: 1;
+    --light-ambient: 0.3;
+    --light-key: 0.9;
+    --light-key-color: #66ff99;
+    --scene-fog: 0.3;
+}