Skip to content

Latest commit

 

History

16 Commits

Folders and files

Repository files navigation

SilkCircuit — A Neon Dream for Home Assistant 🌃🦋

SilkCircuit Theme Preview

Electric purple, neon cyan, and a signature pink glow on deep, near-black backgrounds.

#e135ff   #ff6ac1   #ff00ff   #80ffea   #50fa7b   #f1fa8c   #ff6363

SilkCircuit is the femme-forward face of the SilkCircuit design language, brought to Home Assistant — high-tech and luminous, as stylish as it is readable.

🎨 Variants

Six themes ship in one file. Pick any of them from your profile — they all appear in the theme picker.

Variant Signature Vibe Surface
SilkCircuit #e135ff The flagship neon experience #12101a
SilkCircuit Vibrant #ff00ff Punchier, magenta-forward #0f0c1a
SilkCircuit Soft #e892ff Gentle pastels for long sessions #1a1626
SilkCircuit Glow #ff00ff Ultra-dark, pure neon, max contrast #0a0816
SilkCircuit Dawn #7e2bd5 Light theme for daytime #faf8ff
SilkCircuit Auto 🌗 Follows system light/dark — Dawn by day, Neon by night adaptive

All variants share the same semantic palette: purple for primary actions, cyan for interaction, green for "on", red for "off", yellow for attention, and a pink glow on cards and dialogs.

💅 Highlights

  • Real SilkCircuit palette — the canonical neon colors, not an approximation
  • Five hand-tuned variants + an auto light/dark theme for every room and time of day
  • Crystal-clear contrast — bright, readable text on luxurious backgrounds
  • Glowing accents — cards, dialogs, and controls that pulse with neon energy
  • Comprehensive coverage — sliders, switches, MDC inputs, climate, energy, badges, and more
  • Card-mod enhancements — sidebar gradient, glow-on-hover cards, hazy dialog backdrops

💿 Installation

HACS (Recommended)

  1. Ensure HACS is installed in your Home Assistant
  2. Navigate to HACS → Frontend
  3. Click the + button and search for SilkCircuit
  4. Click Install, then restart Home Assistant

Manual

  1. Download silkcircuit.yaml from the themes folder
  2. Place it in a themes folder in your Home Assistant config directory
  3. Add to your configuration.yaml (if not already present):
    frontend:
      themes: !include_dir_merge_named themes
  4. Restart Home Assistant

💫 Activate the Magic

  1. Click your username in the sidebar
  2. Under Theme, pick any SilkCircuit variant
  3. Bask in the neon glow

🌙 Set as Default

frontend:
  themes: !include_dir_merge_named themes
  default_theme: SilkCircuit

The SilkCircuit Auto variant respects Home Assistant's light/dark mode automatically — set it as your default and it switches between Dawn and Neon with the system.

🛠️ Development

The theme file is generated — every visual rule lives once in the build script and is expanded across all variants, so a variant is just its palette. Don't hand-edit themes/silkcircuit.yaml; edit the script and regenerate:

python3 scripts/build_theme.py   # or: uv run scripts/build_theme.py

Palettes are lifted from the source of truth in silkcircuit-nvim. To tweak a color or add a variant, edit PALETTES in scripts/build_theme.py. The script self-checks that every var(--color-*) it references is defined for every variant.

📌 Requirements

  • Home Assistant 2023.3.0 or newer
  • Card-mod (auto-installed via HACS)

📜 License

Licensed under the MIT License — see the LICENSE file for details.

Created by Stefanie Jane 🌠

If you like this, star the repo and buy me a Monster Ultra Violet! ⚡️

Releases

Sponsor this project

Packages

Used by

Contributors

Languages