index.css — ui Source File

Architecture documentation for index.css, a css file in the ui codebase. 0 imports, 1 dependents.

File css FrameworkTooling 1 dependents

Entity Profile

FrameworkTooling→ index.css — ui Source File

Dependency Diagram

graph LR
  61feafcd_49b0_9cec_4cd8_6ffa068af2fa["index.css"]
  b15e628a_5e77_419b_b7c6_3b0865bb3c1c["main.tsx"]
  b15e628a_5e77_419b_b7c6_3b0865bb3c1c --> 61feafcd_49b0_9cec_4cd8_6ffa068af2fa
  style 61feafcd_49b0_9cec_4cd8_6ffa068af2fa fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

@import "tailwindcss";

@plugin "tailwindcss-animate";

@custom-variant dark (&:is(.dark *));

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.87 0 0);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.87 0 0);
}

.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(0.269 0 0);
// ... (65 more lines)

Domain

FrameworkTooling

Imported By

packages/shadcn/test/fixtures/vite-with-tailwind/src/main.tsx

Source

View on GitHub

Frequently Asked Questions

What does index.css do?

index.css is a source file in the ui codebase, written in css. It belongs to the FrameworkTooling domain.

What files import index.css?

index.css is imported by 1 file(s): main.tsx.

Where is index.css in the architecture?

index.css is located at packages/shadcn/test/fixtures/vite-with-tailwind/src/index.css (domain: FrameworkTooling, directory: packages/shadcn/test/fixtures/vite-with-tailwind/src).

Analyze Your Own Codebase

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

Try Supermodel Free