Improbability Drive
Generates daisyUI 5 themes with OKLCH maths, checks their contrast live, and lets you wear one across this whole site.
Preview
Contrast
WCAG 2.x ratios on the colours as a screen shows them. 4.5:1 is the pass mark; APCA Lc is there for the curious and does not decide anything.
| Pair | Ratio | APCA | Result |
|---|---|---|---|
| base-content on base-100 | |||
| base-content on base-200 | |||
| base-content on base-300 | |||
| primary-content on primary | |||
| secondary-content on secondary | |||
| accent-content on accent | |||
| neutral-content on neutral | |||
| info-content on info | |||
| success-content on success | |||
| warning-content on warning | |||
| error-content on error |
The CSS
The full daisyUI 5 variable set, in the block its docs ask for. Paste it into a stylesheet and it is a real daisyUI theme.
Saved
Kept in this browser, up to 12, and never sent anywhere. They are in the palette menu at the top of every page, so you can switch between them anywhere on the site.