Nacmias suite · design + implementation reference

Data-Grid Themes

@nacmias-law/data-grid is themed through the --ndg-* variables. Each block below is the same mock grid wrapped in a different theme scope, so the chrome you see is exactly what ships.

Light — :root

Default theme. Neutral slate chrome with a blue accent.
Violations4 rows
Case ID
Matter
Agency
Status
OATH-10241
147 Bay Ridge Ave
OATH
Resolved
DOB-55817
892 Flatbush Ave
DOB
Pending
HPD-30119
44 Court St #3B
HPD
Overdue
DSNY-77204
12 Smith St
DSNY
Resolved

Dark — .rdg-dark

Inverted palette for dark surfaces. Independent of the app's light/dark toggle.
Violations4 rows
Case ID
Matter
Agency
Status
OATH-10241
147 Bay Ridge Ave
OATH
Resolved
DOB-55817
892 Flatbush Ave
DOB
Pending
HPD-30119
44 Court St #3B
HPD
Overdue
DSNY-77204
12 Smith St
DSNY
Resolved

Branded — .rdg-nacmias

Navy accent, IBM Plex Sans, softened borders — overrides only what differs from :root.
Violations4 rows
Case ID
Matter
Agency
Status
OATH-10241
147 Bay Ridge Ave
OATH
Resolved
DOB-55817
892 Flatbush Ave
DOB
Pending
HPD-30119
44 Court St #3B
HPD
Overdue
DSNY-77204
12 Smith St
DSNY
Resolved