css: fix swagger loading spinner in dark mode

szczys · szczys · commit 98cc405b2b98 · 2023-11-26T12:09:06.000-06:00
Make the loading spinner a light color against the dark background.

Signed-off-by: Mike Szczys &lt;mike@golioth.io&gt;
diff --git a/src/css/custom-swagger-ui.css b/src/css/custom-swagger-ui.css
@@ -92,3 +92,7 @@ html[data-theme="dark"] .swagger-ui textarea .swagger-ui .opblock .opblock-secti
 html[data-theme="dark"] .swagger-ui .opblock-body pre.microlight {
   background-color: var(--golioth-color-cod-gray) !important;
 }
+
+html[data-theme="dark"] .loading-container .loading {
+  filter: invert(100%);
+}

Original file line number	Diff line number	Diff line change
`@@ -92,3 +92,7 @@ html[data-theme="dark"] .swagger-ui textarea .swagger-ui .opblock .opblock-secti`
`92`	`92`	`html[data-theme="dark"] .swagger-ui .opblock-body pre.microlight {`
`93`	`93`	`background-color: var(--golioth-color-cod-gray) !important;`
`94`	`94`	`}`
	`95`	`+`
	`96`	`+html[data-theme="dark"] .loading-container .loading {`
	`97`	`+ filter: invert(100%);`
	`98`	`+}`