Skip to content

Predefined Themes

Jump to bottom
teociaps edited this page Nov 30, 2024 · 4 revisions

Customize your API documentation interface with a variety of pre-defined Classic and Modern themes, each offering a unique visual experience.

Classics

The Classic styles replicate the familiar Swagger UI aesthetics while providing themed options to better match your application's branding or personal preferences.

Dark Forest DeepSea Desert
dark style example image forest style example image deepSea style example image desert style example image 
Style.Dark
 
Style.Forest
 
Style.DeepSea
 
Style.Desert

Note

The Light style, while not displayed in the examples, serves as the default theme for Swagger UI. To access Advanced Options available for classic styles, use Style.Light in your configuration.

Moderns

The Modern styles enhance Swagger UI with a fresh and contemporary design, adding subtle animations and support for improved customization.

Light Dark Forest
modern light style example image modern dark style example image modern forest style example image 
ModernStyle.Light
 
ModernStyle.Dark
 
ModernStyle.Forest
DeepSea Desert Futuristic
modern deepSea style example image modern desert style example image modern futuristic style example image 
ModernStyle.DeepSea
 
ModernStyle.Desert
 
ModernStyle.Futuristic

Choosing Your Style

  • Classic Styles: Ideal for a clean, consistent design across Swagger-based projects.

  • Modern Styles: Designed for a sleek and dynamic UI with enhanced functionalities. Check out Advanced Options for more customization.

Note

Dark styles adjust automatically to your browser's dark mode settings; otherwise, the light version is applied.

Tip

Want a unique look? Extend any Classic or Modern base style to create your own style.

Quick Links

Clone this wiki locally