From e62d76a6f2742bbf84738a5cf7ae2eeebcf007d8 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:26:56 +0200
Subject: [PATCH] Use more 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/index.css                       | 1 +
 src/video-grid/VideoTile.module.css | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/index.css b/src/index.css
index 7ec1e9c..3eb297c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -38,6 +38,7 @@ limitations under the License.
   --quinary-content: #394049;
   --system: #21262c;
   --background: #15191e;
+  --backgrouund-85: rgba(23, 25, 28, 0.85);
   --bgColor3: #444; /* This isn't found anywhere in the designs or Compound */
 }
 
diff --git a/src/video-grid/VideoTile.module.css b/src/video-grid/VideoTile.module.css
index 3bd6a52..6a92468 100644
--- a/src/video-grid/VideoTile.module.css
+++ b/src/video-grid/VideoTile.module.css
@@ -60,7 +60,7 @@
 }
 
 .infoBubbleIcon {
-  background-color: rgba(23, 25, 28, 0.85);
+  background-color: var(--backgrouund-85);
 }
 
 .button button:hover svg * {