From a63dc637abf9c8db440542fb97334ec1469dcee4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Thu, 6 Jul 2023 08:35:53 +0200
Subject: [PATCH] Add subtle primary color
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>
---
 .env.example        | 1 +
 src/index.css       | 1 +
 src/initializer.tsx | 4 ++++
 3 files changed, 6 insertions(+)

diff --git a/.env.example b/.env.example
index f03e882..4180a83 100644
--- a/.env.example
+++ b/.env.example
@@ -25,3 +25,4 @@ LIVEKIT_SECRET="secret"
 # VITE_THEME_SYSTEM=#21262c
 # VITE_THEME_BACKGROUND=#15191e
 # VITE_THEME_BACKGROUND_85=#15191ed9
+# VITE_THEME_SUBTLE_PRIMARY=#26282D
diff --git a/src/index.css b/src/index.css
index f9e00ef..1f372a1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -52,6 +52,7 @@ limitations under the License.
   --background: #15191e;
   --background-85: rgba(23, 25, 28, 0.85);
   --bgColor3: #444; /* This isn't found anywhere in the designs or Compound */
+  --subtle-primary: #26282d;
 }
 
 @font-face {
diff --git a/src/initializer.tsx b/src/initializer.tsx
index 37e659e..df5c8af 100644
--- a/src/initializer.tsx
+++ b/src/initializer.tsx
@@ -133,6 +133,10 @@ export class Initializer {
         "--background-85",
         import.meta.env.VITE_THEME_BACKGROUND_85 as string
       );
+      style.setProperty(
+        "--subtle-primary",
+        import.meta.env.VITE_THEME_SUBTLE_PRIMARY as string
+      );
     }
 
     // Custom fonts