Aller au contenu principal

Thèmes

Notre dock et chaque overlay peuvent être présentés différemment de leurs styles par défaut grâce à la fonctionnalité de thème. Il s'agit simplement d'écrire du code CSS, basé sur notre framework CSS, et d'utiliser le pramètre theme prévu à cet effet. Il existe deux façons de configurer ce paramètre pour appliquer le thème de son choix.

URL distante​

https://obs.multistream.tools/v1/dock?theme=https://obs.multistream.tools/v1/themes/streamelements/dock.css
https://obs.multistream.tools/v1/dock?theme=https://your-domain.com/theme.css
https://obs.multistream.tools/v1/wrapper?url=https://your-domain.com/overlay.html?theme=https://your-domain.com/theme.css
https://obs.multistream.tools/v1/wrapper?url=https://your-domain.com/dock.html?theme=https://obs.multistream.tools/v1/themes/streamelements/dock.css

On pointera ici vers un fichier CSS distant, via son URL, servi en HTTPS. C'est la solution que nous recommandons car, de cette manière, un même thème pourra facilement s'appliquer à différentes installations d'OBS et chacune de ses mises à jour seront automatiquement propagées vers ces dernières.

info

Il est possible d'utiliser un chemin relatif lorsque le thème choisi se situe sur le même domaine que la page à laquelle il s'applique. Ceci permet par exemple d'écrire une URL plus courte lorsqu'il s'agit d'utiliser des thèmes fournis prêts à l'emploi.

https://obs.multistream.tools/v1/dock?theme=./themes/streamelements/dock.css
https://obs.multistream.tools/v1/wrapper?url=https://your-domain.com/overlay.html?theme=./theme.css

URL de données​

https://obs.multistream.tools/v1/dock?theme=data:text/css;base64,<data>
https://obs.multistream.tools/v1/wrapper?url=https://your-domain.com/overlay.html?theme=data:text/css;base64,<data>

Vous pouvez également utiliser des URLs de données. Cette solution n'est pas recommandée car elle génère des URLs très longues et opaques - de fait relativement complexes à modifier - et induit une maintenance sur chaque installation d'OBS que vous possédez. Cependant, les URLs de données évitent les requêtes HTTP et offrent donc de meilleurs temps de chargement ; ce qui peut être préférable dans de rares cas tels que la modification de seulement quelques couleurs.

Thèmes prêts à l'emploi​

Notre dock se devant de rester générique, il n'est pas envisageable que son thème par défaut définisse, par exemple, des couleurs liées à des événements spécifiques de plateformes spécifiques pour son flux d'activités ; par conséquent, sa lecture peut sembler monotone. Pour cette raison, nous fournissons des thèmes open source prêts à l'emploi supportant les plateformes les plus connues actuellement et pouvant également servir de modèles à l'élaboration de vos propres thèmes.

astuce

Ceux-ci peuvent aussi bien s'appliquer aux docks de nos overlays prêts à l'emploi qu'aux vôtres basés sur notre framework CSS.