https://github.com/faserf/transparentgray
Homeassistant Transparent Dark Gray Theme.
https://github.com/faserf/transparentgray
hacs-integration homeassistant
Last synced: 5 months ago
JSON representation
Homeassistant Transparent Dark Gray Theme.
- Host: GitHub
- URL: https://github.com/faserf/transparentgray
- Owner: FaserF
- License: mit
- Created: 2021-01-21T15:33:18.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2025-02-20T16:48:25.000Z (over 1 year ago)
- Last Synced: 2025-08-19T21:35:49.646Z (10 months ago)
- Topics: hacs-integration, homeassistant
- Homepage:
- Size: 8.55 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# Transparent Dark Gray Theme 🎨
A transparent dark gray theme for **Home Assistant**.
> Based on the excellent [transparentblue](https://github.com/JOHLC/transparentblue) theme.
## Features ✨
- **Transparent UI**: See your background through the cards.
- **Custom Buttons**: Styled toggles and switches.
- **Animated Backgrounds**: Designed to work with [Lovelace Animated Background](https://github.com/Villhellm/lovelace-animated-background).
## Screenshots 📸

## Installation 🛠️
### 1. Using HACS (Recommended)
1. Open HACS.
2. Add Custom Repository: `https://github.com/FaserF/transparentgray` (Category: Theme).
3. Click **Download**.
4. Select `transparentgray-LAB` in your Profile settings.
### 2. Manual Installation
1. Download `transparentgray.yaml` (or the specific variation you want).
2. Place it in your `themes/` directory.
3. Add the resource reference to `configuration.yaml`.
4. Restart Home Assistant and select the theme.
#### Changing the background image
Have a look [here](https://github.com/JOHLC/transparentblue#changing-the-background-image)
### Old Version
Version 2021-06-07 looked like this:
**transparentgray.yaml**

**transparentgray-other.yaml**
