Packages
@kingpowerclick/crown-css
API reference for the crown-css package: install, exports, and when to use it.
This page is a stub
Content coming soon — see the outline below for what it will cover.
Example: semantic tokens
| Token | Layer | King Power light | King Power dark |
|---|---|---|---|
color-accent-border-blue--crown-color-accent-border-blue | semantic | oklch(0.8408 0.0815 251.56) | oklch(0.4064 0.1645 260.28) |
color-accent-border-green--crown-color-accent-border-green | semantic | oklch(0.834 0.145 154.18) | oklch(0.4429 0.1049 140.7) |
color-accent-border-indigo--crown-color-accent-border-indigo | semantic | oklch(0.8451 0.0764 271.61) | oklch(0.4092 0.1691 278.71) |
color-accent-border-lime--crown-color-accent-border-lime | semantic | oklch(0.8397 0.1602 119.71) | oklch(0.4547 0.1123 129.38) |
color-accent-border-orange--crown-color-accent-border-orange | semantic | oklch(0.848 0.0968 58.86) | oklch(0.4365 0.1223 43.65) |
color-accent-border-pink--crown-color-accent-border-pink | semantic | oklch(0.857 0.117 333.8) | oklch(0.4199 0.1591 353.26) |
color-accent-border-purple--crown-color-accent-border-purple | semantic | oklch(0.8522 0.1081 318.68) | oklch(0.4271 0.1877 328.68) |
color-accent-border-red--crown-color-accent-border-red | semantic | oklch(0.8508 0.0814 17.96) | oklch(0.4313 0.1455 29.92) |
color-accent-border-sky--crown-color-accent-border-sky | semantic | oklch(0.8346 0.0952 210.01) | oklch(0.4271 0.0797 232.11) |
color-accent-border-teal--crown-color-accent-border-teal | semantic | oklch(0.8319 0.1179 179.48) | oklch(0.4219 0.0708 181.39) |
color-accent-border-violet--crown-color-accent-border-violet | semantic | oklch(0.8497 0.0839 296.03) | oklch(0.4261 0.1874 298.99) |
color-accent-border-yellow--crown-color-accent-border-yellow | semantic | oklch(0.8519 0.1356 88.24) | oklch(0.4693 0.0951 68.17) |
color-accent-content-blue--crown-color-accent-content-blue | semantic | oklch(0.5372 0.1702 257.97) | oklch(0.7519 0.1174 256.01) |
color-accent-content-green--crown-color-accent-content-green | semantic | oklch(0.5743 0.1358 145.55) | oklch(0.7595 0.1525 151.87) |
color-accent-content-indigo--crown-color-accent-content-indigo | semantic | oklch(0.5316 0.1851 272.73) | oklch(0.7568 0.1229 273.42) |
color-accent-content-lime--crown-color-accent-content-lime | semantic | oklch(0.5923 0.1487 124.92) | oklch(0.7632 0.1731 121.65) |
color-accent-content-orange--crown-color-accent-content-orange | semantic | oklch(0.5779 0.1506 50.36) | oklch(0.7618 0.1436 57.35) |
color-accent-content-pink--crown-color-accent-content-pink | semantic | oklch(0.5505 0.1947 347.64) | oklch(0.7689 0.1614 338.76) |
color-accent-content-purple--crown-color-accent-content-purple | semantic | oklch(0.5566 0.2176 327.36) | oklch(0.7676 0.1492 320.83) |
color-accent-content-red--crown-color-accent-content-red | semantic | oklch(0.5721 0.1734 26.64) | oklch(0.7647 0.1334 20.64) |
What this page will cover: API reference for @kingpowerclick/crown-css: install, exports, what each export contains, when to reach for it.