From 93e850d5d3952642ee5de41e25f8cf73d7841572 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 19 Nov 2020 04:11:55 +0100
Subject: invert eflux corner icons when black bg

---
 animism-align/frontend/app/views/viewer/nav/eflux.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

(limited to 'animism-align/frontend')

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;
-- 
cgit v1.2.3-70-g09d2