Storyfall

Themes & Styling

Customize the visual appearance of your story with themes. Storyfall’s theme system lets you set colors, fonts, and decorative elements that readers see when playing your story.

Overview

Every story has a theme that controls its visual presentation. Themes affect the colors, typography, and decorative elements readers see in the game interface. You can choose a genre preset as a starting point and then customize individual settings or customize a theme entirely from scratch.

Themes can be set at the story level or overridden per scene, so you could have different scenes use different themes. You can also build a theme library to share themes across multiple stories, which is useful if you’re writing a series and want a consistent look.

Theme panel This Story tab showing story-level and scene-level theme assignment

Accessing Theme Settings

  1. Open your story in the Workshop editor.
  2. Click the Theme button in the sidebar.
  3. The Theme panel opens with all customization options.

Theme panel open in the sidebar with full-height editor context

Genre Presets

When you create a story and select a genre, a matching theme preset is applied automatically. Presets are available for all genres including Romance, Fantasy Adventure, Horror, Sci-Fi Space, Mystery Detective, Cyberpunk, Western, Post-Apocalyptic, Zombie Apocalypse, Historical Fiction, Modern Thriller, and Drama. Each preset sets colors, fonts, and decorative elements to match the genre’s tone.

You can customize any preset’s settings afterward, or start from scratch with a custom theme.

Custom Colors

Fine-tune your story’s color palette by editing individual color values:

Primary Color

The main accent color used for buttons, links, and highlighted elements.

Secondary Color

A supporting color for secondary UI elements and accents.

Accent Color

Used for special highlights, notifications, and emphasis.

Background Color

The main background color of the reading interface.

Each color can be set using the color picker or by entering a hex code directly.

Font Selection

Choose the font family used for story text:

  • Sans Serif - Clean, modern look (default).
  • Serif - Classic, literary feel.
  • Monospace - Technical or typewriter aesthetic.

The font applies to all story text including scene content, choices, and variable displays.

Decorative Elements

Add visual flair to your story’s interface with decorative overlays. There are several presets to choose from, or you can upload your own SVG for a fully custom decoration. Decorative elements appear as subtle overlays on the reading interface without interfering with text readability.

Dark Mode

Themes work with both light and dark mode. Each color setting has a light and dark mode value that you set separately. Readers can switch between light and dark mode using the toggle in the game interface, and your theme adapts accordingly.

How Readers Experience Themes

When a reader plays your story:

  • The theme loads automatically when the story starts.
  • Colors, fonts, and decorative elements are applied to the reading interface.
  • The reader’s light/dark mode preference is respected.
  • Theme changes between scenes happen automatically.
  • Readers can disable themes entirely in their game settings if they prefer the default look.

Next Steps