11 docs tagged with "themes"

This overlay/dock is used to display multiplatform alerts to viewers. These alerts can have custom messages, images, and sounds.

This overlay/dock is used to display a multiplatform chat, either for the spectators or for the streamer.

We provide a CSS framework intended to help you in the development of overlays and docks as well as the application of themes on these. Below you will find all the variables and classes exposed, grouped by category.

Once you become familiar with the concept of theme, you will probably want to develop your own. This page therefore serves as a quick "tutorial" so that you can master the main blocks constituting the creation of a theme applicable to overlays and/or docks.

Our dock, as described previously, is distributed in the form of an HTML page present at the following address:

This overlay, intended to be integrated into your OBS installation in the form of a browser source, goes hand in hand with the dock of our Chat overlay and allows you to highlight the chat messages of your choice on your stream. For example, during a frequently asked questions (FAQ) or an interview, your viewers will be able to more easily identify the topic being discussed.

After developing your own adapters, overlays and themes it is necessary that those are hosted and served over HTTPS for use in our system. Adapters and overlays are HTML pages that can be displayed in iframes, themes are simple CSS files; their hosting is therefore standard in the Web development world.

Overlays, such as described previously, are distributed as HTML pages served over HTTPS. They are displayed using our wrapper and use our JavaScript and CSS frameworks to receive (observe) and send (emit) events as well as use the OBS JavaScript API.

This overlay/dock is used to display and administer multiplatform surveys.

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.

Our dock and each overlay can be presented differently from their default styles thanks to the theme feature. It simply is a matter of writing CSS code, based on our CSS framework, and using the theme parameter provided for this purpose. There are two ways to configure this parameter to apply the theme of your choice.