aomi-theme
aomi/aomi-themeFreeTheme
Shadcn-compatible theme variables (light + dark) for Aomi components.
Install it
npx shadcn@latest add https://aomi.dev/r/aomi-theme.jsonSource
1/* @aomi-labs/widget-lib - Default Theme (shadcn compatible) */2/* Import via: @import "@aomi-labs/widget-lib/styles.css" (alias) */3/* Or directly: @import "@aomi-labs/widget-lib/themes/default.css" */45/* ============================================6 Theme Configuration (Tailwind v4 compatible)7 ============================================ */89@custom-variant dark (&:is(.dark *));1011@theme inline {12 --color-background: var(--background);13 --color-foreground: var(--foreground);14 --font-sans: var(--font-geist-sans);15 --font-mono: var(--font-geist-mono);16 --text-xs: 0.75rem;17 --text-xs--line-height: calc(1 / 0.75);18 --text-sm: 0.875rem;19 --text-sm--line-height: calc(1.25 / 0.875);20 --color-sidebar-ring: var(--sidebar-ring);21 --color-sidebar-border: var(--sidebar-border);22 --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);23 --color-sidebar-accent: var(--sidebar-accent);24 --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);25 --color-sidebar-primary: var(--sidebar-primary);26 --color-sidebar-foreground: var(--sidebar-foreground);27 --color-sidebar: var(--sidebar);28 --color-chart-5: var(--chart-5);29 --color-chart-4: var(--chart-4);30 --color-chart-3: var(--chart-3);31 --color-chart-2: var(--chart-2);32 --color-chart-1: var(--chart-1);33 --color-ring: var(--ring);34 --color-input: var(--input);35 --color-border: var(--border);36 --color-destructive: var(--destructive);37 --color-accent-foreground: var(--accent-foreground);38 --color-accent: var(--accent);39 --color-muted-foreground: var(--muted-foreground);40 --color-muted: var(--muted);41 --color-secondary-foreground: var(--secondary-foreground);42 --color-secondary: var(--secondary);43 --color-primary-foreground: var(--primary-foreground);44 --color-primary: var(--primary);45 --color-popover-foreground: var(--popover-foreground);46 --color-popover: var(--popover);47 --color-card-foreground: var(--card-foreground);48 --color-card: var(--card);49 --radius-sm: calc(var(--radius) - 4px);50 --radius-md: calc(var(--radius) - 2px);51 --radius-lg: var(--radius);52 --radius-xl: calc(var(--radius) + 4px);53 --radius-2xl: calc(var(--radius) + 8px);54 --radius-3xl: calc(var(--radius) + 14px);55 --radius-4xl: calc(var(--radius) + 20px);5657 @keyframes shimmer-sweep {58 from {59 background-position: 150% 0;60 }61 to {62 background-position: -100% 0;63 }64 }65 --animate-shimmer: shimmer-sweep var(--shimmer-duration, 1000ms) linear66 infinite both;6768// … truncated
