colors.ts — tailwindcss Source File

Architecture documentation for colors.ts, a typescript file in the tailwindcss codebase. 0 imports, 2 dependents.

File typescript OxideEngine 2 dependents

Entity Profile

OxideEngine→ colors.ts — tailwindcss Source File

Dependency Diagram

graph LR
  03185e2f_d4d1_f67a_f4bb_9150e033d872["colors.ts"]
  9b5d2e3d_392e_c654_c350_1352ed70f5e8["resolve-config.ts"]
  9b5d2e3d_392e_c654_c350_1352ed70f5e8 --> 03185e2f_d4d1_f67a_f4bb_9150e033d872
  1b5321a5_0fcc_2351_1f22_0d4bed4c097e["default-theme.ts"]
  1b5321a5_0fcc_2351_1f22_0d4bed4c097e --> 03185e2f_d4d1_f67a_f4bb_9150e033d872
  style 03185e2f_d4d1_f67a_f4bb_9150e033d872 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

export default {
  inherit: 'inherit',
  current: 'currentcolor',
  transparent: 'transparent',
  black: '#000',
  white: '#fff',
  slate: {
    '50': 'oklch(98.4% 0.003 247.858)',
    '100': 'oklch(96.8% 0.007 247.896)',
    '200': 'oklch(92.9% 0.013 255.508)',
    '300': 'oklch(86.9% 0.022 252.894)',
    '400': 'oklch(70.4% 0.04 256.788)',
    '500': 'oklch(55.4% 0.046 257.417)',
    '600': 'oklch(44.6% 0.043 257.281)',
    '700': 'oklch(37.2% 0.044 257.287)',
    '800': 'oklch(27.9% 0.041 260.031)',
    '900': 'oklch(20.8% 0.042 265.755)',
    '950': 'oklch(12.9% 0.042 264.695)',
  },
  gray: {
    '50': 'oklch(98.5% 0.002 247.839)',
    '100': 'oklch(96.7% 0.003 264.542)',
    '200': 'oklch(92.8% 0.006 264.531)',
    '300': 'oklch(87.2% 0.01 258.338)',
    '400': 'oklch(70.7% 0.022 261.325)',
    '500': 'oklch(55.1% 0.027 264.364)',
    '600': 'oklch(44.6% 0.03 256.802)',
    '700': 'oklch(37.3% 0.034 259.733)',
    '800': 'oklch(27.8% 0.033 256.848)',
    '900': 'oklch(21% 0.034 264.665)',
    '950': 'oklch(13% 0.028 261.692)',
  },
  zinc: {
    '50': 'oklch(98.5% 0 0)',
    '100': 'oklch(96.7% 0.001 286.375)',
    '200': 'oklch(92% 0.004 286.32)',
    '300': 'oklch(87.1% 0.006 286.286)',
    '400': 'oklch(70.5% 0.015 286.067)',
    '500': 'oklch(55.2% 0.016 285.938)',
    '600': 'oklch(44.2% 0.017 285.786)',
    '700': 'oklch(37% 0.013 285.805)',
    '800': 'oklch(27.4% 0.006 286.033)',
    '900': 'oklch(21% 0.006 285.885)',
    '950': 'oklch(14.1% 0.005 285.823)',
  },
  neutral: {
    '50': 'oklch(98.5% 0 0)',
    '100': 'oklch(97% 0 0)',
    '200': 'oklch(92.2% 0 0)',
    '300': 'oklch(87% 0 0)',
    '400': 'oklch(70.8% 0 0)',
    '500': 'oklch(55.6% 0 0)',
    '600': 'oklch(43.9% 0 0)',
    '700': 'oklch(37.1% 0 0)',
    '800': 'oklch(26.9% 0 0)',
    '900': 'oklch(20.5% 0 0)',
    '950': 'oklch(14.5% 0 0)',
  },
  stone: {
    '50': 'oklch(98.5% 0.001 106.423)',
// ... (234 more lines)

Domain

OxideEngine

Imported By

Source

View on GitHub

Frequently Asked Questions

What does colors.ts do?

colors.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the OxideEngine domain.

What files import colors.ts?

colors.ts is imported by 2 file(s): default-theme.ts, resolve-config.ts.

Where is colors.ts in the architecture?

colors.ts is located at packages/tailwindcss/src/compat/colors.ts (domain: OxideEngine, directory: packages/tailwindcss/src/compat).

Analyze Your Own Codebase

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

Try Supermodel Free