ui Architecture Docs
Home / File/ slate.json — ui Source File

slate.json — ui Source File

Architecture documentation for slate.json, a json file in the ui codebase. 0 imports, 1 dependents.

File json FrameworkTooling 1 dependents

Entity Profile

Dependency Diagram

graph LR
  4687ea56_6812_da95_d9f9_75f2ff6b150e["slate.json"]
  3cdfbc67_84ba_982a_287c_bc42934b2efc["apply-color-mapping.test.ts"]
  3cdfbc67_84ba_982a_287c_bc42934b2efc --> 4687ea56_6812_da95_d9f9_75f2ff6b150e
  style 4687ea56_6812_da95_d9f9_75f2ff6b150e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

{
  "inlineColors": {
    "light": {
      "background": "white",
      "foreground": "slate-950",
      "muted": "slate-100",
      "muted-foreground": "slate-500",
      "popover": "white",
      "popover-foreground": "slate-950",
      "border": "slate-200",
      "input": "slate-200",
      "card": "white",
      "card-foreground": "slate-950",
      "primary": "slate-900",
      "primary-foreground": "slate-50",
      "secondary": "slate-100",
      "secondary-foreground": "slate-900",
      "accent": "slate-100",
      "accent-foreground": "slate-900",
      "destructive": "red-500",
      "destructive-foreground": "slate-50",
      "ring": "slate-400"
    },
    "dark": {
      "background": "slate-950",
      "foreground": "slate-50",
      "muted": "slate-800",
      "muted-foreground": "slate-400",
      "popover": "slate-950",
      "popover-foreground": "slate-50",
      "border": "slate-800",
      "input": "slate-800",
      "card": "slate-950",
      "card-foreground": "slate-50",
      "primary": "slate-50",
      "primary-foreground": "slate-900",
      "secondary": "slate-800",
      "secondary-foreground": "slate-50",
      "accent": "slate-800",
      "accent-foreground": "slate-50",
      "destructive": "red-900",
      "destructive-foreground": "red-50",
      "ring": "slate-800"
    }
  },
  "cssVars": {
    "light": {
      "background": "0 0% 100%",
      "foreground": "222.2 84% 4.9%",
      "muted": "210 40% 96.1%",
      "muted-foreground": "215.4 16.3% 46.9%",
      "popover": "0 0% 100%",
      "popover-foreground": "222.2 84% 4.9%",
      "border": "214.3 31.8% 91.4%",
      "input": "214.3 31.8% 91.4%",
      "card": "0 0% 100%",
      "card-foreground": "222.2 84% 4.9%",
      "primary": "222.2 47.4% 11.2%",
      "primary-foreground": "210 40% 98%",
      "secondary": "210 40% 96.1%",
      "secondary-foreground": "222.2 47.4% 11.2%",
      "accent": "210 40% 96.1%",
      "accent-foreground": "222.2 47.4% 11.2%",
      "destructive": "0 84.2% 60.2%",
      "destructive-foreground": "210 40% 98%",
      "ring": "215 20.2% 65.1%"
    },
    "dark": {
      "background": "222.2 84% 4.9%",
      "foreground": "210 40% 98%",
      "muted": "217.2 32.6% 17.5%",
      "muted-foreground": "215 20.2% 65.1%",
      "popover": "222.2 84% 4.9%",
      "popover-foreground": "210 40% 98%",
      "border": "217.2 32.6% 17.5%",
      "input": "217.2 32.6% 17.5%",
      "card": "222.2 84% 4.9%",
      "card-foreground": "210 40% 98%",
      "primary": "210 40% 98%",
      "primary-foreground": "222.2 47.4% 11.2%",
      "secondary": "217.2 32.6% 17.5%",
      "secondary-foreground": "210 40% 98%",
      "accent": "217.2 32.6% 17.5%",
      "accent-foreground": "210 40% 98%",
      "destructive": "0 62.8% 30.6%",
      "destructive-foreground": "0 85.7% 97.3%",
      "ring": "217.2 32.6% 17.5%"
    }
  },
  "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: 222.2 84% 4.9%;\n \n    --muted: 210 40% 96.1%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n \n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n \n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n \n    --border: 214.3 31.8% 91.4%;\n    --input: 214.3 31.8% 91.4%;\n \n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n \n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n \n    --accent: 210 40% 96.1%;\n    --accent-foreground: 222.2 47.4% 11.2%;\n \n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n \n    --ring: 215 20.2% 65.1%;\n \n    --radius: 0.5rem;\n  }\n \n  .dark {\n    --background: 222.2 84% 4.9%;\n    --foreground: 210 40% 98%;\n \n    --muted: 217.2 32.6% 17.5%;\n    --muted-foreground: 215 20.2% 65.1%;\n \n    --popover: 222.2 84% 4.9%;\n    --popover-foreground: 210 40% 98%;\n \n    --card: 222.2 84% 4.9%;\n    --card-foreground: 210 40% 98%;\n \n    --border: 217.2 32.6% 17.5%;\n    --input: 217.2 32.6% 17.5%;\n \n    --primary: 210 40% 98%;\n    --primary-foreground: 222.2 47.4% 11.2%;\n \n    --secondary: 217.2 32.6% 17.5%;\n    --secondary-foreground: 210 40% 98%;\n \n    --accent: 217.2 32.6% 17.5%;\n    --accent-foreground: 210 40% 98%;\n \n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 85.7% 97.3%;\n \n    --ring: 217.2 32.6% 17.5%;\n  }\n}\n \n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}"
}

Domain

Imported By

Source

Frequently Asked Questions

What does slate.json do?
slate.json is a source file in the ui codebase, written in json. It belongs to the FrameworkTooling domain.
What files import slate.json?
slate.json is imported by 1 file(s): apply-color-mapping.test.ts.
Where is slate.json in the architecture?
slate.json is located at packages/shadcn/test/fixtures/colors/slate.json (domain: FrameworkTooling, directory: packages/shadcn/test/fixtures/colors).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free