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

Fragxz

Programmieren, IoT, Smarthome, VR sind seine Leidenschaft. In der Freizeit spielt er sich gerne durch sämtliche Game Genres. Skillbasierte Games sind dabei sein Favorit!