Swagger UI Dark Theme per NormanwOw

Swagger UI Dark Theme

Transform Swagger UI into a clean, modern dark interface designed for developers. Automatically detect Swagger UI pages and apply a carefully crafted dark theme with customizable colors and developer-focused UI improvements.

AUTOMATIC SWAGGER UI DETECTION

The extension automatically recognizes Swagger UI pages and applies the theme without requiring manual configuration. It also supports dynamically rendered Swagger UIs, including documentation loaded by modern SPAs.

FEATURES

• Automatic Swagger UI detection — no manual URL configuration required
• Customizable dark theme — create your own visual style
• Modern dark interface — designed for comfortable long development sessions
• HTTP method colors — clearly distinguish GET, POST, PUT, PATCH, and DELETE operations
• Enhanced Swagger UI components — custom styling for operations, parameters, responses, models, schemas, forms, and buttons
• Authentication dialogs — improved styling for authorization and authentication forms
• Custom modals and code blocks — dark styling for dialogs, JSON examples, and response sections
• Styled scrollbars — consistent dark scrollbars throughout Swagger UI
• Endpoint URL copying — quickly copy the full API endpoint URL from an operation path
• Dynamic Swagger support — works with Swagger UI loaded after the initial page render
• Works across environments — localhost, development, staging, and production

BUILT FOR DEVELOPERS

Make API documentation easier on the eyes while keeping it practical and consistent.

Whether you're working with FastAPI, OpenAPI documentation, local development environments, staging servers, or production APIs, Swagger UI Dark Theme provides a polished and developer-friendly experience.

Designed for developers who spend hours working with API documentation and want a cleaner, more comfortable Swagger UI experience.