DangerousThings/dt-design-system
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove supra brand from design system

Browse Source 
Supra (VivoKey MD3 theme) has been extracted into a standalone
Dangerous-Pi theme plugin. Remove all supra references from tokens,
web CSS, showcase apps, and documentation.

- Delete supra brand tokens and elevation.css
- Update ThemeBrand type to "dt" | "classic"
- Remove supra from CSS generation, imports, and bevels
- Update CLAUDE.md and package READMEs

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
michael
2026-03-04 10:36:04 -08:00
parent da84736b4b
commit baf8cd3b2a
11 changed files with 308 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/web/README.md
View File

@@ -1,6 +1,6 @@
# @dangerousthings/web
Web CSS themes and components for the Dangerous Things design system — bevels, glows, form styles, and elevation patterns powered by CSS custom properties.
Web CSS themes and components for the Dangerous Things design system — bevels, glows, and form styles powered by CSS custom properties.
## Install
@@ -26,7 +26,6 @@ Or import individual pieces:
@import "@dangerousthings/web/components/bevels.css";
@import "@dangerousthings/web/components/glows.css";
@import "@dangerousthings/web/components/forms-dt.css";
@import "@dangerousthings/web/components/elevation.css";
```
### Switching Brands
@@ -39,9 +38,6 @@ Swap the token import to change the entire look:
/* Dark navy + magenta */
@import "@dangerousthings/web/tokens/classic.css";
/* Material Design 3 */
@import "@dangerousthings/web/tokens/supra.css";
```
### Theme Registry (JS)
@@ -59,7 +55,6 @@ import { themes, brands } from "@dangerousthings/web/theme-registry";
| `bevels.css` | Angular clip-path bevels for cards, buttons, labels, modals, drawers |
| `glows.css` | Neon drop-shadow and text-shadow effects for clipped and standard elements |
| `forms-dt.css` | Text inputs, checkboxes, switches, radio buttons, progress bars, accordions, quantity steppers |
| `elevation.css` | Shadow elevation levels for the Supra / MD3 brand |
### Key Classes
@@ -67,8 +62,6 @@ import { themes, brands } from "@dangerousthings/web/theme-registry";
**Glows** — `.dt-glow`, `.dt-glow-strong`, `.dt-glow-inset`, `.dt-text-glow`
**Elevation** — `.supra-elevation-1` through `.supra-elevation-5`
## Exports
| Path | Description |