sidebar-card
sidebar-card copied to clipboard
Change Font
Hi guys, not an issue at all but am new to home assistant and would like to know if anyone is aware of how to change the font for the side bar (clock) in particular? I would like to use the font i have posted below from GoogleFonts
https://fonts.google.com/specimen/Nunito?query=nuni&vfonly=true
+1
You can do this with the style
attributes defined in the readme, or at least I was able to. For example:
:host {
font-family: "Comic Sans MS", "Comic Sans", cursive; // I added this
font-weight: bold; // I added this too
--sidebar-background: #FFF;
--sidebar-text-color: #000;
--face-color: #FFF;
--face-border-color: #FFF;
--clock-hands-color: #000;
--clock-seconds-hand-color: #FF4B3E;
--clock-middle-background: #FFF;
--clock-middle-border: #000;
}
Gave me this: