diff --git a/src/components/CountdownTimer.svelte b/src/components/CountdownTimer.svelte
index 0ca9fba..ef762df 100644
--- a/src/components/CountdownTimer.svelte
+++ b/src/components/CountdownTimer.svelte
@@ -7,7 +7,7 @@
 	const toggleTimer = () => $timerConfig[timer.index].enabled = !timer.enabled;
 </script>
 
-<button class="timerContainer" class:flash={timer.flash} class:disabled={!timer.enabled} on:click={toggleTimer}>
+<button class="timerContainer" class:flash={timer.flash} class:disabled={!timer.enabled} on:click={toggleTimer} style="--flash-color: {timer.flashColor}">
 	<p class="countdown">{timer.remainingFormatted}</p>
 	{#if timer.icon}
 		<img class="iconImage" src={timer.icon} alt="icon" />
@@ -29,7 +29,7 @@
 		right: 0px;
 	}
 	.flash .iconImage {
-		animation: blink 3s infinite;
+		animation: blink 0.5s ease alternate infinite;
 	}
 	.timerContainer {
 		background: rgb(133, 133, 133);
@@ -58,7 +58,7 @@
 	}
 
 	.timerContainer.flash {
-		animation: colorSwap 3s infinite;
+		animation: colorSwap 0.5s ease alternate infinite;
 	}
 	.title {
 		color: white;
@@ -69,9 +69,11 @@
 	@keyframes colorSwap {
 		from {
 			background-color: white;
+			box-shadow: inset 0 0 0px 0px var(--flash-color);
 		}
 		to {
 			background-color: grey;
+			box-shadow: inset 0 0 8px 2px var(--flash-color);
 		}
 	}
 	@keyframes reverseColorSwap {
diff --git a/src/stores/timerConfig.ts b/src/stores/timerConfig.ts
index 3c1554e..7738fb8 100644
--- a/src/stores/timerConfig.ts
+++ b/src/stores/timerConfig.ts
@@ -10,6 +10,7 @@ export interface TimerConfig {
   audioSrc: string;
   audio?: HTMLAudioElement;
   notifySecondsBefore: number;
+  flashColor: string;
 }
 
 const initialTimers: TimerConfig[] = [
@@ -20,7 +21,8 @@ const initialTimers: TimerConfig[] = [
     initialSkip: 2,
     icon: "powerRune.webp",
     audioSrc: "powerRuneSpawn.mp3",
-    notifySecondsBefore: 15
+    notifySecondsBefore: 15,
+    flashColor: "#7149C6"
   },
   {
     enabled: false,
@@ -29,7 +31,8 @@ const initialTimers: TimerConfig[] = [
     initialSkip: 0,
     icon: "Bountyrune.png",
     audioSrc: "bountyRuneSpawn.mp3",
-    notifySecondsBefore: 15
+    notifySecondsBefore: 15,
+    flashColor: "#FC2947"
   },
   {
     enabled: false,
@@ -38,7 +41,8 @@ const initialTimers: TimerConfig[] = [
     initialSkip: 1,
     icon: "Centaurcreep.webp",
     audioSrc: "timeToStack.mp3",
-    notifySecondsBefore: 15
+    notifySecondsBefore: 15,
+    flashColor: "#FE6244"
   },
   {
     enabled: false,
@@ -47,7 +51,8 @@ const initialTimers: TimerConfig[] = [
     initialSkip: 0,
     icon: "Catapult.webp",
     audioSrc: "catapultWave.mp3",
-    notifySecondsBefore: 15
+    notifySecondsBefore: 15,
+    flashColor: "#FFDEB9"
   },
   {
     enabled: false,
@@ -56,7 +61,8 @@ const initialTimers: TimerConfig[] = [
     initialSkip: 0,
     icon: "Catapult.webp",
     audioSrc: "catapultWave.mp3",
-    notifySecondsBefore: 15
+    notifySecondsBefore: 15,
+    flashColor: "hotpink"
   },
   {
     enabled: false,
@@ -65,7 +71,8 @@ const initialTimers: TimerConfig[] = [
     initialSkip: 0,
     icon: "Catapult.webp",
     audioSrc: "catapultWave.mp3",
-    notifySecondsBefore: 15
+    notifySecondsBefore: 15,
+    flashColor: "gold"
   }
 ].map(timer => typeof window === "undefined"
   ? timer