Help with Dark Themes in latest Home Assistant 101.2

Hello everyone, I’m on the latest home assistant and can’t see the configuration>integrations>device when using the latest version of home assistant with any “dark themes”.

It seems the view has changed on the latest versions and dark themes are showing as “white text” on a “white background” as shown below.

This is how it appears using the default theme:

This is the YAML for my dark theme, if anyone knows where I can make the change to give it a dark background rather than white.

dark_theme:
  # Main Stuff #
  primary-color: "#1ABA92" # Primary (most of the UI)
  primary-background-color: "#303030" # Primary background colour (dialogs, e.t.c)
  secondary-background-color: "#303030" # Secondary background colour (main UI background)
  paper-card-background-color: "#424242" # Card background colour
  paper-item-icon-color: "#1ABA92" # Icon colour
  primary-text-color: "#FFFFFF" # Primary text colour
  secondary-text-color: "rgba(255, 255, 255, 0.7)" # Secondary text colour
  disabled-text-color: "rgba(255, 255, 255, 0.5)" # Disabled text colour
  divider-color: "rgba(255, 255, 255, 0.12)" # Divider colour
  paper-card-header-color: "#FFFFFF" # Card header text colour

  # Nav Menu #
  paper-listbox-background-color: "#424242" # Listbox background colour
  paper-listbox-color: "#FFFFFF" # Listbox text colour
  paper-grey-200: "#616161" # Listbox selected item background colour

  # Switches #
  paper-toggle-button-checked-ink-color: "#1ABA92"
  paper-toggle-button-checked-button-color: "#1ABA92"
  paper-toggle-button-checked-bar-color: "#1ABA92"

  # Sliders #
  paper-slider-knob-color: "#1ABA92"
  paper-slider-knob-start-color: "#1ABA92"
  paper-slider-pin-color: "#1ABA92"
  paper-slider-active-color: "#1ABA92"

Add this to your theme.

card-background-color: "var(--paper-card-background-color)"
2 Likes

Thanks @VDRainer, I added the line and rebooted Home Assistant, voila it works!!!