https://github.com/thomasloven/lovelace-theme-maker

https://github.com/thomasloven/lovelace-theme-maker

Last synced: 1 day ago
JSON representation

• Host: GitHub
• URL: https://github.com/thomasloven/lovelace-theme-maker
• Owner: thomasloven
• Created: 2019-04-08T20:33:34.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2022-05-28T13:53:41.000Z (almost 3 years ago)
• Last Synced: 2025-04-05T08:04:58.224Z (25 days ago)
• Language: JavaScript
• Size: 4.88 KB
• Stars: 42
• Watchers: 5
• Forks: 9
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
theme-maker

===========

A card for designing a theme.

# Installation instructions

This card requires [card-tools](https://github.com/thomasloven/lovelace-card-tools) to be installed.

For installation instructions [see this guide](https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins).

The recommended type of this plugin is: `js`

# Usage instructions

```yaml

type: custom:theme-maker

```

Example:

![theme-maker](https://user-images.githubusercontent.com/1299821/55755442-48b13500-5a4f-11e9-9c26-b1e0b8b88f85.png)

Add themeing css variables to get a live preview.

Push "Import/Export" to get the yaml for your theme or paste an existing theme to start from.

# Reference

The [lovelace-css-values](https://github.com/chipriley/lovelace-css-values/) repository (by @chipriley) is available to help us find potential theme variables.

---