Several updates to the color palette

themes/google_light_theme.yaml

@@ -7,70 +7,72 @@
 #
 Google Light Theme:
   # Header:
-  app-header-background-color: "#F8F8F8"
-  app-header-text-color: "#424242"
+  app-header-background-color: rgb(248, 248, 248)
+  app-header-text-color: rgb(95, 99, 104)
   # Main Interface Colors
-  primary-color: "#5F9BEA"
+  primary-color: rgb(26, 115, 232)
   light-primary-color: var(--primary-color)
-  primary-background-color: "#F8F8F8"
-  secondary-background-color: "#E6E6E6"
+  primary-background-color: rgb(248, 248, 248)
+  secondary-background-color: rgb(230, 230, 230)
   divider-color: var(--primary-background-color)
+  accent-color: rgb(26, 115, 232)
   # Text
-  primary-text-color: "#424242"
-  secondary-text-color: "#5F6267"
-  text-primary-color: "#FFFFFF"
-  disabled-text-color: "#BFBFBF"
+  primary-text-color: rgb(32, 33, 36)
+  secondary-text-color: rgb(95, 99, 104)
+  text-primary-color: rgb(255, 255, 255)
+  disabled-text-color: rgba(95, 99, 104, 0.4)
   # Sidebar Menu
-  sidebar-icon-color: var(--app-header-text-color)
-  sidebar-text-color: "#424242"
-  sidebar-background-color: "#FFFFFF"
+  sidebar-icon-color: rgb(95, 99, 104)
+  sidebar-text-color: var(--sidebar-icon-color)
+  sidebar-background-color: rgb(255, 255, 255)
   sidebar-selected-background-color: var(--primary-background-color)
-  sidebar-selected-icon-color: "#5F9BEA"
-  sidebar-selected-text-color: var(--sidebar-selected-icon-color))
+  sidebar-selected-icon-color: rgb(26, 115, 232)
+  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
+  # Buttons
+  paper-item-icon-color: rgb(95, 99, 104)
+  paper-item-icon-active-color: rgb(26, 115, 232)
   # States and Badges
-  state-icon-color: "#5F6267"
-  state-icon-active-color: "#5F9BEA"
+  state-icon-color: rgb(26, 115, 232)
+  state-icon-active-color: rgb(95, 99, 104)
   state-icon-unavailable-color: var(--disabled-text-color)
   # Sliders
-  paper-slider-knob-color: "#5F9BEA"
+  paper-slider-knob-color: rgb(26, 115, 232)
   paper-slider-knob-start-color: var(--paper-slider-knob-color)
   paper-slider-pin-color: var(--paper-slider-knob-color)
   paper-slider-active-color: var(--paper-slider-knob-color)
   paper-slider-secondary-color: var(--light-primary-color)
   # Labels
-  label-badge-background-color: "#F8FAF9"
-  label-badge-text-color: "#4D5575"
-  label-badge-red: "#C7484C"
-  label-badge-green: "#6DC071"
-  label-badge-blue: "#5F9BEA"
-  label-badge-yellow: "#D9B757"
-  label-badge-gray: "#5F6267"
+  label-badge-background-color: rgb(248, 250, 249)
+  label-badge-text-color: rgb(77, 85, 117)
+  label-badge-red: rgb(199, 72, 76)
+  label-badge-green: rgb(109, 192, 113)
+  label-badge-blue: rgb(26, 115, 232)
+  label-badge-yellow: rgb(217, 183, 87)
+  label-badge-gray: rgb(95, 98, 103)
   # Cards
-  card-background-color: "#FFFFFF"
+  card-background-color: rgb(255, 255, 255)
   ha-card-border-radius: "10px"
   ha-card-box-shadow: 1px 1px 5px 0px rgb(230, 230, 230)
   paper-dialog-background-color: var(--card-background-color)
   paper-listbox-background-color: var(--card-background-color)
   paper-card-background-color: var(--card-background-color)
   # Switches
-  switch-checked-button-color: "#5F9BEA"
-  switch-checked-track-color: "#75a2f0"
-  switch-unchecked-button-color: "#5F6267"
-  switch-unchecked-track-color: "#888b91"
+  switch-checked-button-color: rgb(26, 115, 232)
+  switch-checked-track-color: rgb(26, 115, 232)
+  switch-unchecked-button-color: rgb(189, 193, 198)
+  switch-unchecked-track-color: rgb(189, 193, 198)
   # Toggles
   paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
   paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
   paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
   paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
   # Table
-  table-row-background-color: var(--primary-background-color)
-  table-row-alternative-background-color: var(--secondary-background-color)
+  table-row-background-color: var(--card-background-color)
+  table-row-alternative-background-color: var(--primary-background-color)
   data-table-background-color: var(--primary-background-color)
   # Dropdowns
   material-background-color: var(--card-background-color)
   material-secondary-background-color: var(--primary-background-color)
   mdc-theme-surface: var(--paper-card-background-color)
-  # HACS
-  hacs-chip-background-color: var(--primary-color)
   # Pre/Code
-  markdown-code-background-color: '#F8F8F8'
+  markdown-code-background-color: rgb(242, 242, 242)