Swagger Dark Mode CSS inspired by https://33kk.github.io/uso-archive/?search=swagger&style=181812

SwaggerDark.user.css

/* version: 03-14-2022 */

.swagger-ui .info .title, .swagger-ui a.nostyle, .swagger-ui .parameter__name, .swagger-ui .parameter__type, .swagger-ui .parameter__deprecated, .swagger-ui .parameter__in, .swagger-ui table thead tr th, .swagger-ui .response-col_status, .swagger-ui table thead tr td, .swagger-ui .opblock .opblock-section-header h4, .swagger-ui label, .swagger-ui .tab li, .swagger-ui .opblock .opblock-section-header label, .swagger-ui .btn {
    color: #CCCCCC;
}
body, .swagger-ui .info .title, .swagger-ui .scheme-container, .swagger-ui select {
    background-color: #222;
    color: #CCC;
}
.swagger-ui .opblock .opblock-section-header {
    background-color: transparent;
}
.swagger-ui textarea, .swagger-ui input[type=text] {
    background-color: #41444e;
    color: #CCC;
}
.swagger-ui .topbar {
    background-color: #000
}
.swagger-ui .info .base-url {
    color: #CCC;
}
.swagger-ui .scheme-container .schemes > label {
    color: #CCC;
}
.swagger-ui section.models h4 {
    color: #CCC;
}
.swagger-ui .model-title {
    color: #CCC;
}
.swagger-ui .model {
    color: #CCC;
}
.swagger-ui .opblock-tag {
    color: #CCC;
}
.swagger-ui a.nostyle, .swagger-ui a.nostyle:visited {
    color: #CCC;
}
.swagger-ui .opblock-description-wrapper p, .swagger-ui .opblock-external-docs-wrapper p, .swagger-ui .opblock-title_normal p {
    color: #CCC;
}
.swagger-ui .responses-inner h4, .swagger-ui .responses-inner h5 {
    color: #CCC;
}
.arrow {
    fill:#CCC;
}
#large-arrow-down {
    fill:#CCC;
}
.model-toggle collapsed {
    fill:#CCC;
}
.swagger-ui {
    color: #CCC;
}
.swagger-ui .prop-type {
    color: #aeaef2;
}
.swagger-ui .opblock-tag {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.swagger-ui .model-toggle::after {
    display: block;
    width: 20px;
    height: 20px;
    content:"";
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='24' height='24' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: 100%;
}
.swagger-ui select {
    font-size: 14px;
    font-weight: 700;
    padding: 5px 40px 5px 10px;
    border: 2px solid #41444e;
    border-radius: 4px;
    background: #f7f7f7 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+ICAgIDxwYXRoIGQ9Ik0xMy40MTggNy44NTljLjI3MS0uMjY4LjcwOS0uMjY4Ljk3OCAwIC4yNy4yNjguMjcyLjcwMSAwIC45NjlsLTMuOTA4IDMuODNjLS4yNy4yNjgtLjcwNy4yNjgtLjk3OSAwbC0zLjkwOC0zLjgzYy0uMjctLjI2Ny0uMjctLjcwMSAwLS45NjkuMjcxLS4yNjguNzA5LS4yNjguOTc4IDBMMTAgMTFsMy40MTgtMy4xNDF6Ii8+PC9zdmc+) right 10px center no-repeat;
    background-color: rgb(247, 247, 247);
    background-size: 20px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);
    font-family: sans-serif;
    /* color: #3b4151; */
    color: #5d6579;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* fixes */
.swagger-ui .info li, .swagger-ui .info p, .swagger-ui .info table {
	color: #adb5cc !important;
}
.swagger-ui .opblock .opblock-summary-description {
	color: #adb5cc !important;
}


.swagger-ui .info h1, .swagger-ui .info h2, .swagger-ui .info h3, .swagger-ui .info h4, .swagger-ui .info h5 {
    color: #adb5cc !important;
}