SMK Family style & branding kit: logo, palette, typography, per-app playbook

2026-08-15 21:37:48 +00:00
commit 7a31c7ed8d
20 changed files with 475 additions and 0 deletions
@@ -0,0 +1,68 @@
+# SMK Home Assistant theme
+# Dark-first, warm amber accent. Drop into config/themes/smk/ as smk.yaml
+# Enable: Profile → Appearance → Theme → "SMK Family"
+
+SMK Family:
+  # Header / top bar
+  primary-color: "#F2A65A"
+  accent-color: "#E8755D"
+  dark-primary-color: "#B35A2E"
+  light-primary-color: "#F7C58C"
+
+  # Backgrounds
+  primary-background-color: "#14161B"
+  secondary-background-color: "#1A1E28"
+  app-header-background-color: "#1A1E28"
+  app-header-text-color: "#F5F0E6"
+  sidebar-background-color: "#1A1E28"
+  sidebar-text-color: "#F5F0E6"
+  sidebar-icon-color: "#F2A65A"
+
+  # Cards & surfaces
+  card-background-color: "#232838"
+  card-mod-background-color: "#232838"
+  ha-card-background: "#232838"
+  card-border-color: "#333A4A"
+  divider-color: "#333A4A"
+
+  # Text
+  text-primary-color: "#F5F0E6"
+  text-secondary-color: "#B9B2A6"
+  primary-text-color: "#F5F0E6"
+  secondary-text-color: "#B9B2A6"
+
+  # States
+  state-icon-color: "#F2A65A"
+  state-icon-active-color: "#F2A65A"
+  state-icon-unavailable-color: "#8A8579"
+  label-badge-background-color: "#232838"
+  label-badge-text-color: "#F2A65A"
+  switch-unchecked-color: "#333A4A"
+  switch-unchecked-track-color: "#2A3040"
+  switch-checked-color: "#F2A65A"
+  switch-checked-track-color: "#B35A2E"
+
+  # Buttons
+  button-background-color: "#F2A65A"
+  button-text-color: "#14161B"
+  paper-button-background-color: "#F2A65A"
+  paper-button-text-color: "#14161B"
+
+  # Inputs
+  input-fill-color: "#2A3040"
+  input-ink-color: "#F5F0E6"
+  input-dropdown-item-color: "#2A3040"
+  input-dropdown-item-text-color: "#F5F0E6"
+
+  # Chips & badges
+  chip-background-color: "#2A3040"
+  chip-text-color: "#F5F0E6"
+  chip-icon-color: "#F2A65A"
+
+  # Misc
+  markdown-code-background-color: "#1A1E28"
+  markdown-code-color: "#F2A65A"
+  table-row-background-color: "#1A1E28"
+  table-row-alternative-background-color: "#232838"
+  background-color: "#14161B"
+  card-mod-card-color: "#232838"