From 25bde3560b89efd0ce4dacc662a68c6c826033e2 Mon Sep 17 00:00:00 2001
From: Robin Townsend <robin@robin.town>
Date: Wed, 1 Jun 2022 10:41:12 -0400
Subject: [PATCH] Use color variables

---
 src/index.css          | 2 ++
 src/room/PTTButton.tsx | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/index.css b/src/index.css
index 25562e3..0272651 100644
--- a/src/index.css
+++ b/src/index.css
@@ -26,6 +26,8 @@ limitations under the License.
   --inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f,
     U+25c2-2664, U+2666-2763, U+2765-2b05, U+2b07-2b1b, U+2b1d-10FFFF;
   --primaryColor: #0dbd8b;
+  --primaryColor-20: #0dbd8b33;
+  --alert-20: #ff5b5533;
   --bgColor1: #15191e;
   --bgColor2: #21262c;
   --bgColor3: #444;
diff --git a/src/room/PTTButton.tsx b/src/room/PTTButton.tsx
index e2eb2fe..62d5d37 100644
--- a/src/room/PTTButton.tsx
+++ b/src/room/PTTButton.tsx
@@ -142,8 +142,8 @@ export const PTTButton: React.FC<Props> = ({
     },
   });
   const shadowColor = showTalkOverError
-    ? "rgba(255, 91, 85, 0.2)"
-    : "rgba(13, 189, 139, 0.2)";
+    ? "var(--alert-20)"
+    : "var(--primaryColor-20)";
 
   return (
     <animated.button