Bootstrap 5 Theme for Home Assistant

This theme matches the Bootstrap 5.3.3 color palette. It has both a light and dark theme and allows for the "Auto" setting in Home Assistant.

Dark Mode

Light Mode

Usage

Make sure you have themes enabled in your configuration:

frontend:
  # ... your configuration.
  themes: !include_dir_merge_named themes
  # ... your configuration.

With HACS

1. Go to the Community Store.
2. Search for Bootstrap 5 theme.
3. Navigate to Bootstrap 5 theme theme.
4. Press Install.
5. Go to Developer Tools and trigger "All YAML Configuration"

Manual

1. Clone the repository

git clone https://github.com/Eonasdan/home-assistant-bootstrap-5-theme.git

2. Copy themes/bootstrap5.yaml in your existing (or create it) themes/ folder.

mv home-assistant/themes/bootstrap5.yaml ~/config/themes/.