How to use custom theme with Registry

[thibaultleouay]

Hey,

I have set up my registry like this :

{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "runreal",
  "homepage": "https://runreal.dev",
  "items": [
    {
      "name": "corner",
      "type": "registry:component",
      "title": "Fancy Corner",
      "description": "runreal Fancy Corner for Button",
      "dependencies": ["class-variance-authority"],
      "files": [
        {
          "path": "registry/components/corner.tsx",
          "type": "registry:component"
        }
      ]
    },
        {
      "name": "runreal-theme",
      "type": "registry:theme",
      "title": "runreal style",
      "description": "runreal style",
      "dependencies": [],
      "files": [
        {
          "path": "registry/runreal-theme.json",
          "type": "registry:theme"
        }
      ]
    }
  ]
}

Here's my runreal-theme.json

{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "runreal-theme",
  "type": "registry:theme",
  "registryDependencies": [],
  "cssVars": {
    "theme": {
      "color-gray-50":"oklch(0.98 0 0)",
      "color-gray-100":"oklch(0.96 0 0)",
      "color-gray-200":"oklch(0.92 0 0)",
      "color-gray-300":"oklch(0.86 0 0)",
      "color-gray-400":"oklch(0.78 0 0)",
      "color-gray-500":"oklch(0.75 0 0)",
      "color-gray-600":"oklch(0.57 0 0)",
      "color-gray-700":"oklch(0.39 0 0)",
      "color-gray-800":"oklch(0.29 0 0)",
      "color-gray-900":"oklch(0.2 0 0)",
    }
  }
}

When trying to install the theme, it does not update my globals.css.
However, if I have my cssVars nested in my corner registry component, the globals.css is updated.

[thibaultleouay]

Ok I found out I need to add my theme to my component

e.g.

      "registryDependencies": [
        "https://localhost/r/runreal-theme.json"
      ],