Cel mai rapid mod de a proiecta un dark mode prost e să pornești de la tema light și să inversezi. Modul lent — și singurul mod care supraviețuiește unei suprafețe reale de produs — e să atribui fiecărei culori din paletă un singur rol, apoi să alegi două perechi de valori care satisfac acel rol în fiecare temă.
Pentru sistemul SoftWaves, rolurile sunt: page (cea mai mare suprafață), panel (carduri și blocuri inset), border (linia care separă două suprafețe de aceeași valoare), text (cerneală cu contrast mare), text-dim (registrul de body), muted (metadata și text de ajutor) și accent (culoarea interactivă, folosită cu măsură). Șapte roluri, paisprezece valori, o paletă.
Tema dark nu e o inversare. Paginile devin mai întunecate. Accentele devin mai luminoase — cyan-500 în light, cyan-300 în dark — pentru că bugetul de contrast se schimbă când suprafața e aproape neagră. Border-urile devin mai transparente pentru că liniile solide se citesc ca pereți în dark mode. Text-dim se apropie de culoarea paginii, nu se depărtează, ca să simți pagina mai catifelată.