La combinaison de couleurs Light-on-Dark est un jeu de couleurs qui utilise un texte de couleur claire sur un fond sombre et est souvent discuté en termes de conception d’interface utilisateur.

A l’origine, des images d’interface utilisateur d’ordinateur ont été formées sur des tubes cathodiques. Le phosphore était normalement d’une couleur très foncée et s’éclairait brillamment lorsque le faisceau d’électrons le heurtait, semblant être vert ou ambre sur le noir, selon les luminophores appliqués sur un écran monochrome. Les écrans RVB ont continué dans la même veine, en utilisant tous les faisceaux mis sur « on » pour former du blanc.

Avec l’avènement du télétexte, des recherches ont été effectuées pour déterminer quelles couleurs et combinaisons de couleurs primaires et secondaires fonctionnaient le mieux pour ce nouveau support. Le cyan ou le jaune sur le noir était généralement optimal à partir d’une palette de noir, rouge, vert, jaune, bleu, magenta, cyan et blanc.

Le schéma de couleurs opposé, dark-on-light, a été introduit à l’origine dans les traitements de texte WYSIWYG, pour simuler l’encre sur papier.

Qu’il soit plus facile ou plus sain de lire un texte sur un fond sombre est contesté par les chercheurs en vision et en perception; il y a un conflit similaire entre les utilisateurs.

La consommation d’énergie
La lumière sur les schémas de couleurs sombres nécessite moins d’énergie à afficher sur certaines technologies d’affichage, telles que les écrans OLED, CRT et LCD. Cela peut affecter la durée de vie de la batterie et la conservation globale de l’énergie.

Problèmes avec le web
Certains affirment qu’un schéma de couleur avec un texte clair sur un fond sombre est plus facile à lire sur l’écran, parce que la luminosité inférieure provoque moins de fatigue visuelle. La mise en garde est que la plupart des pages sur le Web sont conçus pour les milieux blancs; Les images GIF et PNG avec un bit de transparence à la place des couches alpha ont tendance à apparaître avec des contours irréguliers, tout en provoquant des problèmes avec d’autres éléments graphiques.

Il n’est pas nécessaire qu’une conception Web fonctionne bien avec un seul schéma de couleurs. Il existe de nombreux mécanismes d’architecture Web qui permettent aux conceptions de bien fonctionner avec n’importe quel schéma de couleurs qu’un utilisateur pourrait préférer. Cette flexibilité technique est un produit de la préoccupation de l’architecte Web pour l’accessibilité et l’autonomisation des préférences des utilisateurs, bien que les concepteurs utilisent rarement cette flexibilité technique. Les utilisateurs qui préfèrent certains modèles de couleurs appliquent fréquemment leur préférence aux pages Web en utilisant des outils tels que Stylish.

« Blanc flamboyant »
Un blanc flamboyant est un texte noir sur un fond clair trouvé dans certains progiciels, souvent sans possibilité de définir des couleurs (par exemple, Skype ou Wikipedia). Un autre problème courant est l’utilisation de l’anti-aliasing spatial, le logiciel suppose que la couleur de fond est blanche.

Contrairement au papier, qui reflète la lumière ambiante, les écrans CRT et LCD émettent une lumière d’une luminosité suffisante pour surmonter la lumière ambiante. Lorsque la lumière ambiante varie, la luminosité relative de l’affichage peut varier considérablement.