diff --git a/static/css/styles.css b/static/css/styles.css
index 4c2b7a4..9a1fe83 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -12,7 +12,7 @@
 }
 
 @keyframes blink {
-  0%, 100% { background-color: #0a6eb2} 
+  0%, 100% { background-color: var(--blink-start-color);} 
   50% { background-color: #ffff00; color: black; }     
 }
 
diff --git a/templates/index.html b/templates/index.html
index 0d88845..9add8ed 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -7,6 +7,7 @@
     </script>
     <script src="{{ url_for('static', filename='js/utils.js') }}"></script>
     <script src="{{ url_for('static', filename='js/scripts.js') }}"></script>
+    <style>:root {--blink-start-color: {{ theme_colors.bg2 }};}</style>
 </head>
 
 <body class="flex flex-col min-h-screen">
