New Inspiro AI Demo Generator — can't find the perfect demo? Describe your website and AI builds a custom one in about 2 minutes. Learn more →

Knowledge Base

Documentation

Theme Documentation



Plugin Documentation



Resources

Videozoom — Theme Styles & Dark Mode

This article refers to Videozoom

Videozoom 5.0 introduced the Editorial theme style — a minimal black & white video magazine design — along with a built-in Dark Mode toggle for your visitors. This article covers choosing a style and configuring the color scheme.


Table of Contents

  1. Choosing a Theme Style
  2. Default Color Scheme
  3. The Dark Mode toggle
  4. Customizing colors and fonts

Choosing a Theme Style

Go to WPZOOM → Theme Options → General and pick a style under Theme Settings:

Theme Style, Slider Style and Default Color Scheme selectors
  • Editorial (default for new installs) — a minimal black & white video magazine style with thin & bold typography (Inter Tight), hairline borders, a wider 1400px layout, large 16:9 video cards, and a navigation bar that stays fixed as you scroll.
  • Dark / Light — the classic Videozoom styles from previous versions.

This is how the Editorial style looks on the front end:

The Editorial style with the dark color scheme

Updating from an older version? Your site keeps its current style after the update — switch to Editorial anytime from this screen.


Default Color Scheme

The Editorial style comes in two color schemes: Dark and Light. The Default Color Scheme option controls what first-time visitors see:

  • Dark (default) — the black background scheme.
  • Light — the white background scheme.
  • System — follows each visitor’s device preference (their operating system’s light/dark setting).
The Editorial style with the light color scheme

This option applies to the Editorial style only — the classic Dark and Light styles are fixed designs.


The Dark Mode toggle

With the Dark Mode Toggle option enabled (it’s on by default), a small switch appears in the header, and visitors can flip between the dark and light schemes themselves. Their choice is saved in the browser and remembered on the next visit — it always wins over the Default Color Scheme.

To hide the switch, uncheck Dark Mode Toggle in Theme Options → General.


Customizing colors and fonts

Beyond the built-in styles, you can adjust colors and typography with a live preview in the Customizer — go to Appearance → Customize and open the color and typography panels. Changes apply on top of the selected Theme Style.


What’s Next?

Last updated on August 28, 2026