Skip to main content
Deno 2 is finally here 🎉️
Learn more
Module

x/netzo/plugins/unocss/preset-shadcn/themes.ts>themes

Full-stack Deno framework for building business web apps like internal tools, dashboards, admin panels and automated workflows.
Go to Latest
variable themes
import { themes } from "https://deno.land/x/netzo@0.4.49/plugins/unocss/preset-shadcn/themes.ts";

type

| { name: string; label: string; activeColor: { light: string; dark: string; }; cssVars: { light: { background: string; foreground: string; card: string; card-foreground: string; popover: string; popover-foreground: string; primary: string; primary-foreground: string; secondary: string; secondary-foreground: string; muted: string; muted-foreground: string; accent: string; accent-foreground: string; destructive: string; destructive-foreground: string; border: string; input: string; ring: string; radius: string; }; dark: { background: string; foreground: string; card: string; card-foreground: string; popover: string; popover-foreground: string; primary: string; primary-foreground: string; secondary: string; secondary-foreground: string; muted: string; muted-foreground: string; accent: string; accent-foreground: string; destructive: string; destructive-foreground: string; border: string; input: string; ring: string; }; }; }
| { name: string; label: string; activeColor: { light: string; dark: string; }; cssVars: { light: { background: string; foreground: string; card: string; card-foreground: string; popover: string; popover-foreground: string; primary: string; primary-foreground: string; secondary: string; secondary-foreground: string; muted: string; muted-foreground: string; accent: string; accent-foreground: string; destructive: string; destructive-foreground: string; border: string; input: string; ring: string; }; dark: { background: string; foreground: string; card: string; card-foreground: string; popover: string; popover-foreground: string; primary: string; primary-foreground: string; secondary: string; secondary-foreground: string; muted: string; muted-foreground: string; accent: string; accent-foreground: string; destructive: string; destructive-foreground: string; border: string; input: string; ring: string; }; }; }
| { name: string; label: string; activeColor: { light: string; dark: string; }; cssVars: { light: { background: string; foreground: string; card: string; card-foreground: string; popover: string; popover-foreground: string; primary: string; primary-foreground: string; secondary: string; secondary-foreground: string; muted: string; muted-foreground: string; accent: string; accent-foreground: string; destructive: string; destructive-foreground: string; border: string; input: string; ring: string; radius: string; }; dark: { background: string; foreground: string; popover: string; popover-foreground: string; card: string; card-foreground: string; primary: string; primary-foreground: string; secondary: string; secondary-foreground: string; muted: string; muted-foreground: string; accent: string; accent-foreground: string; destructive: string; destructive-foreground: string; border: string; input: string; ring: string; }; }; }
| { name: string; label: string; activeColor: { light: string; dark: string; }; cssVars: { light: { background: string; foreground: string; card: string; card-foreground: string; popover: string; popover-foreground: string; primary: string; primary-foreground: string; secondary: string; secondary-foreground: string; muted: string; muted-foreground: string; accent: string; accent-foreground: string; destructive: string; destructive-foreground: string; border: string; input: string; ring: string; }; dark: { background: string; foreground: string; popover: string; popover-foreground: string; card: string; card-foreground: string; primary: string; primary-foreground: string; secondary: string; secondary-foreground: string; muted: string; muted-foreground: string; accent: string; accent-foreground: string; destructive: string; destructive-foreground: string; border: string; input: string; ring: string; }; }; }
[]