stone.json — ui Source File
Architecture documentation for stone.json, a json file in the ui codebase. 0 imports, 2 dependents.
Entity Profile
Dependency Diagram
graph LR 292508bf_8c14_93d3_a3ee_279f43ba3e6b["stone.json"] 1c8d53be_8190_b4c6_fb3e_bc2f87e2af5d["transform-css-vars.test.ts"] 1c8d53be_8190_b4c6_fb3e_bc2f87e2af5d --> 292508bf_8c14_93d3_a3ee_279f43ba3e6b e3ff65c3_9289_f51d_f9f2_0e1b35feacce["transform-tw-prefix.test.ts"] e3ff65c3_9289_f51d_f9f2_0e1b35feacce --> 292508bf_8c14_93d3_a3ee_279f43ba3e6b style 292508bf_8c14_93d3_a3ee_279f43ba3e6b fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
{
"inlineColors": {
"light": {
"background": "white",
"foreground": "stone-950",
"muted": "stone-100",
"muted-foreground": "stone-500",
"popover": "white",
"popover-foreground": "stone-950",
"border": "stone-200",
"input": "stone-200",
"card": "white",
"card-foreground": "stone-950",
"primary": "stone-900",
"primary-foreground": "stone-50",
"secondary": "stone-100",
"secondary-foreground": "stone-900",
"accent": "stone-100",
"accent-foreground": "stone-900",
"destructive": "red-500",
"destructive-foreground": "stone-50",
"ring": "stone-400"
},
"dark": {
"background": "stone-950",
"foreground": "stone-50",
"muted": "stone-800",
"muted-foreground": "stone-400",
"popover": "stone-950",
"popover-foreground": "stone-50",
"border": "stone-800",
"input": "stone-800",
"card": "stone-950",
"card-foreground": "stone-50",
"primary": "stone-50",
"primary-foreground": "stone-900",
"secondary": "stone-800",
"secondary-foreground": "stone-50",
"accent": "stone-800",
"accent-foreground": "stone-50",
"destructive": "red-900",
"destructive-foreground": "red-50",
"ring": "stone-800"
}
},
"cssVars": {
"light": {
"background": "0 0% 100%",
"foreground": "20 14.3% 4.1%",
"muted": "60 4.8% 95.9%",
"muted-foreground": "25 5.3% 44.7%",
"popover": "0 0% 100%",
"popover-foreground": "20 14.3% 4.1%",
"border": "20 5.9% 90%",
"input": "20 5.9% 90%",
"card": "0 0% 100%",
"card-foreground": "20 14.3% 4.1%",
"primary": "24 9.8% 10%",
"primary-foreground": "60 9.1% 97.8%",
"secondary": "60 4.8% 95.9%",
"secondary-foreground": "24 9.8% 10%",
"accent": "60 4.8% 95.9%",
"accent-foreground": "24 9.8% 10%",
"destructive": "0 84.2% 60.2%",
"destructive-foreground": "60 9.1% 97.8%",
"ring": "24 5.4% 63.9%"
},
"dark": {
"background": "20 14.3% 4.1%",
"foreground": "60 9.1% 97.8%",
"muted": "12 6.5% 15.1%",
"muted-foreground": "24 5.4% 63.9%",
"popover": "20 14.3% 4.1%",
"popover-foreground": "60 9.1% 97.8%",
"border": "12 6.5% 15.1%",
"input": "12 6.5% 15.1%",
"card": "20 14.3% 4.1%",
"card-foreground": "60 9.1% 97.8%",
"primary": "60 9.1% 97.8%",
"primary-foreground": "24 9.8% 10%",
"secondary": "12 6.5% 15.1%",
"secondary-foreground": "60 9.1% 97.8%",
"accent": "12 6.5% 15.1%",
"accent-foreground": "60 9.1% 97.8%",
"destructive": "0 62.8% 30.6%",
"destructive-foreground": "0 85.7% 97.3%",
"ring": "12 6.5% 15.1%"
}
},
"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: 20 14.3% 4.1%;\n \n --muted: 60 4.8% 95.9%;\n --muted-foreground: 25 5.3% 44.7%;\n \n --popover: 0 0% 100%;\n --popover-foreground: 20 14.3% 4.1%;\n \n --card: 0 0% 100%;\n --card-foreground: 20 14.3% 4.1%;\n \n --border: 20 5.9% 90%;\n --input: 20 5.9% 90%;\n \n --primary: 24 9.8% 10%;\n --primary-foreground: 60 9.1% 97.8%;\n \n --secondary: 60 4.8% 95.9%;\n --secondary-foreground: 24 9.8% 10%;\n \n --accent: 60 4.8% 95.9%;\n --accent-foreground: 24 9.8% 10%;\n \n --destructive: 0 84.2% 60.2%;\n --destructive-foreground: 60 9.1% 97.8%;\n \n --ring: 24 5.4% 63.9%;\n \n --radius: 0.5rem;\n }\n \n .dark {\n --background: 20 14.3% 4.1%;\n --foreground: 60 9.1% 97.8%;\n \n --muted: 12 6.5% 15.1%;\n --muted-foreground: 24 5.4% 63.9%;\n \n --popover: 20 14.3% 4.1%;\n --popover-foreground: 60 9.1% 97.8%;\n \n --card: 20 14.3% 4.1%;\n --card-foreground: 60 9.1% 97.8%;\n \n --border: 12 6.5% 15.1%;\n --input: 12 6.5% 15.1%;\n \n --primary: 60 9.1% 97.8%;\n --primary-foreground: 24 9.8% 10%;\n \n --secondary: 12 6.5% 15.1%;\n --secondary-foreground: 60 9.1% 97.8%;\n \n --accent: 12 6.5% 15.1%;\n --accent-foreground: 60 9.1% 97.8%;\n \n --destructive: 0 62.8% 30.6%;\n --destructive-foreground: 0 85.7% 97.3%;\n \n --ring: 12 6.5% 15.1%;\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 stone.json do?
stone.json is a source file in the ui codebase, written in json. It belongs to the FrameworkTooling domain.
What files import stone.json?
stone.json is imported by 2 file(s): transform-css-vars.test.ts, transform-tw-prefix.test.ts.
Where is stone.json in the architecture?
stone.json is located at packages/shadcn/test/fixtures/colors/stone.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