gd streamergd streamerdocs
Get Started

Overlay Styles

Choose between Tech and Glass overlay styles to match your stream's visual identity in gd streamer.

Last updated: 2026-03-23

Two styles, one system#

Every overlay in gd streamer is available in two visual styles. You select the style per match, and it applies to all overlays for that match automatically.

Tech style#

The Tech style has a command-center, tactical aesthetic built for competitive esports broadcasts.

Visual characteristics:

  • Dark gradient backgrounds (#1a1a1f to #0d0d0f)
  • Sharp, tight border radii (2-6px)
  • Strong drop shadows for depth
  • Subtle diagonal stripe patterns as accents
  • Clean, angular player color gradients

Typography:

  • Scores and data: JetBrains Mono -- monospace for precision and alignment
  • Headers and UI: Barlow -- clean sans-serif for readability

Best for: competitive streams, tournament broadcasts, esports events. If your stream aims for an ESPN or BLAST.tv production feel, Tech is the right choice.

Score banner in Tech style

Glass style#

The Glass style uses glassmorphism with frosted panels and modern design language.

Visual characteristics:

  • Semi-transparent dark backgrounds with backdrop-blur
  • Larger, softer border radii (8-24px)
  • Frosted glass effect on panel surfaces
  • Radial gradient glows using player colors
  • Subtle top-edge light gradient for dimensionality

Typography:

  • Scores and data: JetBrains Mono -- monospace, consistent with Tech
  • Headers and display: Rajdhani -- a geometric display font with modern weight
  • Body and UI: Barlow -- shared across both styles

Best for: modern streams, content creators who want a polished but softer look, and broadcasts where the overlays should feel like floating HUD elements rather than hard UI panels.

Score banner in Glass style

Selecting your style#

Open your match

Navigate to the match you want to configure from the Matches list.

Go to the Overlays tab

Click the Overlays tab in the match sidebar.

Choose your style

Select Tech or Glass. The change takes effect immediately across all overlays for this match.

Info
Changing the style does not affect your overlay URLs. The same browser source links work regardless of which style you select -- OBS sources update automatically.

Mixing styles across matches#

While you cannot mix styles within a single match, you can use different styles for different matches. If you run multiple matches in a tournament, each match can have its own style setting.

What's next?#

Ready to add overlays to your stream? Follow the OBS Browser Source setup guide.