stream chatbox besser lesbar dank kontur

Für meinen Stream wollte ich die Lesbarkeits des Chats, der ebenfalls im Stream eingebunden ist, verbessern.

Dies ist ganz einfach möglich via CSS:

In OBS einfach die Chatbox doppelklicken und in den Einstellungen den Punkt “Quelle” aufrufen.

Innerhalbes “body”-Blocks wird folgender CSS Eintrag benötigt:

text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000;

Nach Bedarf kann durch Veränderung der Werte -1 und 1 die Dicke der Kontur angepasst werden. Durch #000 wird die Kontur schwarz. Hier kann stattdessen auch #FFF für weiß oder “red” für eine knallrote Kontur eingetragen werden.

So sieht das dann bei mir aus:

Das Ergebnis ist deutlich lesbarer als vorher – hier nochmal im Vergleich:

VORHER

NACHHER

Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.