Cosmic Dream:
  # Change the value below 8px to 0px to remove the rounded corners

  ha-card-border-radius: 6px

  # Main colors
  primary-color: "#A792F5" #"#BAA8FF" # "#412e9d"
  light-primary-color: "#8bffdc"
  graph-color: var(--primary-color)
  primary-background-color: "#544299" #"#1D1B1E"
  secondary-background-color: --var(--primary-background-color) #"#18173e" #"#1b1440" #"#322864" #
  divider-color: var(--ha-card-background)
  disabled-color: "#9286C8"
  # Text colors
  primary-text-color: "#fcfcfc"
  secondary-text-color: var(--primary-text-color)
  text-primary-color: var(--primary-text-color)
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  label-color: var(--light-primary-color) #"#978cff"
  # Sidebar colors
  sidebar-icon-color: var(--primary-color)
  sidebar-text-color: var(--primary-text-color)
  sidebar-selected-background-color: var(--primary-background-color)
  sidebar-selected-icon-color: var(--light-primary-color)
  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
  # Icons colors
  state-icon-color: var(--disabled-color)
  state-icon-active-color: var(--primary-color)
  state-icon-unavailable-color: var(--primary-background-color)
  # Settins and colors of Mini Media Player
  mini-media-player-icon-color: var(--primary-color)
  mini-media-player-accent-color: var(--primary-color)
  mini-media-player-progress-height: 8px
  # Papers slider colors
  paper-slider-knob-color: var(--primary-color)
  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-container-color: var(--disabled-color)
  # big slider card
  bsc-background: var(--card-background-color, #aaaaaa)
  bsc-slider-color: var(--primary-color)
  bsc-color: var(--light-primary-color)
  bsc-off-color: var(--disabled-color)
  bsc-entity-color: var(--bsc-color)
  bsc-primary-text-color: var(--primary-text-color)
  bsc-secondary-text-color: var(--secondary-text-color)
  bsc-border-color: var(--ha-card-border-color)
  bsc-border-radius: var(--ha-card-border-radius)
  bsc-border-style: var(--ha-card-border-style)
  bsc-border-width: var(--ha-card-border-width)
  # Labels colors
  label-badge-background-color: var(--divider-color)
  label-badge-text-color: var(--primary-text-color)
  label-badge-red: var(--primary-color)
  label-badge-blue: var(--light-primary-color)
  # Cards colors
  ha-card-background: "#372C65"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--secondary-background-color)
  # Toggle button colors
  paper-toggle-button-checked-button-color: var(--primary-color)
  paper-toggle-button-checked-bar-color: var(--light-primary-color)
  paper-toggle-button-unchecked-button-color: var(--disabled-color)
  paper-toggle-button-unchecked-bar-color: var(--primary-background-color)
  # Switch colors
  switch-checked-color: var(--paper-toggle-button-checked-button-color)
  switch-unchecked-button-color: var(--paper-toggle-button-unchecked-button-color)
  switch-unchecked-color: var(--paper-toggle-button-unchecked-bar-color)
  switch-unchecked-track-color: var(--paper-toggle-button-unchecked-bar-color)
  # Table colors
  table-row-background-color: var(--divider-color)
  table-row-alternative-background-color: var(--secondary-background-color)
  card-background-color: var(--primary-background-color)
  #Animated icons
  weather-icon-clear-night: url("/hacsfiles/themes/caule-themes-pack-1/clear-night.svg")
  weather-icon-cloudy: url("/hacsfiles/themes/caule-themes-pack-1/cloudy.svg")
  weather-icon-fog: url("/hacsfiles/themes/caule-themes-pack-1/fog.svg")
  weather-icon-lightning: url("/hacsfiles/themes/caule-themes-pack-1/lightning.svg")
  weather-icon-lightning-rainy: url("/hacsfiles/themes/caule-themes-pack-1/lightning-rainy.svg")
  weather-icon-partlycloudy: url("/hacsfiles/themes/caule-themes-pack-1/partlycloudy.svg")
  weather-icon-pouring: url("/hacsfiles/themes/caule-themes-pack-1/pouring.svg")
  weather-icon-rainy: url("/hacsfiles/themes/caule-themes-pack-1/rainy.svg")
  weather-icon-hail: url("/hacsfiles/themes/caule-themes-pack-1/hail.svg")
  weather-icon-snowy: url("/hacsfiles/themes/caule-themes-pack-1/snowy.svg")
  weather-icon-snowy-rainy: url("/hacsfiles/themes/caule-themes-pack-1/snowy-rainy.svg")
  weather-icon-sunny: url("/hacsfiles/themes/caule-themes-pack-1/sunny.svg")
  weather-icon-windy: url("/hacsfiles/themes/caule-themes-pack-1/windy.svg")
  weather-icon-windy-variant: url("/hacsfiles/themes/caule-themes-pack-1/windy-variant.svg")
  weather-icon-exceptional: url("/hacsfiles/themes/caule-themes-pack-1/exceptional.svg")
  # Shadown
  ha-card-box-shadow: "inset 0px 0px 0px 0px var(--divider-color)"
  # HACS
  hacs-badge-color: var(--primary-color)
  link-text-color: var(--light-primary-color)
  markdown-code-background-color: var(--divider-color)
  google-blue-500: var(--primary-color)
  accent-color: var(--light-primary-color)
  hacs-chip-color: var(--primary-color)
  # New
  mdc-text-field-fill-color: var(--ha-card-background)
  mdc-text-field-ink-color: var(--primary-text-color)
  mdc-select-fill-color: var(--ha-card-background)
  mdc-text-field-label-ink-color: var(--primary-color)
  input-fill-color: var(--primary-color)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: var(--primary-text-color)
  input-disabled-fill-color: var(--primary-background-color)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-idle-line-color: var(--primary-background-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-hover-line-color: var(--primary-color)
  code-editor-background-color: var(--ha-card-background)
  mdc-select-ink-color: var(--primary-text-color)
  mdc-select-label-ink-color: var(--secondary-text-color)
  mdc-select-idle-line-color: var(--primary-text-color)
  mdc-select-dropdown-icon-color: var(--secondary-text-color)
  mdc-select-hover-line-color: var(--primary-color)
  entities-btn-group-min-num-col: 4
  entities-btn-group-item-max-width: 100%
  entities-btn-group-item-min-width: 20%
  entities-btn-group-item-gap: 4px
  text-divider-font-size: "20px"
  text-divider-line-size: "0px"
  text-divider-margin: "1.8em -2.0em"
  text-divider-color: var(--primary-text-color)
  mdc-theme-primary: var(--light-primary-color)
  banner-card-heading-size: 2em"
  banner-card-spacing: 8px
  mush-control-border-radius: var(--ha-card-border-radius)
