Skip to content
QuakeOverlay

Theme Customization

Overview

QuakeOverlay includes 4 built-in themes for both alert and map overlays. All customization is done through the in-app Overlay Settings page. You can select a theme, then fine-tune colors, fonts, animations, and more to match your stream's look.

Alert Themes

The alert overlay offers the following 4 themes.

news

A banner-layout theme with a TV news broadcast style.

News theme
News alert theme

minimal

A card-layout theme with a simple, clean design.

Minimal theme
Minimal alert theme

impact

A banner-layout theme with a high-impact visual style.

Impact theme
Impact alert theme

kawaii

A card-layout theme with a cute design.

Kawaii theme
Kawaii alert theme

Additional Alert Themes (Sold Separately)

In addition to the built-in themes, additional themes are available for purchase. More themes are planned for the future.

onyx

A card-layout dark and modern design theme with a two-column header and severity bar.

Onyx theme
Onyx alert theme

Alert Customization Options

After selecting a theme, you can customize the following settings.

SettingDefaultRange / Options
Positionbottomtop / bottom / center
Background colortheme-dependentColor picker
Accent colortheme-dependentColor picker
Opacity900–100%
Border colortheme-dependentColor picker
Text colortheme-dependentColor picker
Padding100%50–200%
Font size100%50–200%
Animation speed100%50–200%
Fontdefault12 fonts (see below)
Animationdefaultdefault / fade / float / blur / slide / bounce
Animation directionupup / down / left / right
Stack methodcardbanner / card / timeline / ticker / replace
Max display count21–5

Map Themes

The map overlay shares the same 4 theme options as the alert overlay.

map-news

News map theme
News map theme

map-minimal

Minimal map theme
Minimal map theme

map-impact

Impact map theme
Impact map theme

map-kawaii

Kawaii map theme
Kawaii map theme

Additional Map Themes (Sold Separately)

Additional map themes are also available for purchase. More map themes are planned for the future.

map-onyx

Onyx map theme
Onyx map theme

Map Customization Options

Color & Style Settings

SettingDefaultDescription
Header background colortheme-dependentHeader area background
Header text colortheme-dependentHeader text color
Border colortheme-dependentCard border color
Tsunami bar backgroundtheme-dependentTsunami info area background
Tsunami bar text colortheme-dependentTsunami info text color
Marker colortheme-dependentEpicenter marker color
Badge border colortheme-dependentIntensity badge border
Frame accent colortheme-dependentFrame color (kawaii theme)
Frame thickness100%Frame width, kawaii theme (0–500%)

Size & Font Settings

SettingDefaultDescription
Fontzen-maru-gothic12 fonts (see below)
Marker size100%Epicenter marker size
Label size100%Prefecture label size
Header font size120%Header text size
Tsunami font size160%Tsunami info text size
Time font size120%Time display size
Opacity900–100%

Display & Behavior Settings

SettingDefaultDescription
Auto zoomONAuto-zoom to epicenter
Intensity coloringONColor-code by seismic intensity
Intensity labelsONPrefecture intensity labels
Tsunami barONShow tsunami info bar
Header infoONShow header details
Sea transparencyONTransparent sea area
Display modetimertimer / always-on
Map display duration30 sec15–120 sec (timer mode)

Available Fonts

Both alert and map overlays support the following 12 fonts.

  1. default
  2. Zen Maru Gothic
  3. Noto Sans JP
  4. M PLUS Rounded 1c
  5. Kosugi Maru
  6. Kiwi Maru
  7. Hachi Maru Pop
  8. DotGothic16
  9. Dela Gothic One
  10. Shippori Mincho
  11. Reggae One
  12. Zen Antique

Tips

  • Changes are previewed in real-time on the Overlay Settings page
  • Click Save to apply your changes, or Reset to revert to the theme defaults
  • Each theme stores its own customization separately