#      ######      ###     ##     ##  ##        ########
#     ##    ##    ## ##    ##     ##  ##        ##
#     ##         ##   ##   ##     ##  ##        ##
#     ##        ##     ##  ##     ##  ##        ######
#     ##        #########  ##     ##  ##        ##
#     ##    ##  ##     ##  ##     ##  ##        ##
#      ######   ##     ##   #######   ########  ########
#
#     ########  ##     ##  ########  ##     ##  ########   ######
#        ##     ##     ##  ##        ###   ###  ##        ##    ##
#        ##     ##     ##  ##        #### ####  ##        ##
#        ##     #########  ######    ## ### ##  ######     ######
#        ##     ##     ##  ##        ##     ##  ##              ##
#        ##     ##     ##  ##        ##     ##  ##        ##    ##
#        ##     ##     ##  ########  ##     ##  ########   ######
#
#     ########      ###      ######   ##    ##       ##          #######
#     ##     ##    ## ##    ##    ##  ##   ##      ####         ##     ##
#     ##     ##   ##   ##   ##        ##  ##         ##                ##
#     ########   ##     ##  ##        #####          ##          #######
#     ##         #########  ##        ##  ##         ##                ##
#     ##         ##     ##  ##    ##  ##   ##        ##    ###  ##     ##
#     ##         ##     ##   ######   ##    ##     ######  ###   #######
#
#
#     Created by Ricardo Correia for the Home Assistant Brasil community
#     There are 10 Main colors, totaling 40 different themes!
#     Release 1.3.3
#
#     I want to ask only 2 things for those who benefit from these themes:
#
#     1) Join the HABR community on Discord: habr.ml
#     2) Follow my creative studio on instagram: caulecriativo.com
#
#     ricardo.art.br
#     github.com/orickcorreia
#
#     Make good use of the themes =)
#
#
#     - Caule Black Rose
#     - Caule Black Purple
#     - Caule Black Blue
#     - Caule Black Aqua
#     - Caule Black Green
#     - Caule Black Yellow
#     - Caule Black Orange
#     - Caule Black Coral
#     - Caule Black Pink
#     - Caule Black Gray
#
#     - Caule Dark Rose
#     - Caule Dark Purple
#     - Caule Dark Blue
#     - Caule Dark Aqua
#     - Caule Dark Green
#     - Caule Dark Yellow
#     - Caule Dark Orange
#     - Caule Dark Coral
#     - Caule Dark Pink
#     - Caule Dark Gray
#
#     - Caule Light Rose
#     - Caule Light Purple
#     - Caule Light Blue
#     - Caule Light Aqua
#     - Caule Light Green
#     - Caule Light Yellow
#     - Caule Light Orange
#     - Caule Light Coral
#     - Caule Light Pink
#     - Caule Light Gray
#
#     - Caule Black Rose Glass
#     - Caule Black Purple Glass
#     - Caule Black Blue Glass
#     - Caule Black Aqua Glass
#     - Caule Black Green Glass
#     - Caule Black Yellow Glass
#     - Caule Black Orange Glass
#     - Caule Black Coral Glass
#     - Caule Black Pink Glass
#     - Caule Black Gray Glass
#
#

#
#    #####   #         ##     ####   #    #
#    #    #  #        #  #   #    #  #   #
#    #####   #       #    #  #       ####
#    #    #  #       ######  #       #  #
#    #    #  #       #    #  #    #  #   #
#    #####   ######  #    #   ####   #    #
#

Caule Black Rose:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#aa3151"
  light-primary-color: "#b8536d"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#393939"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#191919"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Purple:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#904eab"
  light-primary-color: "#c983e4"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#393939"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#191919"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Blue:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#009bb5"
  light-primary-color: "#5ed1eb"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#393939"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#191919"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Aqua:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#11ab93"
  light-primary-color: "#62e3c8"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#393939"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#191919"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Green:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#6ca049"
  light-primary-color: "#a1d77b"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#393939"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#191919"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Yellow:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#d6a245"
  light-primary-color: "#ffd979"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#393939"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#191919"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Orange:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#d25f36"
  light-primary-color: "#ff9568"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#393939"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#191919"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Coral:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#fa6e5e"
  light-primary-color: "#ffa792"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#393939"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#191919"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Pink:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#f36f92"
  light-primary-color: "#ffa8c9"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#393939"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#191919"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Gray:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#acacac"
  light-primary-color: "#e2e2e2"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#393939"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#191919"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

#
#      ####   #         ##     ####    ####
#     #    #  #        #  #   #       #
#     #       #       #    #   ####    ####
#     #  ###  #       ######       #       #
#     #    #  #       #    #  #    #  #    #
#      ####   ######  #    #   ####    ####
#

Caule Black Rose Glass:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Place the backgrounds in the folder  config/www/images/backgrounds
  lovelace-background: 'center / cover no-repeat url("/hacsfiles/themes/caule-themes-pack-1/rose.jpg") fixed'
  # Main colors
  primary-color: "#aa3151"
  light-primary-color: "#b8536d"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#5b5b5b"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "rgba(100, 100, 100, 0.15)"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Purple Glass:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Place the backgrounds in the folder  config/www/images/backgrounds
  lovelace-background: 'center / cover no-repeat url("/hacsfiles/themes/caule-themes-pack-1/purple.jpg") fixed'
  # Main colors
  primary-color: "#904eab"
  light-primary-color: "#c983e4"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#5b5b5b"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "rgba(100, 100, 100, 0.15)"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Blue Glass:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Place the backgrounds in the folder  config/www/images/backgrounds
  lovelace-background: 'center / cover no-repeat url("/hacsfiles/themes/caule-themes-pack-1/blue.jpg") fixed'
  # Main colors
  primary-color: "#009bb5"
  light-primary-color: "#5ed1eb"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#5b5b5b"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "rgba(100, 100, 100, 0.15)"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Aqua Glass:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Place the backgrounds in the folder  config/www/images/backgrounds
  lovelace-background: 'center / cover no-repeat url("/hacsfiles/themes/caule-themes-pack-1/aqua.jpg") fixed'
  # Main colors
  primary-color: "#11ab93"
  light-primary-color: "#62e3c8"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#5b5b5b"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "rgba(100, 100, 100, 0.15)"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Green Glass:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Place the backgrounds in the folder  config/www/images/backgrounds
  lovelace-background: 'center / cover no-repeat url("/hacsfiles/themes/caule-themes-pack-1/green.jpg") fixed'
  # Main colors
  primary-color: "#6ca049"
  light-primary-color: "#a1d77b"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#5b5b5b"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "rgba(100, 100, 100, 0.15)"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Yellow Glass:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Place the backgrounds in the folder  config/www/images/backgrounds
  lovelace-background: 'center / cover no-repeat url("/hacsfiles/themes/caule-themes-pack-1/yellow.jpg") fixed'
  # Main colors
  primary-color: "#d6a245"
  light-primary-color: "#ffd979"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#5b5b5b"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "rgba(100, 100, 100, 0.15)"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Orange Glass:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Place the backgrounds in the folder  config/www/images/backgrounds
  lovelace-background: 'center / cover no-repeat url("/hacsfiles/themes/caule-themes-pack-1/orange.jpg") fixed'
  # Main colors
  primary-color: "#d25f36"
  light-primary-color: "#ff9568"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#5b5b5b"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "rgba(100, 100, 100, 0.15)"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Coral Glass:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Place the backgrounds in the folder  config/www/images/backgrounds
  lovelace-background: 'center / cover no-repeat url("/hacsfiles/themes/caule-themes-pack-1/coral.jpg") fixed'
  # Main colors
  primary-color: "#fa6e5e"
  light-primary-color: "#ffa792"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#5b5b5b"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "rgba(100, 100, 100, 0.15)"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Pink Glass:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Place the backgrounds in the folder  config/www/images/backgrounds
  lovelace-background: 'center / cover no-repeat url("/hacsfiles/themes/caule-themes-pack-1/pink.jpg") fixed'
  # Main colors
  primary-color: "#f36f92"
  light-primary-color: "#ffa8c9"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#5b5b5b"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "rgba(100, 100, 100, 0.15)"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Black Gray Glass:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Place the backgrounds in the folder  config/www/images/backgrounds
  lovelace-background: 'center / cover no-repeat url("/hacsfiles/themes/caule-themes-pack-1/gray.jpg") fixed'
  # Main colors
  primary-color: "#acacac"
  light-primary-color: "#e2e2e2"
  graph-color: var(--primary-color)
  primary-background-color: "#0c0c0c"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#2c2c2c"
  disabled-color: "#5b5b5b"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "rgba(100, 100, 100, 0.15)"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

#
#    #       #   ####   #    #  #####
#    #       #  #    #  #    #    #
#    #       #  #       ######    #
#    #       #  #  ###  #    #    #
#    #       #  #    #  #    #    #
#    ######  #   ####   #    #    #
#

Caule Light Rose:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#aa3151"
  light-primary-color: "#b8536d"
  graph-color: var(--primary-color)
  primary-background-color: "#f2f2f2"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#ababab"
  disabled-color: "#ababab"
  # Text colors
  primary-text-color: "#7f7f7f"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#ffffff"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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: "#ababab"
  # 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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Light Purple:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#904eab"
  light-primary-color: "#c983e4"
  graph-color: var(--primary-color)
  primary-background-color: "#f2f2f2"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#ababab"
  disabled-color: "#ababab"
  # Text colors
  primary-text-color: "#7f7f7f"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#ffffff"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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: "#ababab"
  # 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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Light Blue:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#009bb5"
  light-primary-color: "#5ed1eb"
  graph-color: var(--primary-color)
  primary-background-color: "#f2f2f2"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#ababab"
  disabled-color: "#ababab"
  # Text colors
  primary-text-color: "#7f7f7f"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#ffffff"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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: "#ababab"
  # 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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Light Aqua:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#11ab93"
  light-primary-color: "#62e3c8"
  graph-color: var(--primary-color)
  primary-background-color: "#f2f2f2"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#ababab"
  disabled-color: "#ababab"
  # Text colors
  primary-text-color: "#7f7f7f"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#ffffff"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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: "#ababab"
  # 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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Light Green:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#6ca049"
  light-primary-color: "#a1d77b"
  graph-color: var(--primary-color)
  primary-background-color: "#f2f2f2"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#ababab"
  disabled-color: "#ababab"
  # Text colors
  primary-text-color: "#7f7f7f"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#ffffff"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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: "#ababab"
  # 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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Light Yellow:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#d6a245"
  light-primary-color: "#ffd979"
  graph-color: var(--primary-color)
  primary-background-color: "#f2f2f2"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#ababab"
  disabled-color: "#ababab"
  # Text colors
  primary-text-color: "#7f7f7f"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#ffffff"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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: "#ababab"
  # 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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Light Orange:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#d25f36"
  light-primary-color: "#ff9568"
  graph-color: var(--primary-color)
  primary-background-color: "#f2f2f2"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#ababab"
  disabled-color: "#ababab"
  # Text colors
  primary-text-color: "#7f7f7f"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#ffffff"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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: "#ababab"
  # 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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Light Coral:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#fa6e5e"
  light-primary-color: "#ffa792"
  graph-color: var(--primary-color)
  primary-background-color: "#f2f2f2"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#ababab"
  disabled-color: "#ababab"
  # Text colors
  primary-text-color: "#7f7f7f"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#ffffff"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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: "#ababab"
  # 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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Light Pink:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#f36f92"
  light-primary-color: "#ffa8c9"
  graph-color: var(--primary-color)
  primary-background-color: "#f2f2f2"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#ababab"
  disabled-color: "#ababab"
  # Text colors
  primary-text-color: "#7f7f7f"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#ffffff"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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: "#ababab"
  # 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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Light Gray:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#666666"
  light-primary-color: "#989898"
  graph-color: var(--primary-color)
  primary-background-color: "#f2f2f2"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#ababab"
  disabled-color: "#ababab"
  # Text colors
  primary-text-color: "#7f7f7f"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#ffffff"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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: "#ababab"
  # 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(--disabled-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(--secondary-background-color)
  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)

#
#    #####     ##    #####   #    #
#    #    #   #  #   #    #  #   #
#    #    #  #    #  #    #  ####
#    #    #  ######  #####   #  #
#    #    #  #    #  #   #   #   #
#    #####   #    #  #    #  #    #
#

Caule Dark Rose:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#aa3151"
  light-primary-color: "#b8536d"
  graph-color: var(--primary-color)
  primary-background-color: "#1D1B1E"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#37373D"
  disabled-color: "#666666"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#2A282D"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Dark Purple:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 6px
  ha-card-border-width: 0px
  # Main colors
  #primary-color: "#6f42c1"
  #light-primary-color: "#1cfec0"
  primary-color: "#A792F5" #"#BAA8FF" # "#412e9d"
  light-primary-color: "#8bffdc"
  graph-color: var(--primary-color)
  primary-background-color: "#1D1B1E"
  secondary-background-color: "#372d4b" #--var(--primary-background-color)
  divider-color: var(--ha-card-background)
  disabled-color: "#6f5a97"
  # Text colors
  primary-text-color: "#FFEDFD"
  secondary-text-color: var(--light-primary-color)
  text-primary-color: "#FFEDFD"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#2A282D"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

  # big slider card

  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)
##########################################

Caule Dark Blue:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#009bb5"
  light-primary-color: "#5ed1eb"
  graph-color: var(--primary-color)
  primary-background-color: "#1D1B1E"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#37373D"
  disabled-color: "#666666"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#2A282D"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Dark Aqua:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#11ab93"
  light-primary-color: "#62e3c8"
  graph-color: var(--primary-color)
  primary-background-color: "#1D1B1E"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#37373D"
  disabled-color: "#666666"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#2A282D"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Dark Green:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#6ca049"
  light-primary-color: "#a1d77b"
  graph-color: var(--primary-color)
  primary-background-color: "#1D1B1E"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#37373D"
  disabled-color: "#666666"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#2A282D"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Dark Yellow:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#d6a245"
  light-primary-color: "#ffd979"
  graph-color: var(--primary-color)
  primary-background-color: "#1D1B1E"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#37373D"
  disabled-color: "#666666"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#2A282D"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Dark Orange:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#d25f36"
  light-primary-color: "#ff9568"
  graph-color: var(--primary-color)
  primary-background-color: "#1D1B1E"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#37373D"
  disabled-color: "#666666"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#2A282D"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Dark Coral:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#fa6e5e"
  light-primary-color: "#ffa792"
  graph-color: var(--primary-color)
  primary-background-color: "#1D1B1E"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#37373D"
  disabled-color: "#666666"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#2A282D"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Dark Pink:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#f36f92"
  light-primary-color: "#ffa8c9"
  graph-color: var(--primary-color)
  primary-background-color: "#1D1B1E"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#37373D"
  disabled-color: "#666666"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#2A282D"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)

##########################################

Caule Dark Gray:
  # Change the value below 8px to 0px to remove the rounded corners
  ha-card-border-radius: 8px
  # Main colors
  primary-color: "#acacac"
  light-primary-color: "#e2e2e2"
  graph-color: var(--primary-color)
  primary-background-color: "#1D1B1E"
  secondary-background-color: var(--primary-background-color)
  divider-color: "#37373D"
  disabled-color: "#666666"
  # Text colors
  primary-text-color: "#e5e5e5"
  secondary-text-color: var(--disabled-color)
  text-primary-color: "#E5E5E5"
  disabled-text-color: var(--disabled-color)
  text-on-state-color: var(--ha-card-background)
  # 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)
  # 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: "#2A282D"
  paper-card-background-color: var(--ha-card-background)
  paper-listbox-background-color: var(--primary-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(--disabled-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(--secondary-background-color)
  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)
