Create green_dark_mode.yaml

Author: Juan

themes/green_dark_mode.yaml

@@ -0,0 +1,67 @@
+# A matte black theme with a green accent color
+# Creater: Juan - @juanmtech
+# Website: https://www.juanmtech.com
+# YouTube Channel: https://youtube.com/juanmtech
+# My Home Assistant Config files: https://github.com/JuanMTech/Home_Assistant_files
+#
+#
+Green Dark Mode:
+  # Header:
+  app-header-background-color: "#1C1D21"
+  app-header-text-color: "#7c7d83"
+  # Main Interface Colors
+  primary-color: "#45AA79"
+  light-primary-color: var(--primary-color)
+  primary-background-color: "#1C1D21"
+  secondary-background-color: var(--primary-background-color)
+  divider-color: var(--primary-background-color)
+  # Text
+  primary-text-color: "#BDC1C6"
+  secondary-text-color: "#BDC1C6"
+  text-primary-color: "#FFFFFF"
+  disabled-text-color: "#717171"
+  # Sidebar Menu
+  sidebar-icon-color: var(--app-header-text-color)
+  sidebar-text-color: '#BDC1C6'
+  sidebar-background-color: "#1C1D21"
+  sidebar-selected-background-color: var(--primary-background-color)
+  sidebar-selected-icon-color: "#45AA79"
+  sidebar-selected-text-color: var(--sidebar-selected-icon-color))
+  # States and Badges
+  state-icon-color: "#636469"
+  state-icon-active-color: "#45AA79"
+  state-icon-unavailable-color: var(--disabled-text-color)
+  # Sliders
+  paper-slider-knob-color: "#45AA79"
+  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: "#202124"
+  label-badge-text-color: "#BDC1C6"
+  label-badge-red: "#D06568"
+  label-badge-green: "#80C884"
+  label-badge-blue: "#5F9BEA"
+  label-badge-yellow: "#DFC271"
+  label-badge-gray: "#5F6267"
+
+  # Cards
+  ha-card-border-radius: "15px"
+  ha-card-box-shadow: 0px
+  paper-card-background-color: "#252629"
+  paper-listbox-background-color: "#1C1D21"
+  # Switches
+  switch-checked-button-color: "#45AA79"
+  switch-checked-track-color: "#347f5a"
+  switch-unchecked-button-color: "#636466"
+  switch-unchecked-track-color: "#636466"
+  # 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: var(--primary-background-color)
+  table-row-alternative-background-color: var(--secondary-background-color)
+  data-table-background-color: var(--primary-background-color)