While NightDev works on adding the possibility to change your highlight color, here’s a simple solution to do it yourself.
-
Download and install the Stylus extension to your browser: Chromium-based browser, or Firefox.
-
Click on the Stylus icon in your extensions and click on
Manage
. -
Under
Actions
click onWrite new style
. -
Paste the following code:
.chat-line__message.bttv-highlighted, .vod-message.bttv-highlighted { background-color: rgb(rrr, ggg, bbb, .3) !important; } #bttv-pinned-highlight { background-color: rgb(rrr, ggg, bbb, .5); color: #fff; } #bttv-pinned-highlight .close { fill: #fff; }
-
On Google, search for the hex code of the color you want your highlights to be and get the RGB values.
-
Replace the
rrr
/ggg
/bbb
by the respective values. -
At the bottom of the code select
Applies to URLs starting with
and put inhttps://www.twitch.tv/
-
Give it a name and click
Save
, done!
Optional:
-
Feel free to change the last value of the second
rgb()
to your liking, it’s the opacity of the pinned highlights, going from0
to1
. -
If the background color is too light and the text in the pinned highlights is unreadable, change the value of
color
andfill
from#fff
to#000
.