Skip to content

ThinkAboutGitHub/swagger-ui-themes

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Swagger UI Themes

Version 2.0.1

Swagger Docs are awesome. Why not make them look better! Below is a collection of themes for Swagger UI.

You can find the Swagger UI project on GitHub here.

Get started at http://meostrander.com/swagger-ui-themes/

Getting started

Download the swagger-ui-themes project and place the desired stylesheet into the source of your swagger-ui html.

In the <head> of your html, reference the location to your [theme].css

Make sure to either remove/comment out the link to screen.css or load the desired theme after to override the default Swagger UI styles.

<link rel="stylesheet" href="path/to/swagger-ui-themes/css/theme-flattop.css">

Install with bower

$ bower install swagger-ui-themes

Install with npm

$ npm install swagger-ui-themes

Themes

Flattop

Flattop Screenshot

Muted

Muted Screenshot

Newspaper

Newspaper Screenshot

Outline

Outline Screenshot

Monokai

Monokai Screenshot

Feeling Blue

Feeling Blue Screenshot

Contributing

If you want to add theme ideas or other fixes/changes to how the package works, feel free to submit an issue.

Requesting new theme

  • Title your new issue Theme request: theme-name (e.g., Theme request: theme-solarized).
  • Include a few use cases for your requested theme. How do you plan on using it?

License

About

💥 A collection of css themes to spice up your Swagger docs

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 100.0%