Customizing Overlay Styles

Writing an Overlay Theme

to do

Customizing Overlay CSS

The "Custom CSS" field in the OBS Browser Source plugin can be used to modify the style of the overlay without writing a completely new theme.

In-Game

Classes

  • sidebar (sidebar-left and sidebar-right)
    • player-names
      • title
      • position
        • icon
        • name
    • player-stats
      • position (player-stats-queen etc.)
        • queen-kill
        • status-icons-container
          • speed
          • warrior
        • kd
          • kills
          • deaths
      • info-box
      • hivemind-logo
      • game-time
      • berries-remaining
      • kill-feed
  • bottom-bar
    • team-name-container
      • team-name
      • score
    • bottom-info-box

Postgame

Classes