From cf7b585969bca06328bbe095eca4b67a8394e78c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Tue, 18 Mar 2025 12:52:48 +0100
Subject: [PATCH] Change the blue accent of the integration filters to blueDark
 (#38052)

---
 sass/homeassistant/pages/_component_page.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/sass/homeassistant/pages/_component_page.scss b/sass/homeassistant/pages/_component_page.scss
index 0a30a85239e..91ee4fca71a 100644
--- a/sass/homeassistant/pages/_component_page.scss
+++ b/sass/homeassistant/pages/_component_page.scss
@@ -44,7 +44,7 @@
     width: fit-content;
     font-size: 1rem;
     box-shadow: none;
-    background-color: $blue;
+    background-color: $blueDark;
     color: white;
     border-radius: 24px;
 
@@ -63,7 +63,7 @@
       background-color: white;
 
       &:checked {
-        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%231abcf2%22%20transform%3D%22rotate(90)%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");
+        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23007fa8%22%20transform%3D%22rotate(90)%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");
       }
     }
 
@@ -100,7 +100,7 @@
       text-align-last: center;
       font-size: 16px;
       line-height: 24px;
-      border: 2px solid $primary-color;
+      border: 2px solid $blueDark;
       border-top-right-radius: 0px;
       border-top-left-radius: 0px;
       border-bottom-right-radius: 5px;
@@ -117,7 +117,7 @@
   }
 
   .filter-title {
-      background: $primary-color;
+      background: $blueDark;
       color: white;
       text-align: center;
       border-top-right-radius: 5px;
@@ -135,7 +135,7 @@
     margin: 10px 5px 0px 0px;
     padding: 5px 10px;
     min-width: 100px;
-    background-color: $primary-color;
+    background-color: $blueDark;
     border-radius: 28px;
     border: none;
     color: white;