feat: image invert for dark mode

Resolves #229
spring-io · Apr 17, 2024 · 189bac5 · 189bac5
1 parent b52a876
commit 189bac5
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/preview-src/samples/content/index.adoc b/preview-src/samples/content/index.adoc
@@ -142,6 +142,11 @@ image::/_/img/spring-logo.svg[Interactive,300,opts=interactive]
 
 image::/_/img/spring-logo.svg[Embedded,300,opts=inline]
 
+=== Image invert dark mode
+
+[.invert-dark]
+image::/_/img/lorem.png[Spring,100]
+
 [.impact]
 == Text formatting
 

diff --git a/src/css/main.css b/src/css/main.css
@@ -270,3 +270,7 @@ html.dark-theme #modal-versions .modal-versions-close .cls-1h {
     display: block;
   }
 }
+
+html.dark-theme .invert-dark img {
+  filter: invert(1);
+}
diff --git a/src/img/lorem.png b/src/img/lorem.png