{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "theme-showcase", "title": "Corti Showcase Theme", "description": "Playful 90s 8-bit inspired showcase themes using IBM Plex Mono typography and square edges.", "registryDependencies": [ "@corti/theme-core" ], "css": { "@layer base": { "html[data-theme=\"corti-showcase-light\"]": { "--font-sans": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", "--font-mono": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", "--background": "hsl(0 0% 100%)", "--foreground": "hsl(0 0% 14%)", "--grid-dot": "#d1d5db", "--card": "hsl(0 0% 100%)", "--card-foreground": "hsl(0 0% 14%)", "--popover": "hsl(0 0% 95%)", "--popover-foreground": "hsl(0 0% 14%)", "--primary": "#b8f818", "--primary-foreground": "hsl(0 0% 0%)", "--secondary": "hsl(0 0% 92%)", "--secondary-foreground": "hsl(0 0% 18%)", "--muted": "hsl(0 0% 95%)", "--muted-foreground": "hsl(0 0% 30%)", "--accent": "hsl(0 0% 92%)", "--accent-foreground": "hsl(0 0% 16%)", "--destructive": "hsl(0 84% 40%)", "--destructive-foreground": "hsl(0 0% 98%)", "--border": "hsl(0 0% 82%)", "--input": "hsl(0 0% 72%)", "--ring": "hsl(78 82% 47%)", "--radius": "0px", "--radius-sm": "0px", "--radius-md": "0px", "--radius-lg": "0px", "--radius-xl": "0px", "--radius-2xl": "0px", "--radius-3xl": "0px", "--radius-4xl": "0px", "--chart-1": "hsl(78 82% 47%)", "--chart-2": "hsl(199 92% 52%)", "--chart-3": "hsl(328 84% 60%)", "--chart-4": "hsl(44 100% 50%)", "--chart-5": "hsl(0 0% 40%)", "--sidebar": "hsl(0 0% 97%)", "--sidebar-foreground": "hsl(0 0% 14%)", "--sidebar-primary": "hsl(78 82% 47%)", "--sidebar-primary-foreground": "hsl(0 0% 0%)", "--sidebar-accent": "hsl(0 0% 92%)", "--sidebar-accent-foreground": "hsl(0 0% 14%)", "--sidebar-border": "hsl(0 0% 82%)", "--sidebar-ring": "hsl(78 82% 47%)", "--variant-error-bg": "hsl(0 100% 97%)", "--variant-error-border": "hsl(0 88% 72%)", "--variant-error-text": "hsl(0 72% 30%)", "--variant-info-bg": "hsl(210 100% 97%)", "--variant-info-border": "hsl(210 88% 72%)", "--variant-info-text": "hsl(215 60% 24%)", "--variant-success-bg": "hsl(85 100% 94%)", "--variant-success-border": "hsl(86 70% 50%)", "--variant-success-text": "hsl(120 60% 22%)", "--variant-warning-bg": "hsl(45 100% 92%)", "--variant-warning-border": "hsl(38 90% 52%)", "--variant-warning-text": "hsl(25 88% 24%)", "button-height": "2.35rem", "button-px": "1rem", "button-py": "0.5rem", "input-height": "2.35rem", "input-px": "0.75rem", "input-py": "0.25rem", "textarea-min-height": "4rem", "textarea-px": "0.75rem", "textarea-py": "0.5rem", "select-height": "2.35rem", "select-px": "0.75rem", "select-py": "0.5rem", "switch-height": "1.15rem", "switch-width": "2rem", "button-radius": "0px", "input-radius": "0px", "textarea-radius": "0px", "select-radius": "0px", "select-content-radius": "0px", "popover-radius": "0px", "tabs-list-radius": "0px", "tabs-trigger-radius": "0px", "button-default-bg": "var(--primary)", "button-default-fg": "var(--primary-foreground)", "button-default-hover-bg": "var(--primary)", "button-destructive-bg": "var(--destructive)", "button-destructive-fg": "var(--destructive-foreground)", "button-destructive-hover-bg": "var(--destructive)", "button-outline-bg": "var(--background)", "button-outline-fg": "var(--foreground)", "button-outline-hover-bg": "var(--accent)", "button-outline-hover-fg": "var(--accent-foreground)", "button-secondary-bg": "var(--secondary)", "button-secondary-fg": "var(--secondary-foreground)", "button-secondary-hover-bg": "var(--secondary)", "button-ghost-hover-bg": "var(--accent)", "button-ghost-hover-fg": "var(--accent-foreground)", "button-link-fg": "var(--primary)", "switch-checked-bg": "var(--primary)", "switch-unchecked-bg": "var(--input)", "switch-thumb-bg": "var(--background)", "checkbox-radius": "4px", "checkbox-checked-border": "var(--primary)", "checkbox-checked-bg": "var(--primary)", "checkbox-checked-fg": "var(--primary-foreground)", "radio-indicator": "var(--primary)" }, "html[data-theme=\"corti-showcase-dark\"]": { "--font-sans": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", "--font-mono": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", "--background": "#000000", "--foreground": "#ffffff", "--grid-dot": "#262626", "--card": "#111111", "--card-foreground": "#ffffff", "--popover": "#111111", "--popover-foreground": "#ffffff", "--primary": "#b8f818", "--primary-foreground": "#000000", "--secondary": "#1a1a1a", "--secondary-foreground": "#ffffff", "--muted": "#1a1a1a", "--muted-foreground": "#999999", "--accent": "#B9F818", "--accent-foreground": "#000000", "--destructive": "#dc2626", "--destructive-foreground": "#ffffff", "--border": "#333333", "--input": "#333333", "--ring": "#B9F818", "--radius": "0px", "--radius-sm": "0px", "--radius-md": "0px", "--radius-lg": "0px", "--radius-xl": "0px", "--radius-2xl": "0px", "--radius-3xl": "0px", "--radius-4xl": "0px", "--chart-1": "#B9F818", "--chart-2": "hsl(198 90% 62%)", "--chart-3": "hsl(268 76% 72%)", "--chart-4": "hsl(36 96% 64%)", "--chart-5": "hsl(160 62% 56%)", "--sidebar": "#111111", "--sidebar-foreground": "#ffffff", "--sidebar-primary": "#B9F818", "--sidebar-primary-foreground": "#000000", "--sidebar-accent": "#1a1a1a", "--sidebar-accent-foreground": "#ffffff", "--sidebar-border": "#333333", "--sidebar-ring": "#B9F818", "--variant-error-bg": "#2a1a1a", "--variant-error-border": "#dc2626", "--variant-error-text": "hsl(0 100% 84%)", "--variant-info-bg": "hsl(222 62% 8%)", "--variant-info-border": "hsl(214 80% 36%)", "--variant-info-text": "hsl(214 100% 82%)", "--variant-success-bg": "hsl(102 62% 6%)", "--variant-success-border": "#B9F818", "--variant-success-text": "hsl(88 100% 82%)", "--variant-warning-bg": "hsl(42 82% 8%)", "--variant-warning-border": "hsl(45 96% 54%)", "--variant-warning-text": "hsl(45 100% 78%)", "button-height": "2.35rem", "button-px": "1rem", "button-py": "0.5rem", "input-height": "2.35rem", "input-px": "0.75rem", "input-py": "0.25rem", "textarea-min-height": "4rem", "textarea-px": "0.75rem", "textarea-py": "0.5rem", "select-height": "2.35rem", "select-px": "0.75rem", "select-py": "0.5rem", "switch-height": "1.15rem", "switch-width": "2rem", "button-radius": "0px", "input-radius": "0px", "textarea-radius": "0px", "select-radius": "0px", "select-content-radius": "0px", "popover-radius": "0px", "tabs-list-radius": "0px", "tabs-trigger-radius": "0px", "button-default-bg": "var(--primary)", "button-default-fg": "var(--primary-foreground)", "button-default-hover-bg": "var(--primary)", "button-destructive-bg": "var(--destructive)", "button-destructive-fg": "var(--destructive-foreground)", "button-destructive-hover-bg": "var(--destructive)", "button-outline-bg": "var(--background)", "button-outline-fg": "var(--foreground)", "button-outline-hover-bg": "var(--accent)", "button-outline-hover-fg": "var(--accent-foreground)", "button-secondary-bg": "var(--secondary)", "button-secondary-fg": "var(--secondary-foreground)", "button-secondary-hover-bg": "var(--secondary)", "button-ghost-hover-bg": "var(--accent)", "button-ghost-hover-fg": "var(--accent-foreground)", "button-link-fg": "var(--primary)", "switch-checked-bg": "var(--primary)", "switch-unchecked-bg": "var(--input)", "switch-thumb-bg": "var(--background)", "checkbox-radius": "4px", "checkbox-checked-border": "var(--primary)", "checkbox-checked-bg": "var(--primary)", "checkbox-checked-fg": "var(--primary-foreground)", "radio-indicator": "var(--primary)" }, "html[data-theme^=\"corti-showcase\"]": { "font-family": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace" }, "html[data-theme^=\"corti-showcase\"] :is(h1, h2, h3, h4, h5, h6)": { "font-family": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", "letter-spacing": "0.04em", "line-height": "1.35", "text-transform": "uppercase" }, "html[data-theme^=\"corti-showcase\"] [data-slot=\"alert-dialog-media\"]": { "background": "transparent", "border": "0", "box-shadow": "none" }, "html[data-theme^=\"corti-showcase\"] [data-slot=\"alert-dialog-content\"][data-size=\"sm\"]": { "max-width": "42rem" } } }, "type": "registry:theme" }