Sunes Dark Theme

# Theme based on Github Dark Theme
# Creator: Sune

Sunes Dark Theme:
  # Header:
  app-header-background-color: "#161B22"
  app-header-text-color: "#f6f8fa"

  # Main Interface Colors
  primary-color: "#1F6FEB" #was 79b8ff

  dark-primary-color: "#005cc5"
  #  primary-background-color: "#06090F"
  primary-background-color: black
  secondary-background-color: "#21262D"
  divider-color: "#21262D"
  accent-color: "#1F6FEB"
  # Text
  primary-text-color: "#C3CBD4"
  secondary-text-color: "#959da5"
  text-primary-color: "#f6f8fa"
  disabled-text-color: "#d1d5da"
  # Sidebar Menu
  sidebar-icon-color: "#8b949e"
  sidebar-text-color: "#C3CBD4"
  sidebar-background-color: "#0D1117"
  sidebar-selected-background-color: "#21262D"
  sidebar-selected-icon-color: "#F78166"
  sidebar-selected-text-color: "#c9d1d9"
  # Buttons
  paper-item-icon-color: "#8b949e"
  #paper-item-icon-active-color: "#0366d6"
  paper-item-icon-active-color: "#003672"
  # States and Badges
  state-icon-color: "#8b949e"
  state-icon-active-color: "#2188ff"
  state-icon-unavailable-color: var(--disabled-text-color)
  # Sliders
  paper-slider-knob-color: "#2188ff"
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  # Labels
  label-badge-background-color: "#0D1117"
  label-badge-text-color: "#C3CBD4"
  label-badge-red: "#d73a49"
  label-badge-green: "#28a745"
  label-badge-blue: "#0366d6"
  label-badge-yellow: "#dbab09"
  label-badge-gray: "#0D1117"
  # Cards
  card-background-color: black
  #  card-background-color: "#21262D"
  #  ha-card-border-radius: "6px"
  ha-card-border-radius: 1px
  ha-card-background: none
  ha-card-box-shadow: none

  #  ha-card-box-shadow: "0px 0px 0px 1px #30363d"
  #  ha-card-box-shadow: 5px
  paper-dialog-background-color: var(--card-background-color)
  paper-listbox-background-color: var(--card-background-color)
  paper-card-background-color: var(--card-background-color)
  # Switches
  switch-checked-button-color: "#1F6FEB"
  switch-checked-track-color: "#1F6FEB"
  switch-unchecked-button-color: "#959da5"
  switch-unchecked-track-color: "#959da5"
  # Toggles
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  # Table
  table-row-background-color: "#0D1117"
  table-row-alternative-background-color: "#161B22"
  data-table-background-color: "#0D1117"
  mdc-checkbox-unchecked-color: "#8b949e"
  # Dropdowns
  material-background-color: var(--secondary-background-color)
  material-secondary-background-color: var(--primary-background-color)
  # mdc-theme-surface: var(--primary-background-color)
  # Pre/Code
  markdown-code-background-color: "#2F363D"
  # Customs
  bar-card-color: "#1F6FEB"
  bar-card-border-radius: "6px"

  # Mini Media Player
  mini-media-player-name-font-weight: "700"
  mini-media-player-base-color: white #The color of base text & buttons
  mini-media-player-accent-color: var(--accent-color) #The accent color of UI elements
  #mini-media-player-icon-color: var(--paper-item-icon-color, #44739e)
  mini-media-player-icon-color: "#44739e"
  mini-media-player-button-color: rgba(255,255,255,0.25) #The background color of shortcut and group buttons.
  mini-media-player-overlay-color: rgba(0,0,0,0.5) #The color of the background overlay
  mini-media-player-overlay-color-stop: 25% #The gradient stop of the background overlay
  mini-media-player-overlay-base-color: white #The color of base text, icons & buttons while artwork cover is present
  mini-media-player-overlay-accent-color: white #The accent color of UI elements while artwork cover is present
  mini-media-player-media-cover-info-color: white #Color of the media information text while artwork cover is present
  mini-media-player-background-opacity: 1 #Opacity of the background
  mini-media-player-artwork-opacity: 1 #Opacity of cover artwork
  mini-media-player-progress-height: 6px #Progressbar height
  mini-media-player-scale: 1.8 #Scale of the card


  # HA Card CSS