Turn Swagger Theme to the Dark Mode

UpdatedJuly 1, 2021

Why I do what I do: I envision the world where technology and automation have given us freedom from tedious tasks and everyone can focus on what really matters most to them. My personal goal is to remove obstacles so that together we can move the world forward.

How I do it: I focus on automating tedious and repetitive tasks Identify the best tools for the job and creating integrations between the tools Make solutions to the problems reusable and standardized. Approach problems modularly and find the best tool to solve each smaller problem. Never stop learning to be aware of all the tools and best approaches to apply in the future.

What I do: I write software, implement build/deploy and test automation pipelines Facilitate the knowledge and tools sharing among stakeholders by setting up wikis, demos and user groups. Create UI Mockups to better visualise the end products and gather valuable feedback early on. Attend and present in developer forums to gain and spread the knowledge amongst peers.

Comments (1)

Join the discussion

Eddy Baker4y ago

Purchase a high-quality essay written by US-native writers and save a good sum of money because, right https://rankmywriter.com/masterpapers-com-review now, the company offers a pretty good 15% discount for all newcomers.

More from this blog

My Approach to AI-Assisted Blogging

I am giving this blog another shot. Over the past few years, I've slowly adopted more and more AI into my workflow as the technology evolved. That shift led me to a stark realization: the messy trial-

Jun 10, 20263 min read27

How to integrate Swagger UI in a .NET Core Web API application | Amoenus Dev

Swagger tooling allows you to generate beautiful API documentation, including a UI to explore and test operations, directly from your routes, controllers and models. Setting it up is simple but requires some code changes. To enable swagger integratio...

Sep 3, 20202 min read3.6K

How to integrate Swagger UI in a .NET Core Web API application | Amoenus Dev

There is no ‘wrong’ way to develop software | Amoenus Dev

Today I would like to discuss a topic of 'wrong' code in software development. I often find developers arguing. It can be about the use of languages, certain patterns or frameworks. Whichever topic it is, each of the arguers is adamant that the oppos...

Aug 21, 20204 min read688

There is no ‘wrong’ way to develop software | Amoenus Dev

No method too small | Amoenus Dev

This story starts with a call from the 1st line support that users were getting intermittent-production-only error in one of the key application my team were working on. The problem was that the application was behind the hardened environment that we...

Aug 12, 20202 min read615

Amoenus Dev

5 posts

I envision the world where technology and automation have given us freedom from tedious tasks and everyone can focus on what really matters most to them.

So you have Swagger integrated into your .NET Core Web API application. Maybe even using my previous guide . And now you want to customize it a bit.

I prefer my UI’s dark. So, when I am presented with a predominantly white screen from the Swagger default theme, I immediately want to change it. Luckily SwaggerUI supports CSS injection.

Here are the tweaks that we need to make:

Changes for `Startup.cs`

Enable support for static files in a `Configure()` method

app.UseStaticFiles();

Add folder structure with custom CSS

wwwroot/
   └──swagger-ui/
      └── SwaggerDark.css

Folder structure and location of SwaggerDark.css

Inject custom CSS

Now we can inject the custom CSS with InjectStylesheet()

app.UseSwaggerUI(c =>
{
    c.SwaggerEndpoint("/swagger/v1/swagger.json", "MyAPI");
    c.InjectStylesheet("/swagger-ui/SwaggerDark.css");
});

You’ve read till the end, so as a thank you here’s the link to the dark theme I just mentioned. It even comes with a dark scroll bar and custom drop-down arrows. https://github.com/Amoenus/SwaggerDark/

Thank you for reading. Consider subscribing and leaving a comment.

Command Palette