toggle image styles

emmo-repo · Jan 27, 2024 · 3e8ef78 · 3e8ef78
1 parent 74a7f81
commit 3e8ef78
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/sphinx/_static/css/custom.css b/sphinx/_static/css/custom.css
@@ -35,11 +35,29 @@ html[data-theme=dark] table.element-table tr:nth-child(even) td{
 body img, body svg {
     background-color: transparent;
 }
-html[data-theme='dark'] img,
-html[data-theme='dark'] svg {
+html[data-theme='dark'] .bd-content img,
+html[data-theme='dark'] .bd-content svg {
     background-color: transparent !important;
 }
 
+/* Light mode styles */
+html:not([data-theme='dark']) img.my-svg,
+html:not([data-theme='dark']) svg.my-svg {
+    /* Define styles for light mode */
+    color: black; /* or other properties */
+    fill: black; /* for SVG paths, texts, etc. */
+    stroke: black; /* for SVG lines, borders, etc. */
+}
+
+/* Dark mode styles */
+html[data-theme='dark'] img.my-svg,
+html[data-theme='dark'] svg.my-svg {
+    /* Define styles for dark mode */
+    color: white;
+    fill: white;
+    stroke: white;
+}
+
 
 
 
diff --git a/sphinx/examples.rst b/sphinx/examples.rst
@@ -122,3 +122,4 @@ Electrochemical Cell
 
 
 .. image:: /img/ElectrochemicalCell.svg
+   :class: my-svg
Original file line number	Diff line number	Diff line change
Expand Up		@@ -122,3 +122,4 @@ Electrochemical Cell


		.. image:: /img/ElectrochemicalCell.svg
		:class: my-svg