StreamElements
https://obs.multistream.tools/v1/dock?theme=./themes/streamelements/dock.css
https://obs.multistream.tools/v1/wrapper?url=<dockURL>?theme=https://obs.multistream.tools/v1/themes/streamelements/dock.css
If you like the readability of the activity feed offered by the third-party service called StreamElements, you will necessarily like this theme from which it is strongly inspired, intended to facilitate the transition to our tools and therefore our own activity feed. It supports the Facebook, Trovo, Twitch and YouTube platforms.
warning
This theme is intended to be applied on docks based on our CSS framework.
Variables
Specific CSS variables useful for writing a derived theme are as follows:
| name | value | description |
|---|---|---|
--colorCheer | Color (#56d5fd by default) | Color of stars, elixir, cheer and superchat type alerts |
--colorFollower | Color (#5684fd by default) | Color of fan, videolike, follower and subscriber (YouTube) type alerts |
--colorGifted | Color (#46dc8e by default) | Color of supporter, subscriber (Trovo and Twitch) and sponsor type alerts; replaces the default color when it is a gift |
--colorMerch | Color (#ff00b8 by default) | Color of merch type alerts |
--colorMessage | Color (#bababc by default) | Text color of viewer messages potentially accompanying alerts |
--colorRaid | Color (#8442ef by default) | Color of raid and share type alerts |
--colorReward | Color (#707070 by default) | Color of reward type alerts |
--colorSubscriber | Color (#efb142 by default) | Color of supporter, subscriber (Trovo and Twitch) and sponsor type alerts |
--colorTip | Color (#f53656 by default) | Color of tip type alerts |
--colorRedemption | Color (--colorReward by default) | Color of redemption type alerts |
--textTier2 | Text ('t2 ' by default) | Text corresponding to paid Twitch level 2 subscriptions |
--textTier3 | Text ('t3 ' by default) | Text corresponding to paid Twitch level 3 subscriptions |
Those of our CSS framework having been redefined are as follows:
| name | value |
|---|---|
--color1 | #e3e3e3 |
--color2 | #3f3f40 |
--color3 | #232428 |
--color4 | #131315 |
--color5 | --color3 |