Themes¶

WideQuick MOD uses a theme system built on Material Design 3 (M3). Every color in the application, including backgrounds, text, borders, surfaces, and status indicators, is drawn from the active theme rather than set as a fixed value. Switching the theme updates the entire application at once.

Themes ship in light and dark variants. Both can be selected in WideQuick Designer® and toggled at runtime. The active preference persists across restarts.

Because themes follow the M3 standard, a complete theme with all color roles, elevation surfaces, and dark/light variants can be generated from a single brand color. This makes it practical to build themes that match a customer's graphical profile and the result is coherent, visually distinct, and standards-compliant without manually defining every role.

Contents¶

Get started¶

• Light and dark mode — The two theme variants and what they look like.
• Switching themes — Setting the start theme in WideQuick Designer® and switching at runtime in WideQuick Runtime®.
• How objects follow themes — How colors, text, and alarm states update automatically with the theme.

Configuring¶

• Changing a color — Editing color values in the theme editor.
• How colors are applied to objects — How objects reference theme colors through scripts.
• Custom colors — Project-specific colors and how to add them.
• Module-specific color palettes — Separate palettes for Calendar, History, Maintenance, Maps, Pipes, and Value Display.

Extending¶

• Creating a custom theme — Generating a theme from a brand color using Material Theme Builder.
• Built-in themes — The themes that ship with WideQuick MOD.