Use color variables

2022-06-01 10:41:12 -04:00
parent ddac2ba5ef
commit 25bde3560b
2 changed files with 4 additions and 2 deletions
--- 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;
--- 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