diff --git a/src/app.pcss b/src/app.pcss
index 4102e8f..61711ef 100644
--- a/src/app.pcss
+++ b/src/app.pcss
@@ -104,7 +104,7 @@ body {
 	@apply select-none;
 }
 :root.color-animated * {
-	@apply transition-colors duration-[2500ms] ease-in-out;
+	@apply transition-colors duration-[750ms] ease-in-out;
 }
 
 /* ------------------------------------------------------------------------------------- */
diff --git a/src/lib/HeaderBar.svelte b/src/lib/HeaderBar.svelte
index bf3eb6e..50d804d 100644
--- a/src/lib/HeaderBar.svelte
+++ b/src/lib/HeaderBar.svelte
@@ -17,7 +17,6 @@
 	}
 
 	let searched = getQuery();
-	let allowSettingsClick = true;
 
 	let inputElement: HTMLInputElement;
 
@@ -44,17 +43,7 @@
 					label,
 					icon: $userPreferencesStore.theme == name ? IconCheck : IconBlank,
 					action: () => {
-						allowSettingsClick = false;
-
 						document.documentElement.classList.add('color-animated');
-						setTimeout(
-							() => (
-								document.documentElement.classList.remove('color-animated'),
-								(allowSettingsClick = true)
-							),
-							2500
-						);
-
 						$userPreferencesStore.theme = name;
 						document.body.dataset.theme = $userPreferencesStore.theme ?? 'kjspkg';
 						// location.reload();
@@ -146,7 +135,6 @@
 	<svelte:fragment slot="trail">
 		<button
 			class="btn-icon hover:variant-soft-primary"
-			disabled={!allowSettingsClick}
 			use:contextMenu={settingsContextMenu}
 		>
 			<IconColorSwatch />