Fastapi Swagger UI Dark

Dark theme for Swagger UI used in Fastapi applications (swagger-ui-dist) based on catppuccin color theme

Usage

You can pass the cdn link to swagger_css_url parameter in get_swagger_ui_html function in Fastapi

There are 2 css files,

swagger_ui_dark.css - Main css file

swagger_ui_dark.min.css - Minified version of the 1st one

With CDN (jsdelivr)

CDN url:

https://cdn.jsdelivr.net/gh/Itz-fork/Fastapi-Swagger-UI-Dark/assets/swagger_ui_dark.min.css

Example:

@app.get("/docs", include_in_schema=False)
async def custom_swagger_ui_html_cdn():
    return get_swagger_ui_html(
    openapi_url=app.openapi_url,
    title=f"{app.title} - Swagger UI",
    # swagger_ui_dark.css CDN link
    swagger_css_url="https://cdn.jsdelivr.net/gh/Itz-fork/Fastapi-Swagger-UI-Dark/assets/swagger_ui_dark.min.css"
)

With Github

Raw url:

https://raw.githubusercontent.com/Itz-fork/Fastapi-Swagger-UI-Dark/main/assets/swagger_ui_dark.min.css

Example:

@app.get("/docs", include_in_schema=False)
async def custom_swagger_ui_html_github():
    return get_swagger_ui_html(
    openapi_url=app.openapi_url,
    title=f"{app.title} - Swagger UI",
    # swagger_ui_dark.css raw url
    swagger_css_url="https://raw.githubusercontent.com/Itz-fork/Fastapi-Swagger-UI-Dark/main/assets/swagger_ui_dark.min.css"
)