discord-components/registry.json at main · Would-You-Bot/discord-components · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "Discord Components",
  "homepage": "https://discord-components.com",
  "items": [
    {
      "name": "discord-base",
      "type": "registry:component",
      "title": "Discord Base",
      "description": "The base components for all Discord components",
      "registryDependencies": ["avatar"],
      "dependencies": ["class-variance-authority", "react"],
      "files": [
        {
          "path": "registry/discord-base/discord-base.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/discord-base/discord-icons.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/discord-base/lib/date-fns.ts",
          "type": "registry:lib"
        }
      ],
      "cssVars": {
        "light": {
          "discord-foreground": "oklch(0.9065 0.0029 264.54)",
          "discord-background": "oklch(0.32 0.0107 278.25)",
          "discord-header": "oklch(0.9897 0.0042 271.37)",
          "discord-link": "oklch(0.6096 0.1616 255.17)",
          "discord-mention": "oklch(0.58 0.2091 273.85 / 23.92%)",
          "discord-mention-foreground": "oklch(0.88 0.0574 270.02)",
          "discord-mention-hover": "oklch(0.58 0.2093 273.55)",
          "discord-mention-foreground-hover": "oklch(1 0 0)"
        }
      },
      "css": {
        "@layer base": {
          ".discord-light": {
            "--discord-foreground": "oklch(0.322 0.0089 276.86)",
            "--discord-background": "oklch(0.99 0 0)",
            "--discord-header": "oklch(0.1914 0.0089 276.86)",

            "--discord-mention": "oklch(0.58 0.2091 273.85 / 23.92%)",
            "--discord-mention-foreground": "oklch(0.88 0.0574 270.02)"
          },
          ".discord-classic": {
            "--discord-background": "oklch(0.145 0 0)",
            "--discord-mention": "oklch(0.58 0.2091 273.85 / 23.92%)",
            "--discord-mention-foreground": "oklch(0.88 0.0574 270.02)"
          },
          ".discord-ash": {
            "--discord-background": "oklch(0.32 0.0107 278.25)",
            "--discord-mention": "oklch(0.58 0.2091 273.85 / 23.92%)",
            "--discord-mention-foreground": "oklch(0.88 0.0574 270.02)"
          },
          ".discord-dark": {
            "--discord-background": "oklch(0.22 0.0077 285.74)",
            "--discord-mention": "oklch(0.58 0.2091 273.85 / 23.92%)",
            "--discord-mention-foreground": "oklch(0.8 0.0969 270.5)"
          },
          ".discord-onyx": {
            "--discord-background": "oklch(0.13 0.005 285.67)",
            "--discord-mention": "oklch(0.58 0.2091 273.85 / 23.92%)",
            "--discord-mention-foreground": "oklch(0.39 0.1288 271.41)"
          },
          ".discord-mention": {
            "background-color": "color-mix(in srgb, var(--role-color) 10%, transparent);"
          },

          ".discord-mention:hover": {
            "background-color": "color-mix(in srgb, var(--role-color) 30%, transparent);"
          }
        }
      }
    },
    {
      "name": "discord-embed",
      "type": "registry:component",
      "title": "Discord Embeds",
      "description": "The component for creating Discord embeds",
      "registryDependencies": [
        "avatar",
        "https://discord-components.com/r/discord-base.json"
      ],
      "dependencies": ["class-variance-authority", "react"],
      "files": [
        {
          "path": "registry/discord-embeds/discord-embeds.tsx",
          "type": "registry:component"
        }
      ],
      "cssVars": {
        "light": {
          "discord-embed-background": "oklch(0.2624 0.0093 285.74)"
        }
      },
      "css": {
        "@layer base": {
          ".discord-light": {
            "--discord-embed-background": "oklch(1 0 0)"
          },
          ".discord-classic": {
            "--discord-embed-background": "oklch(0.145 0 0)"
          },
          ".discord-ash": {
            "--discord-embed-background": "oklch(0.3502 0.0122 279.28)"
          },
          ".discord-dark": {
            "--discord-embed-background": "oklch(0.2624 0.0093 285.74)"
          },
          ".discord-onyx": {
            "--discord-embed-background": "oklch(0.191 0.0043 264.47)"
          }
        }
      }
    }
  ]
}