Skip to content

Design System: New Fluent theme (dxdsfluent) powered by design tokens, fix hardcoded colors in Widget Gallery - #34698

Merged
pharret31 merged 25 commits into
DevExpress:feature/26_2_new_fluent_theme_with_design_tokensfrom
dmlvr:26_2_new_fluent_theme_with_design_tokens__fix-hardcoded-colors-in-WG
Aug 18, 2026
Merged

Design System: New Fluent theme (dxdsfluent) powered by design tokens, fix hardcoded colors in Widget Gallery#34698
pharret31 merged 25 commits into
DevExpress:feature/26_2_new_fluent_theme_with_design_tokensfrom
dmlvr:26_2_new_fluent_theme_with_design_tokens__fix-hardcoded-colors-in-WG

Conversation

@dmlvr

@dmlvr dmlvr commented Aug 7, 2026

Copy link
Copy Markdown
Contributor

No description provided.

@dmlvr dmlvr self-assigned this Aug 7, 2026
@EugeniyKiyashko
EugeniyKiyashko force-pushed the 26_2_new_fluent_theme_with_design_tokens__fix-hardcoded-colors-in-WG branch from c309987 to d9b0fd4 Compare August 12, 2026 08:14
@pharret31 pharret31 self-assigned this Aug 12, 2026
dmlvr and others added 23 commits August 17, 2026 13:17
… (WG)

Replaces hardcoded colors with var(--dxds-*, original) in AreaSparklines,
BarSparklines, SimpleSparklines, WinlossSparklines, AxisLabelCustomization,
CenterLabelCustomization, ExportCustomMarkup. Fallback preserves the exact
legacy value, so existing themes are visually unaffected; fluent-next
resolves the token.
…mos (WG)

Replaces hardcoded colors with var(--dxds-*, original) in Overview,
CurrentTimeIndicator, Timelines, Templates. Fallback preserves the exact
legacy value, so existing themes are visually unaffected; fluent-next
resolves the token.
…os (WG)

Replaces hardcoded colors with var(--dxds-*, original) in Row,
Row3RdPartyEngineTemplate, RemoteCRUDOperations. Fallback preserves the
exact legacy value. Colors still marked unresolved by designers (#000,
#484848, DevExpress#777 in Row's dark-mode hover rules) are left untouched.
…(WG)

Replaces hardcoded colors with var(--dxds-*, original) in TaskTemplate
(6 of 7 custom task colors, both #fff occurrences) and StripLines.
Fallback preserves the exact legacy value. #7B1FA2 stays untouched
(still unresolved by designers).
…os (WG)

Replaces hardcoded colors with var(--dxds-*, original) in ItemTemplate
and Item3RdPartyEngineTemplate. Fallback preserves the exact legacy value.
… (WG)

Replaces hardcoded colors with var(--dxds-*, original) in
PopupAndNotificationsOverview (#f05b41 across all 6 occurrences,
#ff6a50, #fff) and FormsOverview (#d2d3d5). Fallback preserves the
exact legacy value. rgba(19, 32, 51, 0.8) and rgba(255, 255, 255, 0.4)
stay untouched (still unresolved by designers).
…x and TabPanel demos (WG)

Replaces hardcoded colors with var(--dxds-*, original) in
ResponsiveBox/Overview (5 panel colors + text color) and
TabPanel/Overview (3 priority colors + dark-mode background). Fallback
preserves the exact legacy value. #fff and rgba(0, 0, 0, 0.15) in
TabPanel stay untouched (still unresolved by designers).
…FileUploader demos (WG)

Replaces hardcoded colors with var(--dxds-*, original) in
CustomShapesWithTemplates(+WithEditing), CustomDropzone, FileSelection.
Fallback preserves the exact legacy value.
… Toolbar demos (WG)

Replaces hardcoded colors with var(--dxds-*, original) in Sortable/Kanban
(3 priority colors, #86c285 across both occurrences) and
Toolbar/Adaptability (DevExpress#999, #ddd across both occurrences, #fff).
Fallback preserves the exact legacy value. #adadad and the rgba(...)
boilerplate/shadow colors stay untouched (still unresolved by designers).
…ProgressBar and Gauges demos (WG)

Replaces hardcoded colors with var(--dxds-*, original) in
RadioGroup/Overview (gray/green/orange/red priority dots),
ProgressBar/Overview (green complete state), and Gauges/Overview
(#f05b41 across all 4 CSS occurrences, #fff). Fallback preserves the
exact legacy value. The #f05b41 JS widget-config color (needle/scale,
set via JS API rather than CSS) is out of scope and left untouched.
…r, LoadPanel and MultiView demos (WG)

Replaces hardcoded colors with var(--dxds-*, original) in Box/Overview,
Calendar/Overview, LoadPanel/Overview (both border occurrences),
MultiView/Overview (both border occurrences). Fallback preserves the
exact legacy value. Note: Calendar/Overview's .weekend color rule is
already overridden by higher-specificity theme CSS in both the legacy
and new theme (pre-existing, unrelated to this change).
…Streaming demo (WG)

Replaces hardcoded colors with var(--dxds-*, original) per the exact
selector/property mapping from plan.md §2.2.1: chat-suggestion-card
border/background (rest + hover), card title and prompt text colors.
Fallback preserves the exact legacy value (uppercase hex, as in
source). rgba(0, 0, 0, 0.02/0.04) box-shadow colors stay untouched
(still unresolved by designers).
… Form and Pagination demos (WG)

Replaces hardcoded colors with var(--dxds-*, original) in
ButtonGroup/Overview (#ddd), Form/ItemCustomization (#42a5f5),
Pagination/Overview (#fff). Fallback preserves the exact legacy value.
Completes Phase A of the hardcoded-colors task (39 demos, 84 colors).
@EugeniyKiyashko
EugeniyKiyashko force-pushed the 26_2_new_fluent_theme_with_design_tokens__fix-hardcoded-colors-in-WG branch from 668c4ed to 4aba10b Compare August 17, 2026 09:17
@EugeniyKiyashko
EugeniyKiyashko force-pushed the 26_2_new_fluent_theme_with_design_tokens__fix-hardcoded-colors-in-WG branch 2 times, most recently from 49dba4e to 46788c4 Compare August 18, 2026 08:17
@EugeniyKiyashko
EugeniyKiyashko force-pushed the 26_2_new_fluent_theme_with_design_tokens__fix-hardcoded-colors-in-WG branch from 46788c4 to 1df787d Compare August 18, 2026 09:14
@pharret31
pharret31 marked this pull request as ready for review August 18, 2026 10:05
@pharret31
pharret31 requested review from a team as code owners August 18, 2026 10:05
@pharret31
pharret31 merged commit e0bd634 into DevExpress:feature/26_2_new_fluent_theme_with_design_tokens Aug 18, 2026
167 checks passed
@pharret31
pharret31 deleted the 26_2_new_fluent_theme_with_design_tokens__fix-hardcoded-colors-in-WG branch August 18, 2026 10:08
EugeniyKiyashko added a commit that referenced this pull request Aug 18, 2026
…, fix hardcoded colors in Widget Gallery (#34698)

Co-authored-by: Andrei Kharitonov <pharret31@users.noreply.github.com>
Co-authored-by: EugeniyKiyashko <EugeniyKiyashko@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants