# thomasloven/lovelace-card-mod

🔹 Add CSS styles to (almost) any lovelace card

Repository: https://github.com/thomasloven/lovelace-card-mod
Canonical: https://ross.abutalabs.com/products/lovelace-card-mod
Language: TypeScript
License: MIT
License Family: permissive
Last push: 2026-07-21T10:55:21+00:00

## Health v2 (maintenance only)
Score: 82/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 93, release rhythm 57, longevity 100
- inputs: {"age_days": 2643, "days_push": 43, "days_rel": 206, "gap_med": 38.0, "n_releases_24m": 7}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1790, forks 188 (observed 2026-08-28T04:05:36.955114+00:00)

## What it is
card-mod is a Home Assistant frontend plugin that lets users apply custom CSS styles to almost any Lovelace dashboard card. It is installed via HACS and hooks into the Home Assistant UI to enable fine-grained visual customization.

## Use cases
- style home assistant lovelace cards with custom css
- customize the appearance of my home assistant dashboard
- change card colors, borders, and shadows in home assistant
- apply css to elements inside lovelace cards
- make my home assistant cards look unique
- theme individual cards in home assistant

## When to choose
- you want pixel-level CSS control over Home Assistant Lovelace cards
- you already use HACS and custom cards
- built-in card styling options are insufficient for your dashboard design

## When to avoid
- you don't use Home Assistant or Lovelace dashboards
- you want a no-code theming solution without writing CSS
- you need a fully supported, officially maintained frontend feature

## Facets
- artifact type: plugin
- maturity: active
- function: css-framework, ui-components, theme
- domain: web-development, frontend, iot
- platform: browser, self-hosted
- tags: home-assistant, lovelace, custom-cards, hacs, css-styling, dashboard-customization, home-automation, web-server

## Member repositories
- thomasloven/lovelace-card-mod (main) score 82

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:36.955114+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:23:17.831268+00:00, confidence not recorded.
  - readme: https://github.com/thomasloven/lovelace-card-mod (fetched 2026-08-28T04:05:36.955114+00:00, sha 566883f9284f)
- Data as of 2026-08-30T08:39:29.467469+00:00.