diff --git a/index.html b/index.html
index 94fb581..6af8cde 100644
--- a/index.html
+++ b/index.html
@@ -377,65 +377,64 @@
background-color: rgba(52,73,94,0.09);
}
- /* Swagger UI Dark Theme - Proper Implementation */
+ /* Swagger UI Dark Theme - Complete Redesign */
+ /* Keep blue and green tones, invert light/dark colors */
+
[data-theme="dark"] .swagger-ui {
filter: none !important;
}
- [data-theme="dark"] .schemes div .servers div table tbody tr td {
- background-color: transparent !important;
- }
-
- /* Download url input */
- [data-theme="dark"] #swagger-section .swagger-container #swagger-ui .swagger-container .topbar .wrapper .topbar-wrapper .download-url-wrapper input[type=text].download-url-input {
- border-color: #3498db !important;
- }
-
- /* Authorization */
- [data-theme="dark"] .authorization__btn {
- background-color: transparent !important;
- border-color: #3498db !important;
- color: #3498db !important;
- }
-
- /* Paragraph */
- [data-theme="dark"] [id^="operations-tag-"] small p {
- color: #a0a0a0;
- }
-
- /* Button */
- [data-theme="dark"] .schemes .auth-wrapper .authorize {
- border-color: #2ecc71 !important;
- }
-
- /* Operations borders */
- [data-theme="dark"] [id^="operations-"] {
- border-bottom-color: #61affe;
- border-top-color: #61affe;
- border-right-color: #61affe;
- border-left-color: #61affe;
+ /* Main backgrounds */
+ [data-theme="dark"] .swagger-ui,
+ [data-theme="dark"] .swagger-ui .wrapper {
+ background: #1e1e1e;
}
+ /* Section backgrounds */
[data-theme="dark"] .swagger-ui .opblock-tag-section {
- background: #2d2d2d !important;
+ background: #252525;
}
+ /* Operation blocks */
[data-theme="dark"] .swagger-ui .opblock {
- background: #1e1e1e !important;
- border-color: #3a3a3a !important;
+ background: #2d2d2d;
+ border-color: #3a3a3a;
}
[data-theme="dark"] .swagger-ui .opblock .opblock-summary {
- background: #2d2d2d !important;
- border-color: #3a3a3a !important;
+ background: #2d2d2d;
+ border-color: #3a3a3a;
}
+ [data-theme="dark"] .swagger-ui .opblock .opblock-summary:hover {
+ background: #353535;
+ }
+
+ /* Keep GET/POST/PUT/DELETE method colors from light theme */
+ [data-theme="dark"] .swagger-ui .opblock.opblock-get {
+ background: #2d2d2d;
+ border-color: #61affe;
+ }
+
+ [data-theme="dark"] .swagger-ui .opblock.opblock-post {
+ background: #2d2d2d;
+ border-color: #49cc90;
+ }
+
+ [data-theme="dark"] .swagger-ui .opblock.opblock-put {
+ background: #2d2d2d;
+ border-color: #fca130;
+ }
+
+ [data-theme="dark"] .swagger-ui .opblock.opblock-delete {
+ background: #2d2d2d;
+ border-color: #f93e3e;
+ }
+
+ /* Text colors - light in dark mode */
[data-theme="dark"] .swagger-ui .opblock .opblock-summary-description,
[data-theme="dark"] .swagger-ui .opblock .opblock-summary-path,
- [data-theme="dark"] .swagger-ui .opblock .opblock-summary-method,
[data-theme="dark"] .swagger-ui .info .title,
- [data-theme="dark"] .swagger-ui .info .description,
- [data-theme="dark"] .swagger-ui .scheme-container,
[data-theme="dark"] .swagger-ui .opblock-description-wrapper p,
[data-theme="dark"] .swagger-ui .opblock-external-docs-wrapper p,
[data-theme="dark"] .swagger-ui .opblock-title_normal p,
@@ -449,28 +448,37 @@
[data-theme="dark"] .swagger-ui select,
[data-theme="dark"] .swagger-ui label,
[data-theme="dark"] .swagger-ui .opblock-section-header h4,
- [data-theme="dark"] .swagger-ui .opblock-section-header label {
- color: #e0e0e0 !important;
+ [data-theme="dark"] .swagger-ui .opblock-section-header label,
+ [data-theme="dark"] .swagger-ui .opblock-tag,
+ [data-theme="dark"] .swagger-ui h4,
+ [data-theme="dark"] .swagger-ui h5 {
+ color: #e8e8e8 !important;
}
+ /* Secondary text colors */
[data-theme="dark"] .swagger-ui .info .title small,
- [data-theme="dark"] .swagger-ui .info .description p {
- color: #b0b0b0 !important;
+ [data-theme="dark"] .swagger-ui .info .description p,
+ [data-theme="dark"] .swagger-ui .prop-format,
+ [data-theme="dark"] [id^="operations-tag-"] small p {
+ color: #a0a0a0 !important;
}
+ /* Operation body backgrounds */
[data-theme="dark"] .swagger-ui .opblock-body,
[data-theme="dark"] .swagger-ui .opblock-description-wrapper,
[data-theme="dark"] .swagger-ui .opblock-external-docs-wrapper,
[data-theme="dark"] .swagger-ui .opblock-section-header {
- background: #1e1e1e !important;
+ background: #1e1e1e;
}
+ /* Scheme container and topbar */
[data-theme="dark"] .swagger-ui .scheme-container,
[data-theme="dark"] .swagger-ui .topbar,
[data-theme="dark"] .swagger-ui section.models {
- background: #2d2d2d !important;
+ background: #252525;
}
+ /* Input fields */
[data-theme="dark"] .swagger-ui input[type=text],
[data-theme="dark"] .swagger-ui input[type=password],
[data-theme="dark"] .swagger-ui input[type=search],
@@ -478,160 +486,184 @@
[data-theme="dark"] .swagger-ui input[type=file],
[data-theme="dark"] .swagger-ui textarea,
[data-theme="dark"] .swagger-ui select {
- background: #1e1e1e !important;
- border-color: #3a3a3a !important;
- color: #e0e0e0 !important;
- }
-
- [data-theme="dark"] .swagger-ui .btn {
- background: #3a3a3a !important;
- color: #e0e0e0 !important;
- border-color: #4a4a4a !important;
- }
-
- [data-theme="dark"] .swagger-ui .btn.execute {
- background: #4a9eff !important;
- color: white !important;
- }
-
- [data-theme="dark"] .swagger-ui .btn.cancel {
- background: #e74c3c !important;
- color: white !important;
- }
-
- [data-theme="dark"] .swagger-ui table thead tr th,
- [data-theme="dark"] .swagger-ui table thead tr td {
- background: #2d2d2d !important;
- border-color: #3a3a3a !important;
- }
-
- [data-theme="dark"] .swagger-ui table tbody tr td {
- background: #1e1e1e !important;
- border-color: #3a3a3a !important;
- }
-
- [data-theme="dark"] .swagger-ui .model-box,
- [data-theme="dark"] .swagger-ui .model {
- background: #2d2d2d !important;
- }
-
- [data-theme="dark"] .swagger-ui .model-title {
- background: #1e1e1e !important;
- border-color: #3a3a3a !important;
- }
-
- [data-theme="dark"] .swagger-ui section.models .model-container {
- background: #2d2d2d !important;
- }
-
- [data-theme="dark"] .swagger-ui .model-box-control:focus,
- [data-theme="dark"] .swagger-ui section.models .model-box {
- background: #2d2d2d !important;
+ background: #2d2d2d;
+ border-color: #3a3a3a;
+ color: #e8e8e8;
}
[data-theme="dark"] .swagger-ui .parameters-col_description input[type=text] {
- background: #2d2d2d !important;
+ background: #2d2d2d;
}
- [data-theme="dark"] .swagger-ui .topbar .download-url-wrapper input[type=text] {
- background: #1e1e1e !important;
- border-color: #3a3a3a !important;
+ /* Buttons - keep blue/green colors */
+ [data-theme="dark"] .swagger-ui .btn {
+ background: #3a3a3a;
+ color: #e8e8e8;
+ border-color: #4a4a4a;
+ }
+
+ [data-theme="dark"] .swagger-ui .btn.execute {
+ background: #4990e2;
+ color: white;
+ border-color: #4990e2;
+ }
+
+ [data-theme="dark"] .swagger-ui .btn.cancel {
+ background: transparent;
+ color: #e74c3c;
+ border-color: #e74c3c;
+ }
+
+ [data-theme="dark"] .swagger-ui .btn:hover {
+ opacity: 0.8;
+ }
+
+ /* Tables */
+ [data-theme="dark"] .swagger-ui table thead tr th,
+ [data-theme="dark"] .swagger-ui table thead tr td {
+ background: #252525;
+ border-color: #3a3a3a;
+ }
+
+ [data-theme="dark"] .swagger-ui table tbody tr td {
+ background: #1e1e1e;
+ border-color: #3a3a3a;
+ }
+
+ /* Server table cells transparent */
+ [data-theme="dark"] .schemes div .servers div table tbody tr td {
+ background-color: transparent !important;
+ }
+
+ /* Models */
+ [data-theme="dark"] .swagger-ui .model-box,
+ [data-theme="dark"] .swagger-ui .model,
+ [data-theme="dark"] .swagger-ui section.models .model-container,
+ [data-theme="dark"] .swagger-ui .model-box-control:focus,
+ [data-theme="dark"] .swagger-ui section.models .model-box {
+ background: #252525;
+ }
+
+ [data-theme="dark"] .swagger-ui .model-title {
+ background: #2d2d2d;
+ border-color: #3a3a3a;
+ }
+
+ /* Topbar download URL */
+ [data-theme="dark"] .swagger-ui .topbar .download-url-wrapper input[type=text],
+ [data-theme="dark"] #swagger-section .swagger-container #swagger-ui .swagger-container .topbar .wrapper .topbar-wrapper .download-url-wrapper input[type=text].download-url-input {
+ background: #2d2d2d;
+ border-color: #3498db !important;
+ color: #e8e8e8;
}
[data-theme="dark"] .swagger-ui .topbar .download-url-wrapper .download-url-button {
- background: #4a9eff !important;
- color: white !important;
+ background: #4990e2;
+ color: white;
}
+ /* Version badge - keep blue */
[data-theme="dark"] .swagger-ui .info .title small.version-stamp {
- background-color: #4a9eff !important;
+ background-color: #4990e2;
}
+ /* Authorization - keep blue and green */
[data-theme="dark"] .swagger-ui .auth-wrapper {
- background: #2d2d2d !important;
- border-color: #3a3a3a !important;
+ background: #252525;
+ border-color: #3a3a3a;
}
- [data-theme="dark"] .swagger-ui .authorization__btn {
- background: #4a9eff !important;
- color: white !important;
- border-color: #4a9eff !important;
+ [data-theme="dark"] .swagger-ui .authorization__btn,
+ [data-theme="dark"] .authorization__btn {
+ background-color: transparent !important;
+ border-color: #3498db !important;
+ color: #3498db !important;
}
+ [data-theme="dark"] .schemes .auth-wrapper .authorize {
+ border-color: #2ecc71 !important;
+ }
+
+ /* Modals */
[data-theme="dark"] .swagger-ui .dialog-ux .modal-ux {
- background: #1e1e1e !important;
- border-color: #3a3a3a !important;
+ background: #2d2d2d;
+ border-color: #3a3a3a;
}
[data-theme="dark"] .swagger-ui .dialog-ux .modal-ux-header {
- background: #2d2d2d !important;
- border-bottom: 1px solid #3a3a3a !important;
+ background: #252525;
+ border-bottom: 1px solid #3a3a3a;
}
[data-theme="dark"] .swagger-ui .dialog-ux .modal-ux-content h4,
- [data-theme="dark"] .swagger-ui .dialog-ux .modal-ux-content p {
- color: #e0e0e0 !important;
- }
-
- [data-theme="dark"] .swagger-ui .dialog-ux .modal-ux-header h3 {
- color: #e0e0e0 !important;
- }
-
+ [data-theme="dark"] .swagger-ui .dialog-ux .modal-ux-content p,
+ [data-theme="dark"] .swagger-ui .dialog-ux .modal-ux-header h3,
[data-theme="dark"] .swagger-ui .responses-inner h4,
[data-theme="dark"] .swagger-ui .responses-inner h5 {
- color: #e0e0e0 !important;
- }
-
- [data-theme="dark"] .swagger-ui .response-col_links {
- color: #4a9eff !important;
- }
-
- [data-theme="dark"] .swagger-ui .opblock-tag {
- color: #e0e0e0 !important;
- border-bottom-color: #3a3a3a !important;
- }
-
- [data-theme="dark"] .swagger-ui .parameter__name.required::after {
- color: #e74c3c !important;
- }
-
- [data-theme="dark"] .swagger-ui .parameter__name.required span {
- color: #e74c3c !important;
- }
-
- [data-theme="dark"] .swagger-ui .prop-type {
- color: #4a9eff !important;
- }
-
- [data-theme="dark"] .swagger-ui .prop-format {
- color: #b0b0b0 !important;
+ color: #e8e8e8;
}
+ /* Links - keep blue */
+ [data-theme="dark"] .swagger-ui .response-col_links,
[data-theme="dark"] .swagger-ui a {
- color: #4a9eff !important;
+ color: #4990e2 !important;
}
[data-theme="dark"] .swagger-ui a:hover {
- color: #357abd !important;
+ color: #6ba3e8 !important;
}
+ /* Operation borders - keep blue */
+ [data-theme="dark"] [id^="operations-"] {
+ border-color: #61affe;
+ }
+
+ [data-theme="dark"] .swagger-ui .opblock-tag {
+ border-bottom-color: #3a3a3a;
+ }
+
+ /* Required indicator - keep red */
+ [data-theme="dark"] .swagger-ui .parameter__name.required::after,
+ [data-theme="dark"] .swagger-ui .parameter__name.required span {
+ color: #f93e3e;
+ }
+
+ /* Property types - keep blue */
+ [data-theme="dark"] .swagger-ui .prop-type {
+ color: #61affe;
+ }
+
+ /* Code highlighting */
[data-theme="dark"] .swagger-ui .microlight {
filter: none !important;
}
- [data-theme="dark"] .swagger-ui .highlight-code {
- background: #1e1e1e !important;
- }
-
+ [data-theme="dark"] .swagger-ui .highlight-code,
[data-theme="dark"] .swagger-ui .highlight-code .microlight {
- background: #1e1e1e !important;
- color: #e0e0e0 !important;
+ background: #1a1a1a;
+ color: #e8e8e8;
}
[data-theme="dark"] .swagger-ui img {
filter: none !important;
}
+ /* Responses */
+ [data-theme="dark"] .swagger-ui .responses-wrapper {
+ background: #1e1e1e;
+ }
+
+ /* Tab navigation */
+ [data-theme="dark"] .swagger-ui .tab li {
+ color: #a0a0a0;
+ }
+
+ [data-theme="dark"] .swagger-ui .tab li.active {
+ color: #e8e8e8;
+ }
+
+
+
/* Responsive */
@media (max-width: 768px) {
.header-top {