gvf3n4ygn-test/__generated/registry-schemes/colors/pink.json

CLI for SIGMA-UI components.

{
  "inlineColors": {
    "light": {
      "background": "white",
      "foreground": "pink-950",
      "card": "white",
      "card-foreground": "pink-950",
      "popover": "white",
      "popover-foreground": "pink-950",
      "primary": "pink-900",
      "primary-foreground": "pink-50",
      "secondary": "pink-100",
      "secondary-foreground": "pink-900",
      "muted": "pink-100",
      "muted-foreground": "pink-500",
      "accent": "pink-100",
      "accent-foreground": "pink-900",
      "destructive": "red-500",
      "destructive-foreground": "pink-50",
      "border": "pink-200",
      "input": "pink-200",
      "ring": "pink-950"
    },
    "dark": {
      "background": "pink-950",
      "foreground": "pink-50",
      "card": "pink-950",
      "card-foreground": "pink-50",
      "popover": "pink-950",
      "popover-foreground": "pink-50",
      "primary": "pink-50",
      "primary-foreground": "pink-900",
      "secondary": "pink-800",
      "secondary-foreground": "pink-50",
      "muted": "pink-800",
      "muted-foreground": "pink-400",
      "accent": "pink-800",
      "accent-foreground": "pink-50",
      "destructive": "red-900",
      "destructive-foreground": "pink-50",
      "border": "pink-800",
      "input": "pink-800",
      "ring": "pink-300"
    }
  },
  "cssVars": {
    "light": {
      "background": "0 0% 100%",
      "foreground": "336.2 83.9% 17.1%",
      "card": "0 0% 100%",
      "card-foreground": "336.2 83.9% 17.1%",
      "popover": "0 0% 100%",
      "popover-foreground": "336.2 83.9% 17.1%",
      "primary": "335.9 69% 30.4%",
      "primary-foreground": "327.3 73.3% 97.1%",
      "secondary": "325.7 77.8% 94.7%",
      "secondary-foreground": "335.9 69% 30.4%",
      "muted": "325.7 77.8% 94.7%",
      "muted-foreground": "330.4 81.2% 60.4%",
      "accent": "325.7 77.8% 94.7%",
      "accent-foreground": "335.9 69% 30.4%",
      "destructive": "0 84.2% 60.2%",
      "destructive-foreground": "327.3 73.3% 97.1%",
      "border": "325.9 84.6% 89.8%",
      "input": "325.9 84.6% 89.8%",
      "ring": "336.2 83.9% 17.1%"
    },
    "dark": {
      "background": "336.2 83.9% 17.1%",
      "foreground": "327.3 73.3% 97.1%",
      "card": "336.2 83.9% 17.1%",
      "card-foreground": "327.3 73.3% 97.1%",
      "popover": "336.2 83.9% 17.1%",
      "popover-foreground": "327.3 73.3% 97.1%",
      "primary": "327.3 73.3% 97.1%",
      "primary-foreground": "335.9 69% 30.4%",
      "secondary": "335.8 74.4% 35.3%",
      "secondary-foreground": "327.3 73.3% 97.1%",
      "muted": "335.8 74.4% 35.3%",
      "muted-foreground": "328.6 85.5% 70.2%",
      "accent": "335.8 74.4% 35.3%",
      "accent-foreground": "327.3 73.3% 97.1%",
      "destructive": "0 62.8% 30.6%",
      "destructive-foreground": "327.3 73.3% 97.1%",
      "border": "335.8 74.4% 35.3%",
      "input": "335.8 74.4% 35.3%",
      "ring": "327.4 87.1% 81.8%"
    }
  },
  "templates": {
    "tailwind": {
      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 336.2 83.9% 17.1%;\n    --muted: 325.7 77.8% 94.7%;\n    --muted-foreground: 330.4 81.2% 60.4%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 336.2 83.9% 17.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 336.2 83.9% 17.1%;\n    --border: 325.9 84.6% 89.8%;\n    --input: 325.9 84.6% 89.8%;\n    --primary: 335.9 69% 30.4%;\n    --primary-foreground: 327.3 73.3% 97.1%;\n    --secondary: 325.7 77.8% 94.7%;\n    --secondary-foreground: 335.9 69% 30.4%;\n    --accent: 325.7 77.8% 94.7%;\n    --accent-foreground: 335.9 69% 30.4%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 327.3 73.3% 97.1%;\n    --ring: 336.2 83.9% 17.1%;\n  }\n \n  .dark {\n    --background: 336.2 83.9% 17.1%;\n    --foreground: 327.3 73.3% 97.1%;\n    --muted: 335.8 74.4% 35.3%;\n    --muted-foreground: 328.6 85.5% 70.2%;\n    --popover: 336.2 83.9% 17.1%;\n    --popover-foreground: 327.3 73.3% 97.1%;\n    --card: 336.2 83.9% 17.1%;\n    --card-foreground: 327.3 73.3% 97.1%;\n    --border: 335.8 74.4% 35.3%;\n    --input: 335.8 74.4% 35.3%;\n    --primary: 327.3 73.3% 97.1%;\n    --primary-foreground: 335.9 69% 30.4%;\n    --secondary: 335.8 74.4% 35.3%;\n    --secondary-foreground: 327.3 73.3% 97.1%;\n    --accent: 335.8 74.4% 35.3%;\n    --accent-foreground: 327.3 73.3% 97.1%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 327.3 73.3% 97.1%;\n    --ring: 327.4 87.1% 81.8%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
    },
    "css": {
      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 336.2 83.9% 17.1%;\n    --muted: 325.7 77.8% 94.7%;\n    --muted-foreground: 330.4 81.2% 60.4%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 336.2 83.9% 17.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 336.2 83.9% 17.1%;\n    --border: 325.9 84.6% 89.8%;\n    --input: 325.9 84.6% 89.8%;\n    --primary: 335.9 69% 30.4%;\n    --primary-foreground: 327.3 73.3% 97.1%;\n    --secondary: 325.7 77.8% 94.7%;\n    --secondary-foreground: 335.9 69% 30.4%;\n    --accent: 325.7 77.8% 94.7%;\n    --accent-foreground: 335.9 69% 30.4%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 327.3 73.3% 97.1%;\n    --ring: 336.2 83.9% 17.1%;\n  }\n \n  .dark {\n    --background: 336.2 83.9% 17.1%;\n    --foreground: 327.3 73.3% 97.1%;\n    --muted: 335.8 74.4% 35.3%;\n    --muted-foreground: 328.6 85.5% 70.2%;\n    --popover: 336.2 83.9% 17.1%;\n    --popover-foreground: 327.3 73.3% 97.1%;\n    --card: 336.2 83.9% 17.1%;\n    --card-foreground: 327.3 73.3% 97.1%;\n    --border: 335.8 74.4% 35.3%;\n    --input: 335.8 74.4% 35.3%;\n    --primary: 327.3 73.3% 97.1%;\n    --primary-foreground: 335.9 69% 30.4%;\n    --secondary: 335.8 74.4% 35.3%;\n    --secondary-foreground: 327.3 73.3% 97.1%;\n    --accent: 335.8 74.4% 35.3%;\n    --accent-foreground: 327.3 73.3% 97.1%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 327.3 73.3% 97.1%;\n    --ring: 327.4 87.1% 81.8%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
    }
  }
}