@wasd/design-system-theme-duct-tape
v0.1.2
Published
Repair-kit theme for the WASD design system with playful tape-strip surfaces, ink borders, bright utility colors, hard offset shadows, and light/dark color modes.
Downloads
309
Readme
@wasd/design-system-theme-duct-tape
Repair-kit theme for the WASD design system with playful tape-strip surfaces, ink borders, bright utility colors, hard offset shadows, and light/dark color modes.
Import @wasd/design-system-theme-duct-tape/css before component CSS, then use
data-wasd-theme="duct-tape" to select it. Set
data-wasd-color-scheme="light" or data-wasd-color-scheme="dark" to force a
mode; omit data-wasd-color-scheme to follow user color-scheme preferences.
Theme Exports
This package exports ductTapeTheme, ductTapeLightTheme,
ductTapeDarkTheme, ductTapeThemeModes, DuctTapeTheme, and the generic
WasdTheme / WasdThemeModes types from @wasd/design-system-theme.
The JS entry is pure theme data. Runtime CSS is only included by importing
@wasd/design-system-theme-duct-tape/css.
The CSS entry also provides theme-owned Quicksand assets for sans typography and Roboto Mono assets for code typography.
