Use vars

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2022-08-01 19:24:28 +02:00
parent c5e7fe7bdc
commit ce55ed8221
1 changed files with 4 additions and 2 deletions
--- 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 {