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)