feat-display-current-theme (un#581)

yash-kh · Jul 18, 2024 · 2393f6a · 2393f6a
1 parent 7d10378
commit 2393f6a
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/apps/web/src/app/[orgShortcode]/_components/sidebar-content.tsx b/apps/web/src/app/[orgShortcode]/_components/sidebar-content.tsx
@@ -314,17 +314,30 @@ function OrgMenu() {
                   }}>
                   <ToggleGroupItem
                     value="light"
-                    aria-label="Toggle light mode">
+                    aria-label="Toggle light mode"
+                    className={
+                      theme === 'light'
+                        ? 'border-slate-7 rounded-md border'
+                        : ''
+                    }>
                     <Sun className={'h-4 w-4'} />
                   </ToggleGroupItem>
                   <ToggleGroupItem
                     value="dark"
-                    aria-label="Toggle dark mode">
+                    aria-label="Toggle dark mode"
+                    className={
+                      theme === 'dark' ? 'border-slate-7 rounded-md border' : ''
+                    }>
                     <MoonStars className={'h-4 w-4'} />
                   </ToggleGroupItem>
                   <ToggleGroupItem
                     value="system"
-                    aria-label="Toggle system default">
+                    aria-label="Toggle system default"
+                    className={
+                      theme === 'system'
+                        ? 'border-slate-7 rounded-md border'
+                        : ''
+                    }>
                     <Monitor className={'h-4 w-4'} />
                   </ToggleGroupItem>
                 </ToggleGroup>