From ef453ce06e971511c17d9ff52219a8224ce23fd4 Mon Sep 17 00:00:00 2001
From: thororen1234 <78185467+thororen1234@users.noreply.github.com>
Date: Thu, 4 Dec 2025 10:16:12 -0500
Subject: [PATCH] Fix a few classnames

literally guessing on some
---
 src/components/Button.css                     |   2 +-
 src/components/settings/VencordTab.css        |  49 ------
 .../settings/tabs/changelog/styles.css        |  10 +-
 .../settings/tabs/plugins/styles.css          |   6 +-
 .../settings/tabs/vencord/VencordTab.css      |   2 +-
 .../betterActivities/styles.css               |   2 +-
 src/equicordplugins/betterInvites/style.css   |   2 +-
 src/equicordplugins/boo/styles.css            |   2 +-
 src/equicordplugins/channelTabs/style.css     |  16 +-
 .../commandPalette/settingsPanel.tsx          |   6 +-
 src/equicordplugins/commandPalette/style.css  |   4 +-
 src/equicordplugins/fontLoader/styles.css     |   6 +-
 src/equicordplugins/friendCodes/styles.css    |   4 +-
 src/equicordplugins/gifCollections/style.css  |  16 +-
 src/equicordplugins/holyNotes/style.css       |  12 +-
 src/equicordplugins/iconViewer/IconsTab.css   |  16 +-
 .../keyboardNavigation/components/style.css   |   6 +-
 src/equicordplugins/loginWithQR/ui/styles.css |   6 +-
 src/equicordplugins/messageColors/styles.css  |   4 +-
 .../messageLoggerEnhanced/styles.css          |   2 +-
 src/equicordplugins/moreStickers/style.css    |  12 +-
 src/equicordplugins/remix/styles.css          |   4 +-
 .../soundBoardLogger/styles.css               |   8 +-
 .../themeLibrary/components/styles.css        | 148 +++++++++---------
 .../VoiceChannelLogEntryComponent.css         |   2 +-
 .../whitelistedEmojis/style.css               |   8 +-
 src/plugins/permissionsViewer/styles.css      |   6 +-
 src/plugins/serverInfo/styles.css             |   2 +-
 src/plugins/showMeYourName/index.tsx          |  10 +-
 29 files changed, 161 insertions(+), 212 deletions(-)
 delete mode 100644 src/components/settings/VencordTab.css

diff --git a/src/components/Button.css b/src/components/Button.css
index 48c0dd5df..b60123bb8 100644
--- a/src/components/Button.css
+++ b/src/components/Button.css
@@ -187,7 +187,7 @@
 }
 
 .vc-text-btn-secondary {
-    color: var(--text-primary);
+    color: var(--text-strong);
 }
 
 .vc-text-btn-danger {
diff --git a/src/components/settings/VencordTab.css b/src/components/settings/VencordTab.css
deleted file mode 100644
index 2ccd0c25c..000000000
--- a/src/components/settings/VencordTab.css
+++ /dev/null
@@ -1,49 +0,0 @@
-:root{
-    --vc-donatebutton: #ffc1cbc2;
-    --vc-donatebutton-secondary: #f7536fe5;
-}
-
-.vc-donatebutton{
-    background-color: var(--background-color) !important;
-    border-color: var(--vc-donatebutton) !important;
-    filter: brightness(1);
-    border-width: .1rem !important;
-    border-style: solid !important;
-}
-
-.vc-donatebutton:hover{
-    background-color: var(--vc-donatebutton) !important;
-    border-color: transparent !important;
-}
-
-
-.vc-joindiscordbutton{
-    background-color: var(--button-secondary-background) !important;
-}
-
-.vc-joindiscordbutton:hover{
-    background-color: var(--button-secondary-background-hover) !important;
-}
-
-.vc-settings-card-buttons{
-    display: flex;
-    gap: 1em !important;
-    margin-left: .2rem;
-    margin-bottom: .2rem;
-}
-
-.vc-settingbuttons{
-    border-radius: 5px !important;
-}
-
-.form-switch-warning {
-    font-size: 16px;
-    background-color: rgb(240 71 71 / 10%);
-    color: rgb(240 71 71);
-    border: 1px solid rgb(240 71 71 / 60%);
-    border-radius: 4px;
-    font-weight: 500;
-    padding: 6px 10px;
-    text-align: center;
-    margin-top: 10px;
-}
diff --git a/src/components/settings/tabs/changelog/styles.css b/src/components/settings/tabs/changelog/styles.css
index 4935027de..9a33fe5a4 100644
--- a/src/components/settings/tabs/changelog/styles.css
+++ b/src/components/settings/tabs/changelog/styles.css
@@ -15,7 +15,7 @@
 }
 
 .vc-changelog-entry:hover {
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
     transform: translateY(-1px);
     box-shadow: var(--elevation-high);
 }
@@ -27,7 +27,7 @@
 }
 
 .vc-changelog-entry.required:hover {
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
     border-left-color: var(--status-warning-foreground);
 }
 
@@ -114,7 +114,7 @@
 }
 
 .vc-changelog-new-plugin-card {
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
     border-radius: 6px;
     padding: 0.5em;
     transition: all 0.1s ease-out;
@@ -132,7 +132,7 @@
 }
 
 .vc-changelog-new-plugin-card.required:hover {
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
     border-left-color: var(--status-warning-foreground);
 }
 
@@ -229,7 +229,7 @@
 }
 
 .vc-changelog-log-header:hover {
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
 }
 
 .vc-changelog-log-info {
diff --git a/src/components/settings/tabs/plugins/styles.css b/src/components/settings/tabs/plugins/styles.css
index 7063e9717..951e82655 100644
--- a/src/components/settings/tabs/plugins/styles.css
+++ b/src/components/settings/tabs/plugins/styles.css
@@ -88,7 +88,7 @@
 }
 
 .vc-plugins-restart-button {
-    background-color: var(--background-color) !important;
+    background-color: var(--background-base-low) !important;
     border: 1px solid var(--info-warning-foreground) !important;
     margin-top: 0.5em;
 }
@@ -112,7 +112,7 @@
 
 .vc-plugins-info-card:hover,
 .vc-plugin-stats:hover {
-    background-color: var(--background-tertiary) !important;
+    background-color: var(--background-base-low) !important;
     transform: translateY(-1px);
     box-shadow: var(--elevation-high);
 }
@@ -298,4 +298,4 @@
 
 .vc-plugins-ui-elements {
     margin-top: 16px;
-}
+}
\ No newline at end of file
diff --git a/src/components/settings/tabs/vencord/VencordTab.css b/src/components/settings/tabs/vencord/VencordTab.css
index e023ccd68..410f3b3b2 100644
--- a/src/components/settings/tabs/vencord/VencordTab.css
+++ b/src/components/settings/tabs/vencord/VencordTab.css
@@ -4,7 +4,7 @@
 }
 
 .vc-donatebutton {
-    background-color: var(--background-color) !important;
+    background-color: var(--background-base-low) !important;
     border-color: var(--vc-donatebutton) !important;
     filter: brightness(1);
     border-width: .1rem !important;
diff --git a/src/equicordplugins/betterActivities/styles.css b/src/equicordplugins/betterActivities/styles.css
index 8704007e8..744a15b74 100644
--- a/src/equicordplugins/betterActivities/styles.css
+++ b/src/equicordplugins/betterActivities/styles.css
@@ -91,5 +91,5 @@
 }
 
 .vc-bactivities-controls-tooltip {
-    --background-floating: var(--background-secondary);
+    --background-floating: var(--background-secondary-alt);
 }
\ No newline at end of file
diff --git a/src/equicordplugins/betterInvites/style.css b/src/equicordplugins/betterInvites/style.css
index 9865996dd..6f6214618 100644
--- a/src/equicordplugins/betterInvites/style.css
+++ b/src/equicordplugins/betterInvites/style.css
@@ -24,7 +24,7 @@ h3[class^="h5"]:has([class="vc-bi-header-inner"]) {
 .vc-bi-header-text {
     flex: 1;
     white-space: normal;
-    color: var(--text-secondary);
+    color: var(--text-subtle);
 }
 
 .vc-bi-tooltip-icon {
diff --git a/src/equicordplugins/boo/styles.css b/src/equicordplugins/boo/styles.css
index 4a5b1ea2b..33ae4bef7 100644
--- a/src/equicordplugins/boo/styles.css
+++ b/src/equicordplugins/boo/styles.css
@@ -34,7 +34,7 @@
     cursor: pointer;
     border-radius: 8px;
     margin-bottom: 8px;
-    background-color: var(--background-secondary);
+    background-color: var(--background-secondary-alt);
     display: flex;
     align-items: center;
     gap: 8px;
diff --git a/src/equicordplugins/channelTabs/style.css b/src/equicordplugins/channelTabs/style.css
index c5fef99d7..7a79dd681 100644
--- a/src/equicordplugins/channelTabs/style.css
+++ b/src/equicordplugins/channelTabs/style.css
@@ -64,12 +64,12 @@
     flex-direction: column-reverse;
     -webkit-app-region: no-drag;
     background-color: var(--background-primary);
-    box-shadow: inset 0 1px 0 var(--background-tertiary);
+    box-shadow: inset 0 1px 0 var(--background-base-low);
 }
 
 .vc-channeltabs-container-top {
     padding-left: 4px;
-    box-shadow: inset 0 -1px 0 var(--background-tertiary);
+    box-shadow: inset 0 -1px 0 var(--background-base-low);
 }
 
 .vc-channeltabs-container-top-macos {
@@ -288,7 +288,7 @@
 
 .vc-channeltabs-tab-selected {
     transform: translateY(-1px);
-    background-color: var(--background-secondary);
+    background-color: var(--background-secondary-alt);
     border: 1px solid var(--brand-500);
     border-bottom: 2px solid var(--brand-500);
     box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
@@ -343,7 +343,7 @@
 .vc-channeltabs-tab:hover:not(.vc-channeltabs-tab-selected) {
     transform: translateY(-1px) scale(1.02);
     background-color: var(--background-secondary-alt);
-    border-color: var(--background-modifier-accent);
+    border-color: var(--border-subtle);
     box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
 }
 
@@ -361,7 +361,7 @@
     padding: 4px;
     margin: 0 4px;
     border-radius: 4px;
-    background-color: var(--background-secondary);
+    background-color: var(--background-secondary-alt);
     transition: all 0.2s ease;
     flex-shrink: 0;
 }
@@ -1091,7 +1091,7 @@
     justify-content: space-between;
     gap: 16px;
     padding: 12px;
-    background-color: var(--background-secondary);
+    background-color: var(--background-secondary-alt);
     border-radius: 8px;
     transition: background-color 0.2s ease;
 }
@@ -1116,7 +1116,7 @@
 
 .channelTabs-keybind-button {
     padding: 8px 16px;
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
     border: 2px solid var(--input-border);
     border-radius: 8px;
     cursor: pointer;
@@ -1255,4 +1255,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
diff --git a/src/equicordplugins/commandPalette/settingsPanel.tsx b/src/equicordplugins/commandPalette/settingsPanel.tsx
index 7e58fc87c..f419249f3 100644
--- a/src/equicordplugins/commandPalette/settingsPanel.tsx
+++ b/src/equicordplugins/commandPalette/settingsPanel.tsx
@@ -368,7 +368,7 @@ export function CommandPaletteSettingsPanel() {
                     const isCollapsed = collapsed[command.id] ?? false;
 
                     return (
-                        <div key={command.id} style={{ padding: 14, borderRadius: 8, background: "var(--background-primary)", border: "1px solid var(--background-tertiary)", display: "flex", flexDirection: "column", gap: 12 }}>
+                        <div key={command.id} style={{ padding: 14, borderRadius: 8, background: "var(--background-primary)", border: "1px solid var(--background-base-low)", display: "flex", flexDirection: "column", gap: 12 }}>
                             <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
                                 <Forms.FormTitle tag="h5" style={{ color: "var(--text-normal, #dcddde)" }}>{command.label || "Untitled Command"}</Forms.FormTitle>
                                 <Button
@@ -432,7 +432,7 @@ export function CommandPaletteSettingsPanel() {
                                     </Button>
 
                                     {showAdvanced && (
-                                        <div style={{ display: "flex", flexDirection: "column", gap: 12, background: "var(--background-secondary)", borderRadius: 8, padding: 12 }}>
+                                        <div style={{ display: "flex", flexDirection: "column", gap: 12, background: "var(--background-secondary-alt)", borderRadius: 8, padding: 12 }}>
                                             <TextInput
                                                 label="Description"
                                                 value={command.description ?? ""}
@@ -489,7 +489,7 @@ export function CommandPaletteSettingsPanel() {
                                                 </Forms.FormText>
                                                 {categoryId && (
                                                     <div style={{ display: "flex", flexWrap: "wrap", gap: 6 }}>
-                                                        <span style={{ display: "inline-flex", alignItems: "center", gap: 6, borderRadius: 999, padding: "2px 10px", fontSize: 12, background: "var(--background-tertiary)", color: "var(--text-normal, #dcddde)" }}>
+                                                        <span style={{ display: "inline-flex", alignItems: "center", gap: 6, borderRadius: 999, padding: "2px 10px", fontSize: 12, background: "var(--background-base-low)", color: "var(--text-normal, #dcddde)" }}>
                                                             {categoryLabel}
                                                             <span style={{ color: "var(--text-muted, #a5a6ab)" }}>· {categoryId}</span>
                                                         </span>
diff --git a/src/equicordplugins/commandPalette/style.css b/src/equicordplugins/commandPalette/style.css
index 4ba806360..d71c30a2f 100644
--- a/src/equicordplugins/commandPalette/style.css
+++ b/src/equicordplugins/commandPalette/style.css
@@ -689,7 +689,7 @@
     justify-content: space-between;
     gap: 16px;
     padding: 12px;
-    background-color: var(--background-secondary);
+    background-color: var(--background-secondary-alt);
     border-radius: 8px;
     transition: background-color 0.2s ease;
 }
@@ -714,7 +714,7 @@
 
 .vc-cp-keybind-button {
     padding: 8px 16px;
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
     border: 2px solid var(--input-border);
     border-radius: 8px;
     cursor: pointer;
diff --git a/src/equicordplugins/fontLoader/styles.css b/src/equicordplugins/fontLoader/styles.css
index 5ea095fa7..07f2f7830 100644
--- a/src/equicordplugins/fontLoader/styles.css
+++ b/src/equicordplugins/fontLoader/styles.css
@@ -6,8 +6,8 @@
 .eq-googlefonts-card {
     padding: 16px;
     cursor: pointer !important;
-    background: var(--background-secondary);
-    border: 1px solid var(--background-tertiary);
+    background: var(--background-secondary-alt);
+    border: 1px solid var(--background-base-low);
 }
 
 .eq-googlefonts-card:hover {
@@ -20,4 +20,4 @@
     flex-direction: column;
     gap: 8px;
     cursor: pointer !important;
-}
+}
\ No newline at end of file
diff --git a/src/equicordplugins/friendCodes/styles.css b/src/equicordplugins/friendCodes/styles.css
index 480b8c691..09301680b 100644
--- a/src/equicordplugins/friendCodes/styles.css
+++ b/src/equicordplugins/friendCodes/styles.css
@@ -4,8 +4,8 @@
     border-width: 1px;
     border-style: solid;
     border-radius: 5px;
-    border-color: var(--background-tertiary);
-    background-color: var(--background-secondary);
+    border-color: var(--background-base-low);
+    background-color: var(--background-secondary-alt);
 }
 
 .vc-friend-codes-card-title span {
diff --git a/src/equicordplugins/gifCollections/style.css b/src/equicordplugins/gifCollections/style.css
index a9a97098f..5dcd8cbbe 100644
--- a/src/equicordplugins/gifCollections/style.css
+++ b/src/equicordplugins/gifCollections/style.css
@@ -1,6 +1,6 @@
 .collections-sort-container {
     padding: 12px;
-    background-color: var(--background-secondary);
+    background-color: var(--background-secondary-alt);
     border-radius: 8px;
     margin-bottom: 16px;
 }
@@ -62,8 +62,8 @@
 
 .custom-modal-header {
     padding: 16px;
-    background-color: var(--background-secondary);
-    border-bottom: 1px solid var(--background-tertiary);
+    background-color: var(--background-secondary-alt);
+    border-bottom: 1px solid var(--background-base-low);
 }
 
 .custom-modal-title {
@@ -109,7 +109,7 @@
 
 .custom-modal-footer {
     padding: 16px;
-    background-color: var(--background-secondary);
+    background-color: var(--background-secondary-alt);
     display: flex;
     justify-content: flex-end;
 }
@@ -169,9 +169,9 @@
     width: 100%;
     margin-bottom: 12px;
     padding: 8px;
-    border: 1px solid var(--border-color);
+    border: 1px solid var(--border-faint);
     border-radius: 4px;
-    background-color: var(--background-secondary);
+    background-color: var(--background-secondary-alt);
     color: var(--text-default);
     outline: none;
 }
@@ -179,10 +179,10 @@
 .collection-button {
     text-align: center;
     padding: 8px;
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
     color: var(--text-default);
     border: none;
     border-radius: 4px;
     cursor: pointer;
     transition: background-color 0.2s;
-}
+}
\ No newline at end of file
diff --git a/src/equicordplugins/holyNotes/style.css b/src/equicordplugins/holyNotes/style.css
index 84d4bb9fa..577c60279 100644
--- a/src/equicordplugins/holyNotes/style.css
+++ b/src/equicordplugins/holyNotes/style.css
@@ -9,8 +9,8 @@ $modifier: var(--input-border);
     flex: auto;
     margin-right: 15px;
     margin-bottom: 6px;
-    background-color: var(--background-tertiary);
-    border: solid 2px var(--background-secondary);
+    background-color: var(--background-base-low);
+    border: solid 2px var(--background-secondary-alt);
 }
 
 .vc-notebook-header {
@@ -22,8 +22,8 @@ $modifier: var(--input-border);
     padding-top: 15px;
     padding-left: 10px;
     padding-bottom: 0px;
-    background-color: var(--background-tertiary);
-    box-shadow: 0 1px 0 0 var(--background-tertiary), 0 1px 2px 0 var(--background-tertiary) !important;
+    background-color: var(--background-base-low);
+    box-shadow: 0 1px 0 0 var(--background-base-low), 0 1px 2px 0 var(--background-base-low) !important;
 }
 
 .vc-notebook-heading {
@@ -77,8 +77,8 @@ $modifier: var(--input-border);
 }
 
 .vc-notebook-tabbar {
-    border-bottom: 1px solid var(--background-tertiary);
-    background-color: var(--background-tertiary);
+    border-bottom: 1px solid var(--background-base-low);
+    background-color: var(--background-base-low);
     white-space: nowrap;
     overflow: hidden;
     height: 36px;
diff --git a/src/equicordplugins/iconViewer/IconsTab.css b/src/equicordplugins/iconViewer/IconsTab.css
index e5ed12665..1b2cb336e 100644
--- a/src/equicordplugins/iconViewer/IconsTab.css
+++ b/src/equicordplugins/iconViewer/IconsTab.css
@@ -55,13 +55,11 @@
   width: 164px;
   margin-top: 5%;
   margin-left: 15%;
-  background-image: repeating-linear-gradient(
-    45deg,
-    #ffffff1a 0,
-    #ffffff1a 10px,
-    #0000001a 10px,
-    #0000001a 20px
-  );
+  background-image: repeating-linear-gradient(45deg,
+      #ffffff1a 0,
+      #ffffff1a 10px,
+      #0000001a 10px,
+      #0000001a 20px);
   border-radius: 10px;
 }
 
@@ -75,7 +73,7 @@
 
 .vc-icon-container:hover {
   border-radius: 5px;
-  border: 3px solid var(--background-tertiary);
+  border: 3px solid var(--background-base-low);
   box-sizing: border-box;
 }
 
@@ -114,4 +112,4 @@
 .vc-ic-modals-footer {
   border-bottom-left-radius: 25px;
   border-bottom-right-radius: 25px;
-}
+}
\ No newline at end of file
diff --git a/src/equicordplugins/keyboardNavigation/components/style.css b/src/equicordplugins/keyboardNavigation/components/style.css
index 5c0352b90..155f48cc6 100644
--- a/src/equicordplugins/keyboardNavigation/components/style.css
+++ b/src/equicordplugins/keyboardNavigation/components/style.css
@@ -3,12 +3,12 @@
 .vc-command-palette-root {
     border-radius: 10px;
     overflow: hidden;
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
 }
 
 .vc-command-palette-option {
     padding: 5px;
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
     color: var(--white-500);
     font-family: var(--font-display);
     text-align: left;
@@ -109,4 +109,4 @@
 
 .vc-command-palette-key-recorder-button:hover {
     background-color: var(--button-secondary-background-hover);
-}
+}
\ No newline at end of file
diff --git a/src/equicordplugins/loginWithQR/ui/styles.css b/src/equicordplugins/loginWithQR/ui/styles.css
index acbd9d006..8a61a3fbc 100644
--- a/src/equicordplugins/loginWithQR/ui/styles.css
+++ b/src/equicordplugins/loginWithQR/ui/styles.css
@@ -6,7 +6,7 @@
     width: 30rem;
     height: 13rem;
     border-radius: 1rem;
-    background-color: var(--background-secondary);
+    background-color: var(--background-secondary-alt);
     border-style: dashed;
     border-color: var(--input-border);
     border-width: 4px;
@@ -31,7 +31,7 @@
 }
 
 .qrlogin-modal-filepaste-disabled {
-    background-color: var(--background-secondary) !important;
+    background-color: var(--background-secondary-alt) !important;
     opacity: 0.5;
     cursor: unset;
 }
@@ -133,4 +133,4 @@
     to {
         transform: translate(var(--offset-x), var(--offset-y)) scale(var(--scale));
     }
-}
+}
\ No newline at end of file
diff --git a/src/equicordplugins/messageColors/styles.css b/src/equicordplugins/messageColors/styles.css
index be10871b7..f76114eba 100644
--- a/src/equicordplugins/messageColors/styles.css
+++ b/src/equicordplugins/messageColors/styles.css
@@ -17,5 +17,5 @@
 /* Light color in dark theme */
 .theme-dark .vc-color-bg.vc-color-bg-invert,
 .theme-light .vc-color-bg:not(.vc-color-bg-invert) {
-    color: var(--background-secondary);
-}
+    color: var(--background-secondary-alt);
+}
\ No newline at end of file
diff --git a/src/equicordplugins/messageLoggerEnhanced/styles.css b/src/equicordplugins/messageLoggerEnhanced/styles.css
index 4fc3ee691..2dcc3b711 100644
--- a/src/equicordplugins/messageLoggerEnhanced/styles.css
+++ b/src/equicordplugins/messageLoggerEnhanced/styles.css
@@ -83,7 +83,7 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    background-color: var(--background-secondary);
+    background-color: var(--background-secondary-alt);
 }
 
 .folder-upload-input {
diff --git a/src/equicordplugins/moreStickers/style.css b/src/equicordplugins/moreStickers/style.css
index 955a6d940..5e83d8dbd 100644
--- a/src/equicordplugins/moreStickers/style.css
+++ b/src/equicordplugins/moreStickers/style.css
@@ -11,7 +11,7 @@
 }
 
 .vc-more-stickers-picker-container {
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
     overflow: hidden;
     border-radius: 4px;
     width: 100%;
@@ -66,7 +66,7 @@
 }
 
 .vc-more-stickers-category-wrapper {
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
     position: absolute;
     overflow: hidden;
     width: 48px;
@@ -217,7 +217,7 @@
     top: 0;
     -ms-flex-align: center;
     align-items: center;
-    background-color: var(--background-secondary);
+    background-color: var(--background-secondary-alt);
     box-sizing: border-box;
     display: flex;
     height: 32px;
@@ -404,7 +404,7 @@
 .vc-more-stickers-picker-settings-cog-container {
     position: fixed;
     transform: translateY(-100%);
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
     padding: 8px;
     padding-right: 4px;
     border-bottom-left-radius: 5px;
@@ -446,7 +446,7 @@
 
 .vc-more-stickers-settings .bg {
     border-radius: 8px;
-    background-color: var(--background-secondary);
+    background-color: var(--background-secondary-alt);
     padding: 16px;
     margin: 8px 16px 16px;
 }
@@ -462,7 +462,7 @@
     top: 0;
     right: 0;
     border-radius: 8px;
-    background: var(--background-secondary);
+    background: var(--background-secondary-alt);
     width: 26px;
     height: 0;
     align-items: center;
diff --git a/src/equicordplugins/remix/styles.css b/src/equicordplugins/remix/styles.css
index 6f81aa989..2829cd491 100644
--- a/src/equicordplugins/remix/styles.css
+++ b/src/equicordplugins/remix/styles.css
@@ -34,7 +34,7 @@
     min-width: 100px;
     height: 40px;
     background-color: var(--brand);
-    color: var(--text-primary);
+    color: var(--text-strong);
     border-radius: 8px;
     margin: 0 3px;
 }
@@ -54,4 +54,4 @@
     justify-content: center;
     padding-top: 10px;
     padding-bottom: 10px;
-}
+}
\ No newline at end of file
diff --git a/src/equicordplugins/soundBoardLogger/styles.css b/src/equicordplugins/soundBoardLogger/styles.css
index 43fad8452..1c254753e 100644
--- a/src/equicordplugins/soundBoardLogger/styles.css
+++ b/src/equicordplugins/soundBoardLogger/styles.css
@@ -2,7 +2,7 @@
 .vc-soundlog-sound {
     box-sizing: border-box;
     position: relative;
-    background: var(--background-secondary);
+    background: var(--background-secondary-alt);
     border-radius: var(--radius-sm);
     height: 40px;
     width: 100%;
@@ -60,7 +60,7 @@
 .vc-soundlog-user-name {
     text-transform: none;
     flex-grow: 0;
-    background: var(--background-tertiary);
+    background: var(--background-base-low);
     border-radius: 0 9999px 9999px 0;
     padding: 6px 0.8em 6px 0.5em;
     font-size: 20px;
@@ -79,7 +79,7 @@
     position: absolute;
     height: 100%;
     width: 16px;
-    background: var(--background-tertiary);
+    background: var(--background-base-low);
     z-index: -1;
     left: -16px;
     top: 0;
@@ -122,4 +122,4 @@
     font-size: 100%;
     box-sizing: border-box;
     height: 40px;
-}
+}
\ No newline at end of file
diff --git a/src/equicordplugins/themeLibrary/components/styles.css b/src/equicordplugins/themeLibrary/components/styles.css
index 98ad84ee7..a5dd79f42 100644
--- a/src/equicordplugins/themeLibrary/components/styles.css
+++ b/src/equicordplugins/themeLibrary/components/styles.css
@@ -1,129 +1,129 @@
 [data-tab-id="ThemeLibrary"]::before {
-  /* stylelint-disable-next-line property-no-vendor-prefix */
-  -webkit-mask: var(--si-widget) center/contain no-repeat !important;
-  mask: var(--si-widget) center/contain no-repeat !important;
+    /* stylelint-disable-next-line property-no-vendor-prefix */
+    -webkit-mask: var(--si-widget) center/contain no-repeat !important;
+    mask: var(--si-widget) center/contain no-repeat !important;
 }
 
 .vce-theme-info {
-  padding: 0.5rem;
-  margin-bottom: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  flex-direction: row;
-  overflow: hidden;
-  transition: all 0.3s ease;
+    padding: 0.5rem;
+    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    flex-direction: row;
+    overflow: hidden;
+    transition: all 0.3s ease;
 }
 
 .vce-theme-info-preview {
-  max-width: 100%;
-  max-height: 100%;
-  border-radius: 5px;
-  margin: 0.5rem;
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 5px;
+    margin: 0.5rem;
 }
 
 .vce-theme-info-preview img {
-  width: 1080px !important;
-  height: 1920px !important;
-  object-fit: cover;
+    width: 1080px !important;
+    height: 1920px !important;
+    object-fit: cover;
 }
 
 .vce-theme-text {
-  padding: 0.5rem;
+    padding: 0.5rem;
 }
 
 .vce-theme-info-tag {
-  background: var(--background-secondary);
-  color: var(--text-primary);
-  border: 2px solid var(--background-tertiary);
-  padding: 0.25rem 0.5rem;
-  display: inline-block;
-  border-radius: 5px;
-  margin-right: 0.5rem;
-  margin-bottom: 0.5rem;
+    background: var(--background-secondary-alt);
+    color: var(--text-strong);
+    border: 2px solid var(--background-base-low);
+    padding: 0.25rem 0.5rem;
+    display: inline-block;
+    border-radius: 5px;
+    margin-right: 0.5rem;
+    margin-bottom: 0.5rem;
 }
 
 .vce-text-input {
-  display: inline-block !important;
-  color: var(--text-default) !important;
-  font-size: 16px !important;
-  padding: 0.5em;
-  border: 2px solid var(--background-tertiary);
-  line-height: 1.2;
-  max-height: unset;
+    display: inline-block !important;
+    color: var(--text-default) !important;
+    font-size: 16px !important;
+    padding: 0.5em;
+    border: 2px solid var(--background-base-low);
+    line-height: 1.2;
+    max-height: unset;
 }
 
 .vce-likes-icon {
-  overflow: visible;
-  margin-right: 0.5rem;
-  transition: fill 0.3s ease;
+    overflow: visible;
+    margin-right: 0.5rem;
+    transition: fill 0.3s ease;
 }
 
 .vce-button-grid {
-  display: grid;
-  grid-template-columns: 1fr;
-  gap: 10px;
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 10px;
 }
 
 .vce-warning-button {
-  display: flex;
-  width: 100%;
+    display: flex;
+    width: 100%;
 }
 
 .vce-search-grid {
-  display: grid;
-  height: 40px;
-  gap: 10px;
-  grid-template-columns: 1fr 200px;
+    display: grid;
+    height: 40px;
+    gap: 10px;
+    grid-template-columns: 1fr 200px;
 }
 
 .vce-button {
-  white-space: normal;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
+    white-space: normal;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
 }
 
 .vce-overwrite-modal {
-  border: 1px solid var(--input-border);
-  border-radius: 8px;
-  padding: 0.5em;
+    border: 1px solid var(--input-border);
+    border-radius: 8px;
+    padding: 0.5em;
 }
 
 .vce-image-paste {
-  border-radius: 8px;
-  border: 3px dashed var(--input-border);
-  background-color: var(--background-secondary);
-  padding: 20px;
-  text-align: center;
-  position: relative;
-  cursor: pointer;
-  margin-top: 20px;
-  transition: border 0.3s ease;
+    border-radius: 8px;
+    border: 3px dashed var(--input-border);
+    background-color: var(--background-secondary-alt);
+    padding: 20px;
+    text-align: center;
+    position: relative;
+    cursor: pointer;
+    margin-top: 20px;
+    transition: border 0.3s ease;
 }
 
 .vce-image-paste:hover {
-  border: 3px dashed var(--brand-500);
-  transition: border 0.3s ease;
+    border: 3px dashed var(--brand-500);
+    transition: border 0.3s ease;
 }
 
 .vce-styled-list {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
 }
 
 .vce-styled-list li {
-  padding: 10px 0;
-  border-bottom: thin solid var(--input-border);
+    padding: 10px 0;
+    border-bottom: thin solid var(--input-border);
 }
 
 .vce-styled-list li:last-child {
-  border-bottom: none;
+    border-bottom: none;
 }
 
 .vce-divider-border {
-  border-bottom: thin solid var(--input-border);
-  padding: 10px 0;
-  width: 100%;
-}
+    border-bottom: thin solid var(--input-border);
+    padding: 10px 0;
+    width: 100%;
+}
\ No newline at end of file
diff --git a/src/equicordplugins/voiceChannelLog.dev/components/VoiceChannelLogEntryComponent.css b/src/equicordplugins/voiceChannelLog.dev/components/VoiceChannelLogEntryComponent.css
index 6862bb3a6..4a08e56f9 100644
--- a/src/equicordplugins/voiceChannelLog.dev/components/VoiceChannelLogEntryComponent.css
+++ b/src/equicordplugins/voiceChannelLog.dev/components/VoiceChannelLogEntryComponent.css
@@ -5,7 +5,7 @@
     grid-template-columns: 2.25rem 24px 40px max-content;
     gap: 4px;
     width: 4px;
-    background-color: var(--background-modifier-active);
+    background-color: var(--border-subtle);
 }
 
 .vc-voice-channel-log-date-separator,
diff --git a/src/equicordplugins/whitelistedEmojis/style.css b/src/equicordplugins/whitelistedEmojis/style.css
index 88c822aa3..66d522460 100644
--- a/src/equicordplugins/whitelistedEmojis/style.css
+++ b/src/equicordplugins/whitelistedEmojis/style.css
@@ -1,13 +1,13 @@
 .emoji-container {
     display: grid;
     gap: 10px;
-    background-color: var(--background-secondary);
+    background-color: var(--background-secondary-alt);
     max-height: 300px;
     overflow-y: auto;
 }
 
 .guild-section {
-    border: 1px solid var(--background-tertiary);
+    border: 1px solid var(--background-base-low);
     border-radius: 4px;
     overflow: hidden;
 }
@@ -17,7 +17,7 @@
     justify-content: space-between;
     align-items: center;
     padding: 10px;
-    background-color: var(--background-tertiary);
+    background-color: var(--background-base-low);
     cursor: pointer;
 }
 
@@ -102,4 +102,4 @@
     color: var(--white-500);
     text-align: center;
     margin: 20px;
-}
+}
\ No newline at end of file
diff --git a/src/plugins/permissionsViewer/styles.css b/src/plugins/permissionsViewer/styles.css
index c149933f2..cb8010b52 100644
--- a/src/plugins/permissionsViewer/styles.css
+++ b/src/plugins/permissionsViewer/styles.css
@@ -100,7 +100,7 @@
 
 .vc-permviewer-modal-divider {
     width: 2px;
-    background-color: var(--background-modifier-active);
+    background-color: var(--border-subtle);
 }
 
 .vc-permviewer-modal-perms {
@@ -114,7 +114,7 @@
     align-items: center;
     gap: 5px;
     padding: 10px 2px 10px 10px;
-    border-bottom: 2px solid var(--background-modifier-active);
+    border-bottom: 2px solid var(--border-subtle);
 }
 
 .vc-permviewer-modal-perms-item:last-child {
@@ -163,4 +163,4 @@
     display: flex;
     align-items: center;
     gap: 4px;
-}
+}
\ No newline at end of file
diff --git a/src/plugins/serverInfo/styles.css b/src/plugins/serverInfo/styles.css
index 1ff37e58f..1dfc871f3 100644
--- a/src/plugins/serverInfo/styles.css
+++ b/src/plugins/serverInfo/styles.css
@@ -132,7 +132,7 @@
     width: 20px;
     height: 20px;
     border-radius: 50%;
-    background: var(--background-tertiary);
+    background: var(--background-base-low);
     overflow: hidden;
 }
 
diff --git a/src/plugins/showMeYourName/index.tsx b/src/plugins/showMeYourName/index.tsx
index 9b747cb5b..eab8a0259 100644
--- a/src/plugins/showMeYourName/index.tsx
+++ b/src/plugins/showMeYourName/index.tsx
@@ -4,19 +4,19 @@
  * SPDX-License-Identifier: GPL-3.0-or-later
  */
 
-import { DataStore } from "@api/index";
 import "./style.css";
 
+import { findGroupChildrenByChildId, NavContextMenuPatchCallback } from "@api/ContextMenu";
+import { DataStore } from "@api/index";
 import { definePluginSettings, Settings } from "@api/Settings";
+import { Button, ErrorBoundary, Heading, TextButton } from "@components/index";
 import { Devs, EquicordDevs } from "@utils/constants";
+import { ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalProps, ModalRoot, openModal } from "@utils/index";
 import definePlugin, { OptionType } from "@utils/types";
 import { GuildMember, Message, User } from "@vencord/discord-types";
 import { findByCodeLazy, findStoreLazy } from "@webpack";
 import { ChannelStore, GuildMemberStore, GuildStore, Menu, MessageStore, RelationshipStore, StreamerModeStore, TextInput, useEffect, UserStore, useState } from "@webpack/common";
 import { JSX } from "react";
-import { findGroupChildrenByChildId, NavContextMenuPatchCallback } from "@api/ContextMenu";
-import { Button, ErrorBoundary, Heading, TextButton } from "@components/index";
-import { ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalProps, ModalRoot, openModal } from "@utils/index";
 
 const wrapEmojis = findByCodeLazy("lastIndex;return");
 const AccessibilityStore = findStoreLazy("AccessibilityStore");
@@ -689,7 +689,7 @@ function CustomNicknameModal({ modalProps, user }: { modalProps: ModalProps; use
                 <ModalCloseButton onClick={modalProps.onClose} />
             </ModalHeader>
             <ModalContent>
-                <Heading tag="h3" style={{ marginBottom: 8, fontSize: "16px", fontWeight: "400", lineHeight: "1.25", color: "var(--text-secondary)" }}>
+                <Heading tag="h3" style={{ marginBottom: 8, fontSize: "16px", fontWeight: "400", lineHeight: "1.25", color: "var(--text-subtle)" }}>
                     {"Set a custom SMYN nickname for this user. Make use of it by specifying {custom} in the SMYN template settings."}
                 </Heading>
                 <div style={{ paddingTop: "10px", flexGrow: 0 }}></div>