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
Si vous aimez la lisibilité du flux d'activités proposé par le service tiers nommé StreamElements, vous aimerez forcément ce thème dont il s'inspire fortement, destiné à faciliter la transition vers nos outils et donc notre propre flux d'activités. Il supporte les plateformes Facebook, Kick, TikTok, Trovo, Twitch et YouTube.
attention
Ce thème est destiné à être appliqué sur des docks basés sur notre framework CSS.
Le code source de ce thème est ouvert et peut servir d'exemple pour créer le vôtre.
Variables
Les variables CSS spécifiques utiles à l'écriture d'un thème dérivé sont les suivantes :
| nom | valeur | description |
|---|---|---|
--colorCheer | Couleur (#56d5fd par défaut) | Couleur des alertes de type cheer, gift, stars, elixir et superchat |
--colorFollower | Couleur (#5684fd par défaut) | Couleur des alertes de type follower, fan, like, videolike et subscriber (YouTube) |
--colorGifted | Couleur (#46dc8e par défaut) | Couleur des alertes de type subscriber (Kick, TikTok, Trovo et Twitch), supporter et sponsor ; remplace la couleur par défaut lorsqu'il s'agit d'un cadeau |
--colorMerch | Couleur (#ff00b8 par défaut) | Couleur des alertes de type merch |
--colorMessage | Couleur (#bababc par défaut) | Couleur de texte des messages de spectateurs accompagnant potentiellement les alertes |
--colorRaid | Couleur (#8442ef par défaut) | Couleur des alertes de type raid et share |
--colorReward | Couleur (#707070 par défaut) | Couleur des alertes de type reward |
--colorSubscriber | Couleur (#efb142 par défaut) | Couleur des alertes de type subscriber (Kick, TikTok, Trovo et Twitch), supporter et sponsor |
--colorTip | Couleur (#f53656 par défaut) | Couleur des alertes de type tip |
--colorRedemption | Couleur (--colorReward par défaut) | Couleur des alertes de type redemption |
--textTier2 | Texte ('t2 ' par défaut) | Texte correspondant aux abonnements payants Twitch de niveau 2 |
--textTier3 | Texte ('t3 ' par défaut) | Texte correspondant aux abonnements payants Twitch de niveau 3 |
Celles de notre framework CSS ayant été redéfinies sont les suivantes :
| nom | valeur |
|---|---|
--color1 | #e3e3e3 |
--color2 | #3f3f40 |
--color3 | #232428 |
--color4 | #131315 |
--color5 | --color3 |