Background Colors
Overview
These classes are used for quickly setting the background color of an element. The background color classes are based on the color palette defined in the custom stylesheet.
Classes
| Class name | Color Value | Color Value (Dark Mode) |
|---|---|---|
bg-white | oklch(100% 0 0) | oklch(0% 0 0) |
bg-black | oklch(0% 0 0) | oklch(100% 0 0) |
bg-primary | oklch(49.12% 0.3096 275.75) | oklch(49.12% 0.3096 275.75) |
bg-primary-content | oklch(89.824% 0.06192 275.75) | oklch(89.824% 0.06192 275.75) |
bg-secondary | oklch(69.71% 0.329 342.55) | oklch(69.71% 0.329 342.55) |
bg-secondary-content | oklch(98.71% 0.0106 342.55) | oklch(98.71% 0.0106 342.55) |
bg-accent | oklch(76.76% 0.184 183.61) | oklch(76.76% 0.184 183.61) |
bg-accent-content | oklch(47.65% 0.113 183.61) | oklch(15.352% 0.0368 183.61) |
bg-info | oklch(72.06% 0.191 231.6) | oklch(72.06% 0.191 231.6) |
bg-info-content | oklch(44.12% 0.1175 231.6) | oklch(0% 0 0) |
bg-success | oklch(64.8% 0.15 160) | oklch(64.8% 0.15 160) |
bg-success-content | oklch(48.24% 0.15 160) | oklch(0% 0 0) |
bg-warning | oklch(84.71% 0.199 83.87) | oklch(84.71% 0.199 83.87) |
bg-warning-content | oklch(55.89% 0.1317 83.87) | oklch(0% 0 0) |
bg-error | oklch(71.76% 0.221 22.18) | oklch(71.76% 0.221 22.18) |
bg-error-content | oklch(48.83% 0.221 22.18) | oklch(0% 0 0) |
bg-neutral-10 | oklch(96.68% 0.006 264.53) | oklch(19.73% 0.009 240.37) |
bg-neutral-20 | oklch(90.81% 0.008 253.86) | oklch(26.8% 0.01 229.31) |
bg-neutral-30 | oklch(82.68% 0.011 247.96) | oklch(34.47% 0.012 243.17) |
bg-neutral-40 | oklch(73.14% 0.013 248) | oklch(43.87% 0.011 243.05) |
bg-neutral-50 | oklch(64.14% 0.015 258.36) | oklch(54.16% 0.014 248.08) |
bg-neutral-60 | oklch(54.16% 0.014 248.08) | oklch(64.14% 0.015 258.36) |
bg-neutral-70 | oklch(43.87% 0.011 243.05) | oklch(73.14% 0.013 248) |
bg-neutral-80 | oklch(34.47% 0.012 243.17) | oklch(82.68% 0.011 247.96) |
bg-neutral-90 | oklch(26.8% 0.01 229.31) | oklch(90.81% 0.008 253.86) |
bg-neutral-100 | oklch(19.73% 0.009 240.37) | oklch(96.68% 0.006 264.53) |