bisschen ordner, bisschen sensor, bisschen so

configuration.yaml

@@ -1,7 +1,23 @@
 http:
   server_port: 80
 
+system_health:
+history:
+discovery:
+sun:
+config:
+mobile_app:
+
+sensor: !include_dir_merge_list sensors
+switch: !include_dir_merge_list switches
 group: !include groups.yaml
 automation: !include automations.yaml
 script: !include scripts.yaml
 scene: !include scenes.yaml
+
+frontend:
+  javascript_version: latest
+  themes: !include_dir_merge_named themes
+
+lovelace:
+  mode: yaml

sensors/sensors.yaml

@@ -0,0 +1,19 @@
+- platform: ber_status
+
+- platform: systemmonitor
+  resources:
+    - type: disk_use_percent
+      arg: /
+    - type: memory_use_percent
+    - type: processor_use
+    - type: last_boot
+
+- platform: command_line
+  name: CPU Temperature
+  command: "cat /sys/class/thermal/thermal_zone0/temp"
+  unit_of_measurement: "°C"
+  value_template: "{{ (value | multiply(0.001)) | round(1) }}"
+
+- platform: command_line
+  name: Python Version
+  command: "python3 --version"

themes/clear_dark.yaml

@@ -0,0 +1,58 @@
+clear_dark:
+  # Colors
+  text-color: "#DADADB" # Grey text
+  text-medium-light-color: "#A0A2A8" # Medium-light grey text
+  text-medium-color: "#80828A" # Medium grey text
+  text-dark-color: "#6A6B74" # Dark grey text
+  accent-color: "#008bef" # Blue
+  accent-medium-color: "#2686c1" # Decent blue
+  background-color: "#3b4049" # Dark grey background
+  background-color-2: "#484E59" # Light grey background
+  background-card-color: "#434952" # Grey background
+  border-color: "#383C46" # Grey border
+
+  # Header
+  primary-color: "#363941" # Background
+  text-primary-color: "var(--text-color)" # Text
+
+  # Left Menu
+  paper-listbox-background-color: "var(--background-color)" # Background
+  sidebar-icon-color: "var(--text-medium-color)" # icons
+  sidebar-selected-icon-color: "var(--text-medium-light-color)" # Selected row icon and background (15%)
+  sidebar-selected-text-color: "var(--text-color)" # Selected row label
+
+  # UI
+  paper-card-header-color: "var(--text-color)" # Title in settings
+  primary-background-color: "var(--background-color)" # Background (also title background in left menu)
+  mdc-theme-primary: "var(--accent-medium-color)" # Action Buttons (save, restart etc.)
+
+  # Card
+  paper-card-background-color: "var(--background-card-color)" # Background
+  dark-primary-color: "var(--text-color)"
+  primary-text-color: "var(--text-color)"
+  paper-listbox-color: "var(--text-color)"
+  light-primary-color: "var(--text-dark-color)"
+  secondary-text-color: "var(--text-medium-color)"
+  disabled-text-color: "var(--text-dark-color)"
+  paper-dialog-button-color: "var(--text-color)"
+  secondary-background-color: "var(--background-color-2)" # Background more info title
+
+  # Icons
+  paper-item-icon-color: "var(--text-dark-color)" # Off
+  paper-item-icon-active-color: "var(--accent-color)" # On
+
+  # Switches
+  paper-toggle-button-checked-button-color: "var(--text-medium-light-color)" # Knob On
+  paper-toggle-button-checked-bar-color: "#009FFF" # Background On
+  paper-toggle-button-unchecked-button-color: "var(--text-medium-light-color)" # Knob Off
+  paper-toggle-button-unchecked-bar-color: "#767682" # Background Off
+
+  # Shadows
+  shadow-elevation-2dp_-_box-shadow: "inset 0px 0px 0px 1px var(--border-color)"
+  shadow-elevation-4dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
+  shadow-elevation-6dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
+  shadow-elevation-8dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
+  shadow-elevation-10dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
+  shadow-elevation-12dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
+  shadow-elevation-14dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
+  shadow-elevation-16dp_-_box-shadow: "0px 0px 0px 3px var(--text-dark-color)"

themes/clear_light.yaml

@@ -0,0 +1,52 @@
+clear_light:
+  # Colors
+  text-color: "#636B75" # Grey text
+  text-medium-color: "#8c96a5" # Medium grey text
+  text-light-color: "#BAC0C6" # Light grey text
+  accent-color: "#00a1ff" # Blue
+  background-color: "#F7F8F9" # Light grey background
+  background-color-2: "#F4F5F6" # Light grey background
+  background-card-color: "rgba(255,255,255,1.0)" # White background
+  border-color: "#EAEAEA" # Light grey border
+
+  # Header
+  primary-color: "var(--text-color)" # Background
+  text-primary-color: "#FFF" # Text
+
+  # Left Menu
+  paper-listbox-background-color: "var(--background-color)" # Background
+
+  # UI
+  paper-card-header-color: "var(--text-color)" # Title in settings
+  primary-background-color: "var(--background-color)" # Background (also title background in left menu)
+
+  # Card
+  paper-card-background-color: "var(--background-card-color)" # Background
+  dark-primary-color: "var(--text-color)"
+  primary-text-color: "var(--text-color)"
+  paper-listbox-color: "var(--text-color)"
+  light-primary-color: "var(--text-light-color)"
+  secondary-text-color: "var(--text-medium-color)"
+  disabled-text-color: "var(--text-light-color)"
+  paper-dialog-button-color: "var(--text-color)"
+  secondary-background-color: "var(--background-color-2)" # Background more info title
+
+  # Icons
+  paper-item-icon-color: "var(--text-light-color)" # Off
+  paper-item-icon-active-color: "var(--accent-color)" # On
+
+  # Switches
+  paper-toggle-button-checked-button-color: "#FFF" # Knob On
+  paper-toggle-button-checked-bar-color: "#0077FF" # Background On
+  paper-toggle-button-unchecked-button-color: "#FFF" # Knob Off
+  paper-toggle-button-unchecked-bar-color: "var(--disabled-text-color)" # Background Off
+
+  # Shadows
+  shadow-elevation-2dp_-_box-shadow: "inset 0px 0px 0px 1px var(--border-color)"
+  shadow-elevation-4dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
+  shadow-elevation-6dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
+  shadow-elevation-8dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
+  shadow-elevation-10dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
+  shadow-elevation-12dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
+  shadow-elevation-14dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
+  shadow-elevation-16dp_-_box-shadow: "0px 0px 0px 3px var(--light-color)"