invert eflux corner icons when black bg

1 files changed, 17 insertions, 0 deletions

diff --git a/animism-align/frontend/app/views/viewer/nav/eflux.css b/animism-align/frontend/app/views/viewer/nav/eflux.css
index 2f8bd78..e25cb09 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.css
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.css
@@ -37,6 +37,7 @@
   width: 3rem;
   height: 3rem;
   background: white;
+  transition: background 0.2s;
   border-radius: 50%;
   margin-left: 1rem;
   cursor: pointer;
@@ -79,6 +80,22 @@
   stroke: #fff;
 }
 
+.black .eflux-nav .playToggle,
+.black .eflux-nav .transcript-icon {
+  background: #222;
+}
+.black .eflux-nav .playToggle:hover,
+.black .eflux-nav .transcript-icon:hover {
+  background: #444;
+}
+.black .eflux-nav svg path {
+  fill: #fff;
+}
+.black .eflux-nav svg polygon {
+  fill: #fff;
+}
+
+
 .growl-tooltip {
   position: absolute;
   background: black;