Skip to content

feat(core): render group dock accentColor on group button and popover - #509

Merged
antfu merged 1 commit into
mainfrom
feat/dock-group-accent-color
Aug 4, 2026
Merged

feat(core): render group dock accentColor on group button and popover#509
antfu merged 1 commit into
mainfrom
feat/dock-group-accent-color

Conversation

@antfubot

@antfubot antfubot commented Aug 4, 2026

Copy link
Copy Markdown
Collaborator

Description

@devframes/hub (already pinned at 0.8.0 via catalog:deps) added an optional accentColor to DevframeViewGroup — see devframes/devframe@191e81c. Its doc comment says the viewer may use it to style the group button and/or its popover, falling back to default styling when unset. This wires that field through the rendering path in @vitejs/devtools:

  • Adds accent-color.ts, small :style-object helpers (accentTextStyle, accentActiveStyle) for an arbitrary runtime color, mirroring the existing getHashColorFromString/HashBadge pattern for colors that can't become build-time UnoCSS classes.
  • DockEntry.vue accepts an optional accentColor prop, applied only while selected.
  • DockGroupButton.vue forwards group.accentColor to the underlying DockEntry (top-bar group button).
  • DockGroupPopover.vue accents its header and the selected member row.
  • DockGroupSidebar.vue accents the group anchor icon, a selected member button, and the "show more" overflow button, for the vertical-rail variant.

All fall back to the existing default Uno classes (text-primary / bg-active) exactly when accentColor is unset.

Linked Issues

Additional context

Verified with pnpm typecheck, eslint on the touched files, and the full pnpm test suite (all passing) — no new tests added since this is pure inline-style/rendering wiring behind an already-typed optional field, with no new branching logic beyond the existing fallback convention.


Created with the help of an agent.

Reads the new @devframes/hub@0.8.0 DevframeViewGroup.accentColor field
and applies it to the group button, its popover, and the sidebar
variant, falling back to the existing default styling when unset.
@antfu
antfu merged commit a2d20bf into main Aug 4, 2026
9 checks passed
@antfu
antfu deleted the feat/dock-group-accent-color branch August 4, 2026 00:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants