From 868c64dda5b8a682eeae5f0481e09b66771b68fb Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 14 Dec 2025 16:11:45 -0800
Subject: [PATCH] adjust SegmentedControl to use theme color

---
 .../segmented-control/segmented-control.module.css   | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/shared/components/segmented-control/segmented-control.module.css b/src/shared/components/segmented-control/segmented-control.module.css
index 75c188ea5..5bbaf3bd7 100644
--- a/src/shared/components/segmented-control/segmented-control.module.css
+++ b/src/shared/components/segmented-control/segmented-control.module.css
@@ -1,3 +1,15 @@
 .root {
     background: var(--theme-colors-surface);
 }
+
+.label {
+    &[data-active='true'] {
+        @mixin dark {
+            background-color: lighten(var(--theme-colors-surface), 10%);
+        }
+
+        @mixin light {
+            background-color: darken(var(--theme-colors-surface), 10%);
+        }
+    }
+}