From ce55ed8221869e2c1f442368ca7e8d9857ca9e3f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Mon, 1 Aug 2022 19:24:28 +0200
Subject: [PATCH] Use vars
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 src/video-grid/VideoTile.module.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/video-grid/VideoTile.module.css b/src/video-grid/VideoTile.module.css
index 5d6e8134..3bd6a52c 100644
--- a/src/video-grid/VideoTile.module.css
+++ b/src/video-grid/VideoTile.module.css
@@ -48,7 +48,7 @@
   position: absolute;
   height: 24px;
   padding: 0 8px;
-  color: white;
+  color: var(--primary-content);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -64,7 +64,9 @@
 }
 
 .button button:hover svg * {
-  fill: white !important; /* To override .iconButton:not(.stroke):hover svg */
+  fill: var(
+    --primary-content
+  ) !important; /* To override .iconButton:not(.stroke):hover svg */
 }
 
 .button button svg {