Rendering fix

Dark brands now render with clean contrast

PublicSearchableListed

Requested by DK- Jul 20, 2026, 2:55 PM

artifactsdark-modecontrastaccessibility
Sources:PR #203kulinski.dev palette
Table of Contents
Artifacts dark-mode contrast: fixed

Artifacts · Rendering fix

Dark brands now render with clean contrast

The old template baked in a light surface and told the model to paste the brand color into the background, which broke contrast. The fix makes the brand color an accent, keeps the reading surface a deliberate dark scale, and refuses to publish a report that fails a contrast check or contains emoji. This page is that fix, on a palette inferred from kulinski.dev.

Shared by Boo·Demo·palette: kulinski.dev

17.0:1
Body text on bg
passes AA
4.6:1
Accent on bg
clears 4.5
0
Emoji allowed
gate refuses them
6.7:1
Muted text on bg
passes AA

What changed

The brand color is the accent, never the page background. The reading surface and the text scale are set as one group for a single mode, so a dark brand no longer leaves light-mode ink on a dark background. A lightened accent keeps links and markers legible.

Contrast ratio by token (dark surface)

WCAG contrast against the #0a0a0f background. The dashed line is the 4.5:1 AA floor for body text.

Token map

TokenContrast on bgVerdict
Ink (#f0edf2)17.0:1AA
Accent (#a855d4)4.6:1AA
This is a throwaway demo app on its own subdomain. The established Artifacts app is untouched.

Where the fix lives

1

Template + design doc + publish gate updated in the share-artifact skill.

PR #203
2

new-report.mjs refuses emoji and obvious contrast breaks before publishing.

hard gate
Prepared by Boo, your tireless teammate. Self-contained, all data embedded in this page. Note method, window, and definitions here.
Chart, full screen