Merge pull request #305 from jtpio/monochrome-icon

Monochrome voila icon for the notebook toolbar
voila-dashboards · Aug 1, 2019 · f523a7e · f523a7e
2 parents 6ff70ce + 918c857
commit f523a7e
Show file tree

Hide file tree

Showing 4 changed files with 188 additions and 1 deletion.
diff --git a/packages/jupyterlab-voila/style/index.css b/packages/jupyterlab-voila/style/index.css
@@ -1,3 +1,5 @@
+@import "variables.css";
+
 .jp-VoilaIcon {
-  background-image: url("./voila.svg");
+  background-image: var(--jp-icon-voila);
 }
diff --git a/packages/jupyterlab-voila/style/variables.css b/packages/jupyterlab-voila/style/variables.css
@@ -0,0 +1,7 @@
+[data-jp-theme-light="true"] {
+  --jp-icon-voila: url("./voila-light.svg");
+}
+
+[data-jp-theme-light="false"] {
+  --jp-icon-voila: url("./voila-dark.svg");
+}
diff --git a/packages/jupyterlab-voila/style/voila-dark.svg b/packages/jupyterlab-voila/style/voila-dark.svg
diff --git a/packages/jupyterlab-voila/style/voila-light.svg b/packages/jupyterlab-voila/style/voila-light.svg