pnpm dlx shadcn@latest add "https://sproutboat.com/ikada/r/theme.json"Light Mode
Dark Mode
Theme
CSS
--sb-control-edge:
oklch(0.62 0.02 255)
--sb-focus:
oklch(0.95 0.01 255)
--sb-fg:
oklch(0.95 0.01 255)
--sb-fg-muted:
oklch(0.76 0.018 255)
--sb-brand:
oklch(0.72 0.12 152)
--sb-brand-hover:
oklch(0.77 0.12 152)
--sb-on-brand:
oklch(0.2 0.03 152)
--sb-brand-fg:
oklch(0.82 0.13 152)
--sb-brand-soft:
oklch(0.31 0.045 152)
--sb-brand-dot:
oklch(0.74 0.15 152)
--sb-warn-fg:
oklch(0.88 0.1 85)
--sb-warn-soft:
oklch(0.35 0.06 80)
--sb-warn-dot:
oklch(0.8 0.14 80)
--sb-danger:
oklch(0.68 0.14 25)
--sb-danger-hover:
oklch(0.73 0.13 25)
--sb-on-danger:
oklch(0.18 0.04 25)
--sb-danger-fg:
oklch(0.85 0.1 25)
--sb-danger-soft:
oklch(0.34 0.08 25)
--sb-danger-dot:
oklch(0.74 0.16 25)
--sb-info-fg:
oklch(0.84 0.1 255)
--sb-info-soft:
oklch(0.33 0.07 255)
--sb-info-dot:
oklch(0.76 0.13 255)
--sb-neutral-fg:
oklch(0.85 0.012 255)
--sb-neutral-soft:
oklch(0.33 0.012 255)
--sb-neutral-dot:
oklch(0.72 0.012 255)
--sb-code-bg:
oklch(0.155 0.012 255)
--sb-diff-add:
oklch(0.27 0.05 152)
--sb-diff-del:
oklch(0.27 0.06 25)
--sb-chart-requests:
oklch(0.76 0.13 255)
--sb-chart-errors:
oklch(0.74 0.16 25)
--sb-chart-deploy:
oklch(0.83 0.015 255)
--sb-chart-grid:
oklch(0.34 0.018 255)
--sb-chart-2xx:
oklch(0.76 0.16 152)
--sb-chart-3xx:
oklch(0.78 0.1 235)
--sb-chart-4xx:
oklch(0.8 0.13 80)
--sb-chart-5xx:
oklch(0.74 0.16 25)
--sb-chart-other:
oklch(0.72 0.012 255)
--sb-chart-series:
oklch(0.76 0.1 300)
--sb-scrim:
oklch(0.06 0.012 255 / 0.62)
--ease-hover:
--text-sb-xs:
--text-sb-xs--line-height:
--text-sb-xs--letter-spacing:
--text-sb-xs--font-weight:
--text-sb-sm:
--text-sb-sm--line-height:
--text-sb-sm--letter-spacing:
--text-sb-sm--font-weight:
--text-sb-base:
--text-sb-base--line-height:
--text-sb-base--letter-spacing:
--text-sb-base--font-weight:
--text-sb-md:
--text-sb-md--line-height:
--text-sb-md--letter-spacing:
--text-sb-md--font-weight:
--text-sb-lg:
--text-sb-lg--line-height:
--text-sb-lg--letter-spacing:
--text-sb-lg--font-weight:
--text-sb-xl:
--text-sb-xl--line-height:
--text-sb-xl--letter-spacing:
--text-sb-xl--font-weight:
--text-sb-2xl:
--text-sb-2xl--line-height:
--text-sb-2xl--letter-spacing:
--text-sb-2xl--font-weight:
--text-sb-metric:
--text-sb-metric--line-height:
--text-sb-metric--letter-spacing:
--text-sb-metric--font-weight:
--color-canvas:
--color-surface:
--color-well:
--color-hover:
--color-raised:
--color-hairline:
--color-hairline-strong:
--color-control-edge:
--color-focus:
--color-fg:
--color-fg-muted:
--color-brand:
--color-brand-hover:
--color-on-brand:
--color-brand-fg:
--color-brand-soft:
--color-brand-dot:
--color-warn-fg:
--color-warn-soft:
--color-warn-dot:
--color-danger:
--color-danger-hover:
--color-on-danger:
--color-danger-fg:
--color-danger-soft:
--color-danger-dot:
--color-info-fg:
--color-info-soft:
--color-info-dot:
--color-neutral-fg:
--color-neutral-soft:
--color-neutral-dot:
--color-code-bg:
--color-diff-add:
--color-diff-del:
--color-chart-requests:
--color-chart-errors:
--color-chart-deploy:
--color-chart-grid:
--color-chart-2xx:
--color-chart-3xx:
--color-chart-4xx:
--color-chart-5xx:
--color-chart-other:
--color-chart-series:
--color-scrim:
--shadow-card:
--shadow-card-hover:
--shadow-button:
--shadow-button-hover:
--shadow-button-pressed:
--shadow-primary:
--shadow-primary-hover:
--shadow-primary-pressed:
--shadow-field:
--shadow-field-hover:
--shadow-tray:
--shadow-pill:
--shadow-float:
--shadow-dialog:
--ease-spring-smooth:
--ease-spring-snappy:
--ease-spring-bob: