Dark Cyan Theme

Here is the setup of DarkCyan:



# Main colors that can be changed
  primary-color: "#00bcd4"
  disabled-text-color: "#545454"
  divider-color: "rgba(255, 255, 255, 0.12)"
  paper-card-background-color: "#4e4e4e"
  paper-grey-200: "#191919"
  paper-item-icon-color: "#d3d3d3"
  paper-listbox-background-color: "#202020"
  paper-listbox-color: "#FFFFFF"      
  primary-background-color: "#303030"
  primary-text-color: "#cfcfcf"      
  secondary-background-color: "#2b2b2b"
  secondary-text-color: "#04a7bc"
# Colors based on variables, see above
  label-badge-background-color: "var(--secondary-background-color)"
  label-badge-text-color: "var(--text-primary-color)"
  paper-card-header-color: "#var(--paper-item-icon-color)"
  paper-grey-50: "var(--primary-text-color)"
  paper-item-icon-active-color: "var(--primary-color)"
  paper-item-icon_-_color: "var(--primary-text-color)"
  paper-slider-active-color: "var(--primary-color)"
  paper-slider-knob-color: "var(--primary-color)"
  paper-slider-knob-start-color: "var(--primary-color)"
  paper-slider-pin-color: "var(--primary-color)"
  paper-slider-secondary-color: "var(--light-primary-color)"     
  paper-toggle-button-checked-ink-color: "var(--dark-primary-color)"
  paper-toggle-button-checked-button-color: "var(--primary-color)"
  paper-toggle-button-checked-bar-color: "var(--light-primary-color)"
  paper-toggle-button-unchecked-bar-color: "var(--primary-text-color)"

thanks for sharing this theme is awesome

1 Like

thanks for sharing

very nice theme, thank you for sharing appreciate it

Thank you for your nice theme.

The non selected icons in the sidebar are almost not visible. I added this to be able to see them better.
sidebar-icon-color: ‘#777777

1 Like

Any chance we can get this added to the original theme? Would save a bit of Googling.

This theme is broken after updating to 113. Cards is white now.
Are there an update in git somewhere?

In case you haven’t found a fix (or for others with the same issue), it is mentioned in the breaking changes for 113

The theme variable paper-card-background-color is removed. You can use ha-card-background or card-background-color as a replacement.
In general, all variables that start with paper will be removed at some point.