diff --git a/CHANGELOG-nightly.md b/CHANGELOG-nightly.md
index a2cf3a6ab..8ea3c5476 100644
--- a/CHANGELOG-nightly.md
+++ b/CHANGELOG-nightly.md
@@ -1,7 +1,11 @@
 ### 3.1.2.1000
 
--   Implement support for the new Kick site
-
+-   **Implement support for the new Kick site:**
+    -   Chat emotes
+    -   Emote menu
+    -   Emote auto-completion
+    -   Cosmetics
+    -   7TV settings
 -   Added option to settings to hide Stories from the sidebar
 -   Fixed settings to hide recommended channels and viewers also watch channels
 -   Fixed an issue where history navigation is accidentally triggered during IME composition
@@ -9,6 +13,7 @@
 -   Added option to highlight messages based on badges
 -   Added button to user card to toggle highlighting for a users messages
 -   Added mod icon for warning users to chat mod icons and user card
+-   Added an option to limit the drop shadows on paints
 
 ### 3.1.1.3000
 
diff --git a/src/app/chat/UserTag.vue b/src/app/chat/UserTag.vue
index 1aafdbbe6..d4c30eaeb 100644
--- a/src/app/chat/UserTag.vue
+++ b/src/app/chat/UserTag.vue
@@ -22,7 +22,15 @@
 				type="twitch"
 				@click="handleClick($event)"
 			/>
-			<Badge v-for="badge of activeBadges" :key="badge.id" :badge="badge" :alt="badge.data.tooltip" type="app" />
+			<template v-if="shouldRender7tvBadges">
+				<Badge
+					v-for="badge of activeBadges"
+					:key="badge.id"
+					:badge="badge"
+					:alt="badge.data.tooltip"
+					type="app"
+				/>
+			</template>
 		</span>
 
 		<!-- Message Author -->
@@ -31,7 +39,7 @@
 			class="seventv-chat-user-username"
 			@click="handleClick($event)"
 		>
-			<span v-cosmetic-paint="paint ? paint.id : null">
+			<span v-cosmetic-paint="shouldRenderPaint && paint ? paint.id : null">
 				<span v-if="asMention">@</span>
 				<span>{{ user.displayName }}</span>
 				<span v-if="user.intl"> ({{ user.username }})</span>
@@ -146,8 +154,8 @@ const stop = watch(
 			return;
 		}
 
-		paint.value = shouldRenderPaint.value && paints && paints.size ? paints.values().next().value : null;
-		activeBadges.value = shouldRender7tvBadges.value && badges && badges.size ? [...badges.values()] : [];
+		paint.value = paints && paints.size ? paints.values().next().value : null;
+		activeBadges.value = badges && badges.size ? [...badges.values()] : [];
 	},
 	{ immediate: true },
 );
diff --git a/src/assets/style/global.scss b/src/assets/style/global.scss
index 0dd9b6d51..114e3439f 100644
--- a/src/assets/style/global.scss
+++ b/src/assets/style/global.scss
@@ -89,3 +89,13 @@ body[theme="light"] {
 	-webkit-background-clip: text !important;
 	font-weight: 700;
 }
+
+:root.seventv-alternating-chat-lines {
+	.seventv-chat-observer > div:nth-child(even) {
+		background-color: var(--seventv-chat-alternate-background-color);
+	}
+
+	.seventv-chat-list .seventv-message:nth-child(even) {
+		background-color: var(--seventv-chat-alternate-background-color);
+	}
+}
diff --git a/src/composable/useCosmetics.ts b/src/composable/useCosmetics.ts
index 6bfc7fa0b..af0d249a4 100644
--- a/src/composable/useCosmetics.ts
+++ b/src/composable/useCosmetics.ts
@@ -1,4 +1,4 @@
-import { Ref, reactive, ref, toRef } from "vue";
+import { Ref, reactive, ref, toRef, watch } from "vue";
 import { until, useTimeout } from "@vueuse/core";
 import { DecimalToStringRGBA } from "@/common/Color";
 import { log } from "@/common/Logger";
@@ -24,7 +24,13 @@ const data = reactive({
 
 	staticallyAssigned: {} as Record<string, Record<string, never> | undefined>,
 });
-const dropShadowRender = useConfig("vanity.paints_drop_shadows");
+const dropShadowRender = useConfig<0 | 1 | 2>("vanity.paints_drop_shadows");
+
+watch(dropShadowRender, () =>
+	Object.values(data.cosmetics)
+		.filter((c) => c.kind === "PAINT")
+		.forEach((c) => updatePaintStyle(c as SevenTV.Cosmetic<"PAINT">)),
+);
 
 class CosmeticMap<T extends SevenTV.CosmeticKind> extends Map<string, SevenTV.Cosmetic<T>> {
 	private providers = new Set<SevenTV.Provider>();
@@ -63,16 +69,18 @@ db.ready().then(async () => {
 	useLiveQuery(
 		() => db.cosmetics.toArray(),
 		(result) => {
-			data.cosmetics = {};
+			const temp = {} as typeof data.cosmetics;
 
 			for (const cos of result) {
-				if (data.cosmetics[cos.id]) continue;
-				data.cosmetics[cos.id] = reactive(cos);
+				if (temp[cos.id]) continue;
+				temp[cos.id] = reactive(cos);
 
 				if (cos.kind === "PAINT") {
 					updatePaintStyle(cos as SevenTV.Cosmetic<"PAINT">);
 				}
 			}
+
+			data.cosmetics = temp;
 		},
 	);
 
@@ -386,11 +394,14 @@ export function updatePaintStyle(paint: SevenTV.Cosmetic<"PAINT">, remove = fals
 
 	const gradients = paint.data.gradients.map((g) => createGradientFromPaint(g));
 	const filter = (() => {
-		if (!paint.data.shadows || dropShadowRender.value === false) {
+		if (!paint.data.shadows || dropShadowRender.value == 0) {
 			return "";
 		}
 
-		return paint.data.shadows.map((v) => createFilterDropshadow(v)).join(" ");
+		return paint.data.shadows
+			.slice(0, dropShadowRender.value == 2 ? 1 : undefined)
+			.map((v) => createFilterDropshadow(v))
+			.join(" ");
 	})();
 
 	const selector = `.seventv-paint[data-seventv-paint-id="${paint.id}"]`;
diff --git a/src/directive/TextPaintDirective.ts b/src/directive/TextPaintDirective.ts
index c08d9524f..0c8da8ba3 100644
--- a/src/directive/TextPaintDirective.ts
+++ b/src/directive/TextPaintDirective.ts
@@ -16,11 +16,26 @@ export const TextPaintDirective = {
 	},
 } as Directive<HTMLElement, string | null>;
 
-export function updateElementStyles(el: HTMLElement, paintID: string | null): void {
-	if (!paintID || (el.hasAttribute(ATTR_SEVENTV_PAINT_ID) && el.getAttribute(ATTR_SEVENTV_PAINT_ID) !== paintID)) {
-		el.style.backgroundImage = "";
-		el.style.filter = "";
-		el.style.color = "";
+type PaintedElement = HTMLElement & {
+	__seventv_backup_style?: { backgroundImage: string; filter: string; color: string };
+};
+export function updateElementStyles(el: PaintedElement, paintID: string | null): void {
+	const hasPaint = el.hasAttribute(ATTR_SEVENTV_PAINT_ID);
+	const newPaint = hasPaint && paintID !== el.getAttribute(ATTR_SEVENTV_PAINT_ID);
+
+	if (!hasPaint) {
+		el.__seventv_backup_style = {
+			backgroundImage: el.style.backgroundImage,
+			filter: el.style.filter,
+			color: el.style.color,
+		};
+	}
+
+	if (hasPaint && newPaint) {
+		const backup = el.__seventv_backup_style;
+		el.style.backgroundImage = backup?.backgroundImage ?? "";
+		el.style.filter = backup?.filter ?? "";
+		el.style.color = backup?.color ?? "";
 
 		el.classList.remove("seventv-painted-content");
 		el.removeAttribute(ATTR_SEVENTV_TEXT);
diff --git a/src/site/global/Changelog.vue b/src/site/global/Changelog.vue
index e1dd498cf..6b03c9cdb 100644
--- a/src/site/global/Changelog.vue
+++ b/src/site/global/Changelog.vue
@@ -128,7 +128,7 @@ function updateMediaHref(value: string): string {
 		display: grid;
 		row-gap: 0.5rem;
 		list-style: square;
-		margin: 0.25rem 0.5rem;
+		margin: 0.5rem 1rem;
 	}
 
 	:deep(li) {
diff --git a/src/site/global/Global.vue b/src/site/global/Global.vue
index 5ab1aea92..d0c2a39d5 100644
--- a/src/site/global/Global.vue
+++ b/src/site/global/Global.vue
@@ -1,6 +1,9 @@
 <template>
 	<Tooltip />
 	<FloatContext />
+	<Transition name="settings-menu" appear>
+		<SettingsMenu v-if="settingsMenuCtx.open" />
+	</Transition>
 </template>
 
 <script setup lang="ts">
@@ -9,24 +12,17 @@ import { useConfig, useSettings } from "@/composable/useSettings";
 import useUpdater from "@/composable/useUpdater";
 import { useWorker } from "@/composable/useWorker";
 import FloatContext from "./FloatContext.vue";
+import { dataSettings, globalSettings } from "./GlobalSettings";
 import Tooltip from "./Tooltip.vue";
+import { useSettingsMenu } from "@/app/settings/Settings";
+import SettingsMenu from "@/app/settings/SettingsMenu.vue";
+
+const settingsMenuCtx = useSettingsMenu();
 
 const { register } = useSettings();
-register([
-	{
-		key: "app.version",
-		type: "NONE",
-		label: "App Version",
-		defaultValue: void 0 as never,
-	},
-	{
-		key: "app.7tv.token",
-		type: "NONE",
-		label: "7TV Bearer Token",
-		expires: 0,
-		defaultValue: "",
-	},
-]);
+
+register(dataSettings);
+register(globalSettings);
 
 const updater = useUpdater();
 const version = useConfig("app.version");
diff --git a/src/site/global/GlobalSettings.ts b/src/site/global/GlobalSettings.ts
new file mode 100644
index 000000000..28592f1ba
--- /dev/null
+++ b/src/site/global/GlobalSettings.ts
@@ -0,0 +1,141 @@
+import { declareConfig, useConfig } from "@/composable/useSettings";
+
+export const dataSettings = [
+	declareConfig("app.version", "NONE", {
+		label: "App Version",
+		defaultValue: void 0 as never,
+	}),
+	declareConfig("app.7tv.token", "NONE", {
+		label: "7TV Bearer Token",
+		defaultValue: "",
+		serialize: false,
+	}),
+	declareConfig("ui.emote_menu.favorites", "NONE", {
+		label: "Emote menu favourites",
+		defaultValue: new Set(),
+	}),
+	declareConfig("ui.emote_menu.usage", "NONE", {
+		label: "Emote menu usage",
+		defaultValue: new Set(),
+		serialize: false,
+	}),
+	declareConfig("ui.emote_menu.collapsed_sets", "NONE", {
+		label: "Emote menu collapsed sets",
+		defaultValue: new Set(),
+		serialize: false,
+	}),
+];
+
+export const globalSettings = [
+	declareConfig("ui.transparent_backgrounds", "TOGGLE", {
+		path: ["Appearance", "Interface"],
+		label: "Use UI transparency",
+		hint: "If checked some backgrounds will be transparent and blurred. This may affect performance",
+		effect(v) {
+			document.documentElement.classList.toggle("seventv-transparent", v);
+			document.body.classList.toggle("seventv-transparent", v);
+		},
+		defaultValue: true,
+	}),
+	declareConfig("chat.alternating_background", "TOGGLE", {
+		label: "settings.chat_alternating_background.label",
+		hint: "settings.chat_alternating_background.hint",
+		path: ["Chat", ""],
+		defaultValue: false,
+		effect(v) {
+			document.documentElement.classList.toggle("seventv-alternating-chat-lines", v);
+		},
+	}),
+	declareConfig<string>("chat.alternating_background_color", "COLOR", {
+		path: ["Chat", "Style"],
+		label: "Alternating Background Color",
+		hint: "Configure the color of alternating background (~6% opacity)",
+		disabledIf: () => !useConfig("chat.alternating_background").value,
+		effect(v) {
+			document.documentElement.style.setProperty("--seventv-chat-alternate-background-color", `${v}0f`);
+		},
+		defaultValue: "#808080",
+	}),
+	declareConfig("general.blur_unlisted_emotes", "TOGGLE", {
+		path: ["General", ""],
+		label: "Hide Unlisted Emotes",
+		hint: "If checked, emotes which have not yet been approved for listing on 7tv.app will be blurred",
+		defaultValue: false,
+	}),
+	declareConfig<number>("chat.emote_margin", "SLIDER", {
+		path: ["Chat", "Style"],
+		label: "Emote Spacing",
+		hint: "Choose the margin around emotes in chat. Negative values lets them overlap and keep the chatlines inline. 0 Makes the emotes not overlap at all",
+		options: {
+			min: -1,
+			max: 1,
+			step: 0.1,
+			unit: "rem",
+		},
+		defaultValue: -0.5,
+		effect(v) {
+			document.documentElement.style.setProperty("--seventv-emote-margin", `${v}rem`);
+		},
+	}),
+	declareConfig<number>("chat.emote_scale", "SLIDER", {
+		path: ["Chat", "Style"],
+		label: "Emote Scale",
+		ffz_key: "chat.emotes.2x",
+		ffz_transform(v: unknown) {
+			return typeof v === "number" && v > 0 ? 2 : 1;
+		},
+		hint: "Change how large emotes should be in chat, as a multiple of their original size.",
+		options: {
+			min: 0.25,
+			max: 3,
+			step: 0.25,
+			unit: "x",
+		},
+		defaultValue: 1,
+	}),
+	declareConfig("ui.emote_menu.default_tab", "DROPDOWN", {
+		path: ["Appearance", "Interface"],
+		label: "Emote Menu: Default Emote Tab",
+		hint: "Select default tab when opening emote menu",
+		options: [
+			["Favorite", "FAVORITE"],
+			["7TV", "7TV"],
+			["FFZ", "FFZ"],
+			["BTTV", "BTTV"],
+			["Platform", "PLATFORM"],
+			["Emoji", "EMOJI"],
+		],
+		defaultValue: "7TV",
+	}),
+	declareConfig<boolean>("ui.emote_menu.most_used", "TOGGLE", {
+		path: ["Appearance", "Interface"],
+		label: "Emote Menu: Most Used Emotes",
+		hint: "Whether or not to display the emotes you type the most in the emote menu (Temporarily disabled due to performance issues)",
+		disabledIf: () => true,
+		defaultValue: true,
+	}),
+	declareConfig<boolean>("vanity.nametag_paints", "TOGGLE", {
+		path: ["Appearance", "Vanity"],
+		label: "Nametag Paints",
+		hint: "Whether or not to display nametag paints",
+		defaultValue: true,
+	}),
+	declareConfig<boolean>("vanity.7tv_Badges", "TOGGLE", {
+		path: ["Appearance", "Vanity"],
+		label: "7TV Badges",
+		hint: "Whether or not to display 7TV Badges",
+		defaultValue: true,
+	}),
+	declareConfig<number>("vanity.paints_drop_shadows", "DROPDOWN", {
+		path: ["Appearance", "Vanity"],
+		label: "Drop shadows on paints",
+		options: [
+			["None", 0],
+			["One", 2],
+			["All", 1],
+		],
+		hint: "Wheather or not to display drop shadows on paints (Requires a refresh)",
+		disabledIf: () => !useConfig("vanity.nametag_paints").value,
+		defaultValue: 1,
+	}),
+];
diff --git a/src/site/kick.com/modules/chat/ChatMessage.vue b/src/site/kick.com/modules/chat/ChatMessage.vue
index fdfafe84d..44d3c48b1 100644
--- a/src/site/kick.com/modules/chat/ChatMessage.vue
+++ b/src/site/kick.com/modules/chat/ChatMessage.vue
@@ -22,7 +22,7 @@
 		</Teleport>
 	</template>
 
-	<Teleport :to="badgeContainer">
+	<Teleport v-if="shouldRenderBadges" :to="badgeContainer">
 		<span v-if="cosmetics.badges.size" class="seventv-badge-list">
 			<Badge
 				v-for="[id, badge] of cosmetics.badges"
@@ -36,7 +36,7 @@
 </template>
 
 <script setup lang="ts">
-import { nextTick, onMounted, reactive, watch, watchEffect } from "vue";
+import { nextTick, reactive, watch } from "vue";
 import { ref } from "vue";
 import { onUnmounted } from "vue";
 import { useEventListener } from "@vueuse/core";
@@ -47,6 +47,7 @@ import { IsEmoteToken, IsLinkToken, IsTextToken } from "@/common/type-predicates
 import { useChannelContext } from "@/composable/channel/useChannelContext";
 import { useChatEmotes } from "@/composable/chat/useChatEmotes";
 import { useCosmetics } from "@/composable/useCosmetics";
+import { useConfig } from "@/composable/useSettings";
 import Badge from "@/app/chat/Badge.vue";
 import Emote from "@/app/chat/Emote.vue";
 import { updateElementStyles } from "@/directive/TextPaintDirective";
@@ -77,6 +78,9 @@ const badgeContainer = document.createElement("seventv-container");
 const containers = ref<HTMLElement[]>([]);
 const tokens = reactive<WeakMap<HTMLElement, AnyToken[]>>(new WeakMap());
 
+const shouldRenderPaints = useConfig<boolean>("vanity.nametag_paints");
+const shouldRenderBadges = useConfig<boolean>("vanity.7tv_Badges");
+
 // Listen for click events
 useEventListener(props.bind.usernameEl.parentElement, "click", () => {
 	emit("open-card", props.bind);
@@ -89,12 +93,6 @@ function textElToMessage(el: HTMLElement) {
 
 // Process kick's text entries into a containerized token
 function process(): void {
-	props.bind.usernameEl.insertAdjacentElement("beforebegin", badgeContainer);
-
-	if (cosmetics.paints.size) {
-		updateElementStyles(props.bind.usernameEl, Array.from(cosmetics.paints.values())[0].id);
-	}
-
 	containers.value.length = 0;
 	for (const el of props.bind.texts) {
 		const message = textElToMessage(el);
@@ -120,10 +118,20 @@ function process(): void {
 	nextTick(() => emit("render"));
 }
 
-watch(cosmetics, process);
-watchEffect(process);
-
-onMounted(process);
+watch(() => props.bind.texts, process, { immediate: true });
+watch(
+	() => props.bind.usernameEl,
+	(el) => {
+		if (!el.contains(badgeContainer)) el.insertAdjacentElement("beforebegin", badgeContainer);
+	},
+	{ immediate: true },
+);
+
+watch(
+	[() => props.bind.usernameEl, cosmetics, shouldRenderPaints],
+	([el, c, s]) => updateElementStyles(el, s && c.paints.size ? Array.from(c.paints.values())[0].id : null),
+	{ immediate: true },
+);
 
 onUnmounted(() => {
 	for (const el of containers.value) {
diff --git a/src/site/kick.com/modules/chat/ChatModule.vue b/src/site/kick.com/modules/chat/ChatModule.vue
index 417dc48a4..282e5f6b1 100644
--- a/src/site/kick.com/modules/chat/ChatModule.vue
+++ b/src/site/kick.com/modules/chat/ChatModule.vue
@@ -6,12 +6,11 @@
 
 <script setup lang="ts">
 import { ref, watch } from "vue";
-import { declareModule } from "@/composable/useModule";
-import ChatController from "./ChatController.vue";
-import { declareConfig } from "@/composable/useSettings";
-import { useStaticRenderFunctionHook } from "@/common/ReactHooks";
 import { Logger } from "@/common/Logger";
+import { useStaticRenderFunctionHook } from "@/common/ReactHooks";
 import { useChannelContext } from "@/composable/channel/useChannelContext";
+import { declareModule } from "@/composable/useModule";
+import ChatController from "./ChatController.vue";
 
 const { markAsReady } = declareModule<"KICK">("chat", {
 	name: "Chat",
@@ -43,42 +42,3 @@ useStaticRenderFunctionHook<{ channelSlug: string }>("#chatroom-messages", 2, fu
 
 markAsReady();
 </script>
-
-<script lang="ts">
-export const config = [
-	declareConfig("chat.alternating_background", "TOGGLE", {
-		label: "settings.chat_alternating_background.label",
-		hint: "settings.chat_alternating_background.hint",
-		path: ["Chat", ""],
-		defaultValue: false,
-		effect(v) {
-			document.documentElement.classList.toggle("seventv-alternating-chat-lines", v);
-		},
-	}),
-
-	declareConfig("chat.message_batch_duration", "SLIDER", {
-		path: ["Chat", "Performance"],
-		label: "Message Batching",
-		hint: "The time to wait between rendering new messages",
-		options: {
-			min: 25,
-			max: 1000,
-			step: 25,
-			unit: "ms",
-			named_thresolds: [
-				[0, 50, "Instant"],
-				[50, 250, "Fast"],
-				[250, 500, "Balanced"],
-				[500, 999, "Slow"],
-				[1000, 1000, "PowerPoint Presentation"],
-			],
-		},
-		defaultValue: 100,
-	}),
-	declareConfig<Set<string>>("ui.emote_menu.collapsed_sets", "NONE", {
-		path: ["", ""],
-		label: "",
-		defaultValue: new Set(),
-	}),
-];
-</script>
diff --git a/src/site/kick.com/modules/chat/ChatObserver.vue b/src/site/kick.com/modules/chat/ChatObserver.vue
index f6ed18997..f0a846863 100644
--- a/src/site/kick.com/modules/chat/ChatObserver.vue
+++ b/src/site/kick.com/modules/chat/ChatObserver.vue
@@ -267,14 +267,6 @@ onUnmounted(() => {
 </style>
 
 <style lang="scss">
-:root.seventv-alternating-chat-lines {
-	.seventv-chat-observer {
-		> div[parity="even"] {
-			background-color: hsla(0deg, 0%, 50%, 6%);
-		}
-	}
-}
-
 .seventv-chat-message-buffered {
 	display: none !important;
 }
diff --git a/src/site/kick.com/modules/settings/SettingsModule.vue b/src/site/kick.com/modules/settings/SettingsModule.vue
index a4a59b322..e6ce3a0ea 100644
--- a/src/site/kick.com/modules/settings/SettingsModule.vue
+++ b/src/site/kick.com/modules/settings/SettingsModule.vue
@@ -1,6 +1,4 @@
 <template>
-	<SettingsMenu v-if="ctx.open" />
-
 	<template v-if="chatSettingsPopup">
 		<SettingsChatHook :el="chatSettingsPopup" @open-settings="ctx.open = true" />
 	</template>
@@ -12,7 +10,6 @@ import { useEventListener } from "@vueuse/core";
 import { declareModule } from "@/composable/useModule";
 import SettingsChatHook from "./SettingsChatHook.vue";
 import { useSettingsMenu } from "@/app/settings/Settings";
-import SettingsMenu from "@/app/settings/SettingsMenu.vue";
 
 declareModule<"KICK">("settings", {
 	name: "Settings",
diff --git a/src/site/twitch.tv/TwitchSite.vue b/src/site/twitch.tv/TwitchSite.vue
index 13865175a..ab359d477 100644
--- a/src/site/twitch.tv/TwitchSite.vue
+++ b/src/site/twitch.tv/TwitchSite.vue
@@ -8,14 +8,14 @@
 </template>
 
 <script setup lang="ts">
-import { defineAsyncComponent, onMounted, provide, ref, watch } from "vue";
+import { defineAsyncComponent, onMounted, provide, ref } from "vue";
 import { useStore } from "@/store/main";
 import { SITE_CURRENT_PLATFORM, SITE_NAV_PATHNAME } from "@/common/Constant";
 import { useComponentHook } from "@/common/ReactHooks";
 import { useActor } from "@/composable/useActor";
 import { useFrankerFaceZ } from "@/composable/useFrankerFaceZ";
 import { getModule } from "@/composable/useModule";
-import { synchronizeFrankerFaceZ, useConfig, useSettings } from "@/composable/useSettings";
+import { synchronizeFrankerFaceZ, useSettings } from "@/composable/useSettings";
 import { useUserAgent } from "@/composable/useUserAgent";
 import type { TwModuleID } from "@/types/tw.module";
 
@@ -26,7 +26,6 @@ const actor = useActor();
 const ua = useUserAgent();
 const ffz = useFrankerFaceZ();
 
-const useTransparency = useConfig("ui.transparent_backgrounds");
 ua.preferredFormat = store.avifSupported ? "AVIF" : "WEBP";
 store.setPreferredImageFormat(ua.preferredFormat);
 store.setPlatform("TWITCH", ["7TV", "FFZ", "BTTV"], ffz.active ? ["FFZ"] : []);
@@ -90,16 +89,6 @@ useComponentHook<Twitch.RouterComponent>(
 	},
 );
 
-const rootClasses = document.documentElement.classList;
-
-watch(
-	useTransparency,
-	() => {
-		useTransparency.value ? rootClasses.add("seventv-transparent") : rootClasses.remove("seventv-transparent");
-	},
-	{ immediate: true },
-);
-
 const settings = useSettings();
 function onModuleUpdate(mod: TwModuleID, config: SevenTV.SettingNode[], inst: InstanceType<ComponentFactory>) {
 	const modInst = getModule(mod);
diff --git a/src/site/twitch.tv/modules/chat/ChatList.vue b/src/site/twitch.tv/modules/chat/ChatList.vue
index 78b7d11a6..622e9a4ae 100644
--- a/src/site/twitch.tv/modules/chat/ChatList.vue
+++ b/src/site/twitch.tv/modules/chat/ChatList.vue
@@ -1,5 +1,5 @@
 <template>
-	<main ref="chatListEl" class="seventv-chat-list" :alternating-background="isAlternatingBackground">
+	<main ref="chatListEl" class="seventv-chat-list">
 		<div v-for="msg of displayedMessages" :key="msg.sym" :msg-id="msg.id" class="seventv-message">
 			<template v-if="msg.instance">
 				<component
@@ -68,7 +68,6 @@ const pausedByVisibility = ref(false);
 
 const isModSliderEnabled = useConfig<boolean>("chat.mod_slider");
 const showModerationMessages = useConfig<boolean>("chat.mod_messages");
-const isAlternatingBackground = useConfig<boolean>("chat.alternating_background");
 const showMentionHighlights = useConfig("highlights.basic.mention");
 const showFirstTimeChatter = useConfig<boolean>("highlights.basic.first_time_chatter");
 const showSelfHighlights = useConfig<boolean>("highlights.basic.self");
@@ -598,10 +597,4 @@ defineExpose({
 	font-size: var(--seventv-chat-font-size, inherit);
 	line-height: 1.5em;
 }
-
-.seventv-chat-list[alternating-background="true"] {
-	.seventv-message:nth-child(even) {
-		background-color: var(--seventv-chat-alternate-background-color);
-	}
-}
 </style>
diff --git a/src/site/twitch.tv/modules/chat/ChatModule.vue b/src/site/twitch.tv/modules/chat/ChatModule.vue
index d55f606e6..c856416c9 100644
--- a/src/site/twitch.tv/modules/chat/ChatModule.vue
+++ b/src/site/twitch.tv/modules/chat/ChatModule.vue
@@ -137,43 +137,6 @@ const timestampKeyValues: Record<TimestampFormatKey, string> = {
 const timestampFormatOptions = Object.entries(timestampKeyValues).map(([k, v]) => [v, k]);
 
 export const config = [
-	declareConfig("general.blur_unlisted_emotes", "TOGGLE", {
-		path: ["General", ""],
-		label: "Hide Unlisted Emotes",
-		hint: "If checked, emotes which have not yet been approved for listing on 7tv.app will be blurred",
-		defaultValue: false,
-	}),
-	declareConfig<number>("chat.emote_margin", "SLIDER", {
-		path: ["Chat", "Style"],
-		label: "Emote Spacing",
-		hint: "Choose the margin around emotes in chat. Negative values lets them overlap and keep the chatlines inline. 0 Makes the emotes not overlap at all",
-		options: {
-			min: -1,
-			max: 1,
-			step: 0.1,
-			unit: "rem",
-		},
-		defaultValue: -0.5,
-		effect(v) {
-			document.documentElement.style.setProperty("--seventv-emote-margin", `${v}rem`);
-		},
-	}),
-	declareConfig<number>("chat.emote_scale", "SLIDER", {
-		path: ["Chat", "Style"],
-		label: "Emote Scale",
-		ffz_key: "chat.emotes.2x",
-		ffz_transform(v: unknown) {
-			return typeof v === "number" && v > 0 ? 2 : 1;
-		},
-		hint: "Change how large emotes should be in chat, as a multiple of their original size.",
-		options: {
-			min: 0.25,
-			max: 3,
-			step: 0.25,
-			unit: "x",
-		},
-		defaultValue: 1,
-	}),
 	declareConfig("chat.show_emote_modifiers", "TOGGLE", {
 		path: ["Chat", "Style"],
 		label: "Show Emote Modifiers",
@@ -263,23 +226,6 @@ export const config = [
 		hint: "Make the tooltips compact instead of showing the full emote",
 		defaultValue: false,
 	}),
-	declareConfig<boolean>("chat.alternating_background", "TOGGLE", {
-		path: ["Chat", "Style"],
-		ffz_key: "chat.lines.alternate",
-		label: "settings.chat_alternating_background.label",
-		hint: "settings.chat_alternating_background.hint",
-		defaultValue: false,
-	}),
-	declareConfig<string>("chat.alternating_background_color", "COLOR", {
-		path: ["Chat", "Style"],
-		label: "Alternating Background Color",
-		hint: "Configure the color of alternating background (~6% opacity)",
-		disabledIf: () => !useConfig("chat.alternating_background").value,
-		effect(v) {
-			document.body.style.setProperty("--seventv-chat-alternate-background-color", `${v}0f`);
-		},
-		defaultValue: "#808080",
-	}),
 	declareConfig<number>("chat.padding", "DROPDOWN", {
 		path: ["Chat", "Style"],
 		label: "Padding Style",
@@ -494,30 +440,11 @@ export const config = [
 		},
 		defaultValue: 10,
 	}),
-	declareConfig<boolean>("vanity.nametag_paints", "TOGGLE", {
-		path: ["Appearance", "Vanity"],
-		label: "Nametag Paints",
-		hint: "Whether or not to display nametag paints",
-		defaultValue: true,
-	}),
-	declareConfig<boolean>("vanity.7tv_Badges", "TOGGLE", {
-		path: ["Appearance", "Vanity"],
-		label: "7TV Badges",
-		hint: "Whether or not to display 7TV Badges",
-		defaultValue: true,
-	}),
 	declareConfig("chat.hide_bits_balance", "TOGGLE", {
 		label: "Hide Bits From Community Points Button",
 		hint: "Hide the bits balance from the community points button under the chatbox",
 		path: ["Chat", "Style"],
 		defaultValue: false,
 	}),
-	declareConfig<boolean>("vanity.paints_drop_shadows", "TOGGLE", {
-		path: ["Appearance", "Vanity"],
-		label: "Drop shadows on paints",
-		hint: "Wheather or not to display drop shadows on paints (Requires a refresh)",
-		disabledIf: () => !useConfig("vanity.nametag_paints").value,
-		defaultValue: true,
-	}),
 ];
 </script>
diff --git a/src/site/twitch.tv/modules/emote-menu/EmoteMenuModule.vue b/src/site/twitch.tv/modules/emote-menu/EmoteMenuModule.vue
index 43224484e..5ec504ade 100644
--- a/src/site/twitch.tv/modules/emote-menu/EmoteMenuModule.vue
+++ b/src/site/twitch.tv/modules/emote-menu/EmoteMenuModule.vue
@@ -71,7 +71,7 @@ const doButtonUpdate = debounceFn((nodes: Element[]) => {
 
 watch(
 	placement,
-	(v) => {
+	() => {
 		for (const n of Object.values(chatInputController.instances).map((i) => i.domNodes)) {
 			doButtonUpdate(Object.values(n));
 		}
@@ -84,20 +84,6 @@ markAsReady();
 
 <script lang="ts">
 export const config = [
-	declareConfig("ui.emote_menu.default_tab", "DROPDOWN", {
-		path: ["Appearance", "Interface"],
-		label: "Emote Menu: Default Emote Tab",
-		hint: "Select default tab when opening emote menu",
-		options: [
-			["Favorite", "FAVORITE"],
-			["7TV", "7TV"],
-			["FFZ", "FFZ"],
-			["BTTV", "BTTV"],
-			["Platform", "PLATFORM"],
-			["Emoji", "EMOJI"],
-		],
-		defaultValue: "7TV",
-	}),
 	declareConfig("ui.emote_menu_search", "TOGGLE", {
 		path: ["Appearance", "Interface"],
 		label: "Emote Menu: Live Input Search",
@@ -115,30 +101,6 @@ export const config = [
 		],
 		defaultValue: "regular",
 	}),
-	declareConfig<boolean>("ui.emote_menu.most_used", "TOGGLE", {
-		path: ["Appearance", "Interface"],
-		label: "Emote Menu: Most Used Emotes",
-		hint: "Whether or not to display the emotes you type the most in the emote menu (Temporarily disabled due to performance issues)",
-		disabledIf: () => true,
-		defaultValue: true,
-	}),
-	declareConfig<Set<string>>("ui.emote_menu.favorites", "NONE", {
-		path: ["", ""],
-		label: "",
-		defaultValue: new Set(),
-	}),
-	declareConfig<Map<string, number>>("ui.emote_menu.usage", "NONE", {
-		path: ["", ""],
-		label: "",
-		defaultValue: new Map(),
-		serialize: false,
-	}),
-	declareConfig<Set<string>>("ui.emote_menu.collapsed_sets", "NONE", {
-		path: ["", ""],
-		label: "",
-		defaultValue: new Set(),
-		serialize: false,
-	}),
 ];
 </script>
 
diff --git a/src/site/twitch.tv/modules/settings/SettingsModule.vue b/src/site/twitch.tv/modules/settings/SettingsModule.vue
index 5278c5ce0..54dd5cbcf 100644
--- a/src/site/twitch.tv/modules/settings/SettingsModule.vue
+++ b/src/site/twitch.tv/modules/settings/SettingsModule.vue
@@ -1,17 +1,11 @@
 <template>
-	<Transition name="settings-menu" appear>
-		<SettingsMenu v-if="ctx.open" />
-	</Transition>
-
 	<SettingsMenuButton @toggle="ctx.open = !ctx.open" />
 </template>
 
 <script setup lang="ts">
 import { declareModule } from "@/composable/useModule";
-import { useSettingsMenu } from "@/app/settings/Settings";
 import SettingsMenuButton from "./SettingsMenuButton.vue";
-import SettingsMenu from "../../../../app/settings/SettingsMenu.vue";
-import { declareConfig } from "@/composable/useSettings";
+import { useSettingsMenu } from "@/app/settings/Settings";
 
 const { markAsReady } = declareModule("settings", {
 	name: "Settings",
@@ -23,17 +17,6 @@ const ctx = useSettingsMenu();
 markAsReady();
 </script>
 
-<script lang="ts">
-export const config = [
-	declareConfig("ui.transparent_backgrounds", "TOGGLE", {
-		path: ["Appearance", "Interface"],
-		label: "Use UI transparency",
-		hint: "If checked some backgrounds will be transparent and blurred. This may affect performance",
-		defaultValue: true,
-	}),
-];
-</script>
-
 <style scoped lang="scss">
 .settings-menu-enter-active,
 .settings-menu-leave-active {