Move ThemeSettings -> VencordSettings

src/components/ThemeSettings/themesStyles.css

@@ -1,49 +0,0 @@
-.vc-settings-theme-grid {
-    display: grid;
-    grid-gap: 16px;
-    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-}
-
-.vc-settings-theme-card {
-    display: flex;
-    flex-direction: column;
-    background-color: var(--background-secondary-alt);
-    color: var(--interactive-active);
-    border-radius: 8px;
-    padding: 1em;
-    width: 100%;
-    transition: 0.1s ease-out;
-    transition-property: box-shadow, transform, background, opacity;
-}
-
-.vc-settings-theme-card-text {
-    text-overflow: ellipsis;
-    height: 1.2em;
-    margin-bottom: 2px;
-    white-space: nowrap;
-    overflow: hidden;
-}
-
-.vc-settings-theme-author::before {
-    content: "by ";
-}
-
-.vc-settings-theme-link-input {
-    width: 100%;
-}
-
-.vc-settings-theme-add-card {
-    padding: 1em;
-    margin-bottom: 16px;
-}
-
-.vc-settings-usercss-ie-buttons>div {
-    color: var(--interactive-normal);
-    opacity: .5;
-    padding: 4px;
-}
-
-.vc-settings-usercss-ie-buttons>div:hover {
-    color: var(--interactive-hover);
-    opacity: 1;
-}

src/components/VencordSettings/themesStyles.css

@@ -36,3 +36,14 @@
     padding: 1em;
     margin-bottom: 16px;
 }
+
+.vc-settings-usercss-ie-buttons>div {
+    color: var(--interactive-normal);
+    opacity: .5;
+    padding: 4px;
+}
+
+.vc-settings-usercss-ie-buttons>div:hover {
+    color: var(--interactive-hover);
+    opacity: 1;
+}

src/plugins/_core/settings.tsx

@@ -21,6 +21,7 @@ import BackupAndRestoreTab from "@components/VencordSettings/BackupAndRestoreTab
 import CloudTab from "@components/VencordSettings/CloudTab";
 import PatchHelperTab from "@components/VencordSettings/PatchHelperTab";
 import PluginsTab from "@components/VencordSettings/PluginsTab";
+import ThemesTab from "@components/VencordSettings/ThemesTab";
 import UpdaterTab from "@components/VencordSettings/UpdaterTab";
 import VencordTab from "@components/VencordSettings/VencordTab";
 import { Devs } from "@utils/constants";
@@ -106,7 +107,7 @@ export default definePlugin({
                 section: "EquicordThemes",
                 label: "Themes",
                 searchableTitles: ["Themes"],
-                element: require("@components/ThemeSettings/ThemesTab").default,
+                element: ThemesTab,
                 className: "vc-themes"
             },
             !IS_UPDATER_DISABLED && {