zinc.json — ui Source File

Source Code

{
  "inlineColors": {
    "light": {
      "background": "white",
      "foreground": "zinc-950",
      "muted": "zinc-100",
      "muted-foreground": "zinc-500",
      "popover": "white",
      "popover-foreground": "zinc-950",
      "border": "zinc-200",
      "input": "zinc-200",
      "card": "white",
      "card-foreground": "zinc-950",
      "primary": "zinc-900",
      "primary-foreground": "zinc-50",
      "secondary": "zinc-100",
      "secondary-foreground": "zinc-900",
      "accent": "zinc-100",
      "accent-foreground": "zinc-900",
      "destructive": "red-500",
      "destructive-foreground": "zinc-50",
      "ring": "zinc-400"
    },
    "dark": {
      "background": "zinc-950",
      "foreground": "zinc-50",
      "muted": "zinc-800",
      "muted-foreground": "zinc-400",
      "popover": "zinc-950",
      "popover-foreground": "zinc-50",
      "border": "zinc-800",
      "input": "zinc-800",
      "card": "zinc-950",
      "card-foreground": "zinc-50",
      "primary": "zinc-50",
      "primary-foreground": "zinc-900",
      "secondary": "zinc-800",
      "secondary-foreground": "zinc-50",
      "accent": "zinc-800",
      "accent-foreground": "zinc-50",
      "destructive": "red-900",
      "destructive-foreground": "red-50",
      "ring": "zinc-800"
    }
  },
  "cssVars": {
    "light": {
      "background": "0 0% 100%",
      "foreground": "240 10% 3.9%",
      "muted": "240 4.8% 95.9%",
      "muted-foreground": "240 3.8% 46.1%",
      "popover": "0 0% 100%",
      "popover-foreground": "240 10% 3.9%",
      "border": "240 5.9% 90%",
      "input": "240 5.9% 90%",
      "card": "0 0% 100%",
      "card-foreground": "240 10% 3.9%",
      "primary": "240 5.9% 10%",
      "primary-foreground": "0 0% 98%",
      "secondary": "240 4.8% 95.9%",
      "secondary-foreground": "240 5.9% 10%",
      "accent": "240 4.8% 95.9%",
      "accent-foreground": "240 5.9% 10%",
      "destructive": "0 84.2% 60.2%",
      "destructive-foreground": "0 0% 98%",
      "ring": "240 5% 64.9%"
    },
    "dark": {
      "background": "240 10% 3.9%",
      "foreground": "0 0% 98%",
      "muted": "240 3.7% 15.9%",
      "muted-foreground": "240 5% 64.9%",
      "popover": "240 10% 3.9%",
      "popover-foreground": "0 0% 98%",
      "border": "240 3.7% 15.9%",
      "input": "240 3.7% 15.9%",
      "card": "240 10% 3.9%",
      "card-foreground": "0 0% 98%",
      "primary": "0 0% 98%",
      "primary-foreground": "240 5.9% 10%",
      "secondary": "240 3.7% 15.9%",
      "secondary-foreground": "0 0% 98%",
      "accent": "240 3.7% 15.9%",
      "accent-foreground": "0 0% 98%",
      "destructive": "0 62.8% 30.6%",
      "destructive-foreground": "0 85.7% 97.3%",
      "ring": "240 3.7% 15.9%"
    }
  },
  "inlineColorsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n",
  "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n \n@layer base {\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 240 10% 3.9%;\n \n    --muted: 240 4.8% 95.9%;\n    --muted-foreground: 240 3.8% 46.1%;\n \n    --popover: 0 0% 100%;\n    --popover-foreground: 240 10% 3.9%;\n \n    --card: 0 0% 100%;\n    --card-foreground: 240 10% 3.9%;\n \n    --border: 240 5.9% 90%;\n    --input: 240 5.9% 90%;\n \n    --primary: 240 5.9% 10%;\n    --primary-foreground: 0 0% 98%;\n \n    --secondary: 240 4.8% 95.9%;\n    --secondary-foreground: 240 5.9% 10%;\n \n    --accent: 240 4.8% 95.9%;\n    --accent-foreground: 240 5.9% 10%;\n \n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 0% 98%;\n \n    --ring: 240 5% 64.9%;\n \n    --radius: 0.5rem;\n  }\n \n  .dark {\n    --background: 240 10% 3.9%;\n    --foreground: 0 0% 98%;\n \n    --muted: 240 3.7% 15.9%;\n    --muted-foreground: 240 5% 64.9%;\n \n    --popover: 240 10% 3.9%;\n    --popover-foreground: 0 0% 98%;\n \n    --card: 240 10% 3.9%;\n    --card-foreground: 0 0% 98%;\n \n    --border: 240 3.7% 15.9%;\n    --input: 240 3.7% 15.9%;\n \n    --primary: 0 0% 98%;\n    --primary-foreground: 240 5.9% 10%;\n \n    --secondary: 240 3.7% 15.9%;\n    --secondary-foreground: 0 0% 98%;\n \n    --accent: 240 3.7% 15.9%;\n    --accent-foreground: 0 0% 98%;\n \n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 85.7% 97.3%;\n \n    --ring: 240 3.7% 15.9%;\n  }\n}\n \n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}"
}