From e4329abb4ef141ccf9f6f1fa2a981d67d95292cd Mon Sep 17 00:00:00 2001
From: thororen1234 <78185467+thororen1234@users.noreply.github.com>
Date: Sun, 1 Mar 2026 21:32:06 -0500
Subject: [PATCH] ChannelTabs: Themeing Fix

---
 .../channelTabs/components/ChannelTab.tsx     | 28 ++++++++++---------
 src/equicordplugins/channelTabs/style.css     |  9 ++++--
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/equicordplugins/channelTabs/components/ChannelTab.tsx b/src/equicordplugins/channelTabs/components/ChannelTab.tsx
index 3481edd6e..1e37ef338 100644
--- a/src/equicordplugins/channelTabs/components/ChannelTab.tsx
+++ b/src/equicordplugins/channelTabs/components/ChannelTab.tsx
@@ -13,7 +13,7 @@ import { getGuildAcronym, getIntlMessage, getUniqueUsername } from "@utils/disco
 import { classes } from "@utils/misc";
 import { Channel, Guild, User } from "@vencord/discord-types";
 import { findComponentByCodeLazy, findCssClassesLazy } from "@webpack";
-import { Avatar, ChannelStore, ContextMenuApi, GuildStore, PresenceStore, ReadStateStore, TypingStore, useDrag, useDrop, useEffect, useRef, UserStore, useState, useStateFromStores } from "@webpack/common";
+import { Avatar, ChannelStore, ContextMenuApi, GuildStore, PresenceStore, ReadStateStore, ThemeStore, TypingStore, useDrag, useDrop, useEffect, useRef, UserStore, useState, useStateFromStores } from "@webpack/common";
 import { JSX } from "react";
 
 import { TabContextMenu } from "./ContextMenus";
@@ -428,19 +428,21 @@ export default function ChannelTab(props: ChannelTabsProps & { index: number; })
 
     // check if quests running (questify momentLet)
     const hasActiveQuests = activeQuestIntervals.size > 0;
-
+    console.log(ThemeStore.theme);
     return <div
-        className={cl("tab", {
-            "tab-compact": compact,
-            "tab-selected": isTabSelected(id),
-            "tab-entering": isEntering,
-            "tab-closing": isClosing,
-            "tab-dragging": isDragging,
-            "tab-drop-target": isDropTarget,
-            "tab-nitro": channelId === "__nitro__",
-            "tab-quests-active": channelId === "__quests__" && hasActiveQuests,
-            wider: settings.store.widerTabsAndBookmarks
-        })}
+        className={cl("tab",
+            ThemeStore.theme === "light" ? "light-theme" : "dark-theme",
+            {
+                "tab-compact": compact,
+                "tab-selected": isTabSelected(id),
+                "tab-entering": isEntering,
+                "tab-closing": isClosing,
+                "tab-dragging": isDragging,
+                "tab-drop-target": isDropTarget,
+                "tab-nitro": channelId === "__nitro__",
+                "tab-quests-active": channelId === "__quests__" && hasActiveQuests,
+                wider: settings.store.widerTabsAndBookmarks
+            })}
         key={index}
         ref={ref}
         onMouseEnter={() => setIsHovered(true)}
diff --git a/src/equicordplugins/channelTabs/style.css b/src/equicordplugins/channelTabs/style.css
index 4227d3c9d..006c8b6db 100644
--- a/src/equicordplugins/channelTabs/style.css
+++ b/src/equicordplugins/channelTabs/style.css
@@ -294,11 +294,16 @@
 }
 
 /* stylelint-disable-next-line no-descending-specificity */
-.vc-channeltabs-tab-selected .vc-channeltabs-name-text {
+.vc-channeltabs-dark-theme.vc-channeltabs-tab-selected .vc-channeltabs-name-text {
     font-weight: 600;
     color: var(--white-500);
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
+.vc-channeltabs-light-theme.vc-channeltabs-tab-selected .vc-channeltabs-name-text {
+    font-weight: 600;
+}
+
 .vc-channeltabs-tab-selected .vc-channeltabs-guild-acronym-icon span {
     color: var(--white-500);
 }
@@ -1229,4 +1234,4 @@
 /* disable transitions when compact expand animation is disabled */
 .vc-channeltabs-no-compact-animation .vc-channeltabs-tab-number-badge {
     transition: none !important;
-}
+}
\ No newline at end of file