feat(presets): introduce dynamic theme presets (Default, Brutalism, Matrix) and token architecture by carllosnc · Pull Request #67 · carllosnc/dashkit

carllosnc · 2026-11-12T21:27:47Z

Summary

This PR introduces dynamic theme presets (Default, Neo-Brutalism, and Matrix Cyber Terminal) across CSS tokens and Dashkit UI components, alongside documentation refactored for LLMs.

Key Changes

Preset Deltas: Added \src/dashkit/presets/brutalist.css, \matrix.css, and \index.css\ scoped to [data-preset].
Dynamic Token Engine: Defined tactile shadows (--ds-button-shadow, --ds-card-shadow), border width (--ds-border-width), pill radius (--ds-pill-radius), and status semantic tokens in \src/dashkit/dashkit.css.
Component Geometry & Surfaces: Bound surfaces, borders, and corner radii across 30+ components to dynamic theme tokens.
Tabs Pills Variant: Added \w-fit\ track sizing and documented the segmented control pills variant in \src/pages/tabs.mdx.
LLM-First Customization Docs: Refactored /docs/customization\ (\customization.mdx) into a column-free, line-structured reference highlighting the 3-Tier AI customization protocol.
Playground & Showcase: Integrated preset switcher tabs into \HomeExamples.tsx\ and restructured \ThemeCustomizer.tsx\ and \CustomizationPlayground.tsx.
CLI & Registry: Updated registry catalog, test exclusions, LLMs references, and bundled CLI binary.

Quality & Verification

1 commit per file as requested.
\�un run test: 61 test files, 351 passed.
\�un run lint: 0 errors.
\�un run build: built successfully.

…pings

…tent

netlify · 2026-11-12T21:27:53Z

✅ Deploy Preview for dashkit ready!

Name	Link
🔨 Latest commit	`51a92ce`
🔍 Latest deploy log	https://app.netlify.com/projects/dashkit/deploys/6af62f56c2dba83ea524e6db
😎 Deploy Preview	https://deploy-preview-67--dashkit.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

carllosnc added 30 commits November 12, 2026 18:25

feat(tokens): define dynamic preset variables and status semantic map…

dddcd6f

…pings

feat(presets): add neo-brutalist theme preset tokens

3da0ec8

feat(presets): add cyber terminal matrix theme preset tokens

a9b75dd

feat(presets): add preset aggregator stylesheet

0dc1caf

fix(portal): sync data-preset and data-dark-bg attributes to portals

ec977e5

test(portal): verify data-preset attribute synchronization

d033328

fix(avatar): update avatar group counter to semantic surface tokens

0f9a5b1

fix(badge): use semantic neutral tokens for solid base badge

a3491d4

fix(breadcrumb): replace dark white text with semantic token

5435ff3

fix(button): support tactile shadows and border tokens in presets

75aac49

fix(button-group): integrate ds-border-width for brutalist borders

0dabccb

fix(card): bind card shadows and borders to theme tokens

f74fdca

fix(checkbox): scale proportional radius and ensure 2px border

82062e8

fix(chip): use ds-pill-radius for geometric consistency

56336ee

fix(circular-progress): map status colors to semantic tokens

1ae7c2d

fix(color-picker): adapt border width and card shadows for presets

8094e59

fix(combobox): apply ds-border-width and ds-card-shadow to popover

2046781

fix(datepicker): apply ds-border-width and ds-card-shadow to calendar

ef48f24

fix(dock): bind dock container to pill radius and card shadow

f6f86da

fix(dock): update dock tooltip surface tokens

5ab7b80

fix(dropdown): use ds-border-width and ds-card-shadow on dropdown con…

1e89596

…tent

fix(dropdown): use semantic text-danger for destructive items

2b071a2

fix(float-action-menu): bind floating surfaces to theme tokens

6606021

fix(icon-button): support tactile shadows and borders in presets

b081acf

test(icon-button): update snapshots and variant checks

696a3ed

fix(input): bind input field to tactile shadows and borders

6fd4c6d

fix(modal): bind dialog surface to ds-border-width and ds-card-shadow

a3bf693

fix(modal): replace hardcoded dark text with semantic token

0998e39

fix(otp-input): bind otp cells to input shadow and border tokens

f388121

fix(popover): bind popover content to ds-border-width and ds-card-shadow

69e71e8

carllosnc added 27 commits November 12, 2026 18:26

fix(progress-bar): use ds-pill-radius for track and indicator

738c00b

fix(select): bind select trigger and content to theme tokens

4a6686a

fix(slider): map track to pill radius and thumb to semantic token

b99284d

fix(stepper): use ds-pill-radius for stepper badges

1714bcc

fix(switch): bind switch track to pill radius and shadow tokens

695a9ff

fix(system-logs): use semantic tokens for terminal container

7e7a6e3

fix(tabs): add w-fit to pills variant track and w-full to root

0728b98

fix(textarea): bind textarea to input shadow and border tokens

5ea37ca

style: import preset stylesheet in showcase styles

18ccd09

feat(docs): register CustomizationPlayground for MDX pages

abaa435

docs(customization): rewrite architecture guide for LLMs without columns

59e07eb

docs(tabs): document pills segmented control variant

1398c81

feat(theme): define presets configuration and token metadata

b51e027

feat(theme): add preset state and updater to ThemeContext

6206bec

feat(theme): apply data-preset attribute and manage preset lifecycle

be84e3b

feat(theme): refactor customizer with preset list and clean tokens

a8b8e9b

feat(docs): add interactive LLM-friendly customization playground

e8b9c3a

feat(showcase): integrate tabs pills preset switcher into showcase

7b8ffc7

fix(showcase): adapt home column one to dynamic tokens

5bf3186

fix(showcase): adapt home column three to dynamic tokens

bf3f2eb

test(registry): exclude presets directory from component registry test

ee6ab3d

fix(cli): support preset stylesheet during component scaffolding

a0a1214

chore(llms): update llms generation script for presets

a1ff48d

chore(registry): update component registry catalog

ef332e1

chore(llms): update llms documentation reference

1a7db4f

chore(llms): update full llms documentation reference

bc4cf5c

chore(cli): update bundled CLI binary

51a92ce

carllosnc merged commit b61c686 into master Nov 12, 2026
5 checks passed

carllosnc deleted the feat/theme-presets branch November 12, 2026 21:37

Navigation Menu

Repository navigation

feat(presets): introduce dynamic theme presets (Default, Brutalism, Matrix) and token architecture - #67

feat(presets): introduce dynamic theme presets (Default, Brutalism, Matrix) and token architecture#67
carllosnc merged 57 commits into
masterfrom
feat/theme-presets

carllosnc commented Nov 12, 2026

Uh oh!

netlify Bot commented Nov 12, 2026 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

carllosnc commented Nov 12, 2026

Summary

Key Changes

Quality & Verification

Uh oh!

netlify Bot commented Nov 12, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for dashkit ready!

Uh oh!

Uh oh!

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

netlify Bot commented Nov 12, 2026 •

edited

Loading