fix(header): fix header color doesn't work properly

The header color only show correctly on supervisor page but in another page is all default blue
color.

fix #2

themes/kibibit.yaml

@@ -5,11 +5,11 @@ kibibit:
   # Global
   background-image: "center / cover no-repeat fixed url('https://thatkookooguy.github.io/https-assets/bg-kibibit-theme.png')"
   lovelace-background: var(--background-image)
-  primary-color: "#209cee"  # from Apple systemOrange dark mode
-  light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
-  primary-background-color: "#2c2c2e"  # systemGray5 dark mode
+  primary-color: "#209cee"
+  light-primary-color: "#B6B6C1"
+  primary-background-color: "#212121"
   secondary-background-color: rgba(25, 25, 25, 0.7)
-  divider-color: "#98989d"  # from Apple systemGray dark mode
+  divider-color: var(--primary-background-color)
   accent-color: rgba(255, 159, 9, 1)
   # Fonts
   primary-font-family: 'Comfortaa'
@@ -72,6 +72,7 @@ kibibit:
   paper-dialog-background-color: rgba(55, 55, 55, 0.6)
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
+  app-header-background-color: var(--primary-background-color)
   # Custom
   mcg-title-letter-spacing: .15em
   mini-media-player-base-color: white
@@ -84,11 +85,11 @@ kibibit-dark-cards:
   # Global
   background-image: "center / cover no-repeat fixed url('https://thatkookooguy.github.io/https-assets/bg-kibibit-theme.png')"
   lovelace-background: var(--background-image)
-  primary-color: "#209cee"  # from Apple systemOrange dark mode
-  light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
-  primary-background-color: "#2c2c2e"  # systemGray5 dark mode
+  primary-color: "#209cee"
+  light-primary-color: "#B6B6C1"
+  primary-background-color: "#212121"
   secondary-background-color: rgba(25, 25, 25, 0.7)
-  divider-color: "#98989d"  # from Apple systemGray dark mode
+  divider-color: var(--primary-background-color)
   accent-color: rgba(255, 159, 9, 1)
   # Fonts
   primary-font-family: 'Comfortaa'
@@ -151,6 +152,7 @@ kibibit-dark-cards:
   paper-dialog-background-color: rgba(55, 55, 55, 0.6)
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
+  app-header-background-color: var(--primary-background-color)
   # Custom
   mcg-title-letter-spacing: .15em
   mini-media-player-base-color: white