From a75e58da4b583fd7e102ff5595c9532970cae37b Mon Sep 17 00:00:00 2001
From: thororen1234 <78185467+thororen1234@users.noreply.github.com>
Date: Wed, 28 Jan 2026 18:52:18 -0500
Subject: [PATCH] remove styles

---
 .../screenRecorder.equibop/index.tsx          | 15 ++++++---------
 src/equicordplugins/statusPresets/index.tsx   | 19 ++++++++-----------
 src/plugins/voiceMessages/index.tsx           |  6 +++---
 3 files changed, 17 insertions(+), 23 deletions(-)

diff --git a/src/equicordplugins/screenRecorder.equibop/index.tsx b/src/equicordplugins/screenRecorder.equibop/index.tsx
index 3f63a7b86..a24ef052b 100644
--- a/src/equicordplugins/screenRecorder.equibop/index.tsx
+++ b/src/equicordplugins/screenRecorder.equibop/index.tsx
@@ -8,11 +8,8 @@ import { addContextMenuPatch, removeContextMenuPatch } from "@api/ContextMenu";
 import { ScreenshareIcon } from "@components/Icons";
 import { Devs } from "@utils/constants";
 import definePlugin from "@utils/types";
-import { findCssClassesLazy } from "@webpack";
 import { Menu, UploadHandler } from "@webpack/common";
 
-const OptionClasses = findCssClassesLazy("optionName", "optionIcon", "optionLabel");
-
 let recoder: MediaRecorder;
 
 export default definePlugin({
@@ -29,9 +26,9 @@ function startRecording(children) {
         <Menu.MenuItem
             id="start-recording"
             label={
-                <div className={OptionClasses.optionLabel}>
-                    <ScreenshareIcon className={OptionClasses.optionIcon} height={24} width={24} />
-                    <div className={OptionClasses.optionName}>Start Recording</div>
+                <div>
+                    <ScreenshareIcon height={24} width={24} />
+                    <div>Start Recording</div>
                 </div>
             }
             action={async () => {
@@ -50,9 +47,9 @@ function stopRecording(children, props) {
         <Menu.MenuItem
             id="stop-recording"
             label={
-                <div className={OptionClasses.optionLabel}>
-                    <ScreenshareIcon className={OptionClasses.optionIcon} height={24} width={24} />
-                    <div className={OptionClasses.optionName}>Stop Recording</div>
+                <div>
+                    <ScreenshareIcon height={24} width={24} />
+                    <div>Stop Recording</div>
                 </div>
             }
             action={() => {
diff --git a/src/equicordplugins/statusPresets/index.tsx b/src/equicordplugins/statusPresets/index.tsx
index 5ba18ea2d..06e5db6f0 100644
--- a/src/equicordplugins/statusPresets/index.tsx
+++ b/src/equicordplugins/statusPresets/index.tsx
@@ -27,7 +27,7 @@ import { classes } from "@utils/misc";
 import { openModalLazy } from "@utils/modal";
 import { useForceUpdater } from "@utils/react";
 import definePlugin, { OptionType, StartAt } from "@utils/types";
-import { extractAndLoadChunksLazy, findComponentByCodeLazy, findCssClassesLazy, findModuleId, wreq } from "@webpack";
+import { extractAndLoadChunksLazy, findComponentByCodeLazy, findModuleId, wreq } from "@webpack";
 import { Clickable, Menu, OverridePremiumTypeStore, Toasts, useState } from "@webpack/common";
 
 import managedStyle from "./fixActionBar.css?managed";
@@ -56,7 +56,6 @@ interface DiscordStatus {
     status: "online" | "dnd" | "idle" | "invisible";
 }
 
-const StatusStyles = findCssClassesLazy("statusItem", "status", "menuDivider", "clearCustomStatusHint", "customEmojiPlaceholder");
 // TODO: find clearCustomStatusHint original css/svg or replace
 const PMenu = findComponentByCodeLazy("#{intl::MORE_OPTIONS}", ".ChevronSmallRightIcon");
 const EmojiComponent = findComponentByCodeLazy(/\.translateSurrogatesToInlineEmoji\(\i\.name\);/);
@@ -93,12 +92,12 @@ function setStatus(status: DiscordStatus) {
     });
 }
 
-const ClearStatusButton = () => <Clickable className={StatusStyles.clearCustomStatusHint} onClick={e => { e.stopPropagation(); CustomStatusSettings?.updateSetting(null); }}><PlusSmallIcon className={"vc-sp-icon"} /></Clickable>;
+const ClearStatusButton = () => <Clickable onClick={e => { e.stopPropagation(); CustomStatusSettings?.updateSetting(null); }}><PlusSmallIcon className={"vc-sp-icon"} /></Clickable>;
 
 function StatusIcon({ isHovering, status }: { isHovering: boolean; status: DiscordStatus; }) {
-    return <div className={StatusStyles.status}>{isHovering ?
+    return <div>{isHovering ?
         <PlusSmallIcon className={"vc-sp-icon"} />
-        : (status.emojiInfo != null ? <EmojiComponent emoji={status.emojiInfo} animate={false} hideTooltip={false} /> : <div className={StatusStyles.customEmojiPlaceholder} />)}</div>;
+        : (status.emojiInfo != null ? <EmojiComponent emoji={status.emojiInfo} animate={false} hideTooltip={false} /> : <div />)}</div>;
 }
 
 const RenderStatusMenuItem = ({ status, update, disabled }: { status: DiscordStatus; update: () => void; disabled: boolean; }) => {
@@ -111,7 +110,7 @@ const RenderStatusMenuItem = ({ status, update, disabled }: { status: DiscordSta
         setIsHovering(false);
     };
 
-    return <div className={classes(StatusStyles.statusItem, "vc-sp-item", disabled ? "vc-sp-disabled" : null)}
+    return <div className={classes("vc-sp-item", disabled ? "vc-sp-disabled" : null)}
         onMouseOver={handleMouseOver}
         onMouseOut={handleMouseOut}>
         <Clickable
@@ -120,7 +119,7 @@ const RenderStatusMenuItem = ({ status, update, disabled }: { status: DiscordSta
                 settings.store.StatusPresets[status.text] = undefined; // setting to undefined to remove it.
                 update();
             }}><StatusIcon isHovering={isHovering} status={status} /></Clickable>
-        <div className={StatusStyles.status} style={{ marginLeft: "2px" }}>{status.text}</div>
+        <div style={{ marginLeft: "2px" }}>{status.text}</div>
     </div >;
 };
 
@@ -169,16 +168,14 @@ export default definePlugin({
         const status = CustomStatusSettings.getSetting();
         return (
             <ErrorBoundary>
-                <div className={StatusStyles.menuDivider} />
+                <div />
                 {status == null ?
                     <PMenu
                         id="sp-custom/presets-status"
                         action="PRESS_SET_STATUS"
                         onClick={openCustomStatusModalLazy}
                         icon={
-                            () => <div
-                                className={StatusStyles.customEmojiPlaceholder}
-                            />
+                            () => <div />
                         }
                         label="Set Custom Status"
                         renderSubmenu={StatusSubMenuComponent}
diff --git a/src/plugins/voiceMessages/index.tsx b/src/plugins/voiceMessages/index.tsx
index b826d3a75..c6a0bc94f 100644
--- a/src/plugins/voiceMessages/index.tsx
+++ b/src/plugins/voiceMessages/index.tsx
@@ -158,9 +158,9 @@ const ctxMenuPatch: NavContextMenuPatchCallback = (children, props) => {
         <Menu.MenuItem
             id="vc-send-vmsg"
             label={
-                <div className={OptionClasses.optionLabel}>
-                    <Microphone className={OptionClasses.optionIcon} height={24} width={24} />
-                    <div className={OptionClasses.optionName}>
+                <div>
+                    <Microphone height={24} width={24} />
+                    <div>
                         Send Voice Message
                         {!hasPermission && <span style={{ fontSize: "smaller", opacity: 0.6 }}> (Missing Permissions)</span>}
                     </div>