jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-06-16 15:16:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change the blue accent of the integration filters to blueDark (#38052)

Browse Source
This commit is contained in:
Joakim Sørensen 2025-03-18 12:52:48 +01:00 committed by GitHub
parent 85a2d0aca1
commit cf7b585969
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
sass/homeassistant/pages/_component_page.scss
View File

@ -44,7 +44,7 @@
width: fit-content; width: fit-content;
font-size: 1rem; font-size: 1rem;
box-shadow: none; box-shadow: none;
background-color: $blue; background-color: $blueDark;
color: white; color: white;
border-radius: 24px; border-radius: 24px;
@ -63,7 +63,7 @@
background-color: white; background-color: white;
&:checked { &: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; text-align-last: center;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
border: 2px solid $primary-color; border: 2px solid $blueDark;
border-top-right-radius: 0px; border-top-right-radius: 0px;
border-top-left-radius: 0px; border-top-left-radius: 0px;
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
@ -117,7 +117,7 @@
} }
.filter-title { .filter-title {
background: $primary-color; background: $blueDark;
color: white; color: white;
text-align: center; text-align: center;
border-top-right-radius: 5px; border-top-right-radius: 5px;
@ -135,7 +135,7 @@
margin: 10px 5px 0px 0px; margin: 10px 5px 0px 0px;
padding: 5px 10px; padding: 5px 10px;
min-width: 100px; min-width: 100px;
background-color: $primary-color; background-color: $blueDark;
border-radius: 28px; border-radius: 28px;
border: none; border: none;
color: white; color: white;