--- title: Merge Proposal: Design System Theming | daily.dev description: The Gutenberg Components Team is proposing to merge a foundational design system theming layer into WordPress core. The proposal introduces a comprehensive set... canonical: https://daily.dev/posts/merge-proposal-design-system-theming-8tameu9qb twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Merge Proposal: Design System Theming | daily.dev og:description: The Gutenberg Components Team is proposing to merge a foundational design system theming layer into WordPress core. The proposal introduces a comprehensive set... og:url: https://daily.dev/posts/merge-proposal-design-system-theming-8tameu9qb og:image: https://api.daily.dev/og/posts/8tAMeU9qb.png og:image:alt: Merge Proposal: Design System Theming og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Merge Proposal: Design System Theming **[Make WordPress Core](https://daily.dev/sources/wordpresscore)** · 6 min read · 2 upvotes · 0 comments ## Summary The Gutenberg Components Team is proposing to merge a foundational design system theming layer into WordPress core. The proposal introduces a comprehensive set of CSS custom property-based design tokens and a React ThemeProvider component, packaged as wp-theme stylesheet and JavaScript assets. The tokens follow the W3C Design Tokens Community Group specification and support color, typography, border, and elevation styling. Key benefits include a color ramp generator from seed colors with accessible contrast, plugin developer branding support, and a pathway to features like dark mode. The initial merge targets WordPress 7.1, with the user color scheme being applied to the Site Editor as a notable early feature. Future work includes universal token availability across all admin screens and enhanced user customization. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What is being proposed for merge into WordPress core to support theming? A core wp-theme stylesheet with prebuilt CSS custom properties for the default WordPress theme, plus a core wp-theme JavaScript package containing a React ThemeProvider component for extending that theme in parts of the admin interface. The tokens follow the W3C Design Tokens Community Group (DTCG) specification and can be imported into tools like Figma. _Contributors tracking WordPress admin theming changes can follow proposals like this on daily.dev._ ### How will the new WordPress theming system affect the Site Editor in WordPress 7.1? WordPress 7.1 applies the user color scheme to the Site Editor, powered by the new theming implementation built on design tokens and the ThemeProvider component. This is called out as a noteworthy near-term impact even though broader adoption across all admin screens and features like dark mode are planned for later releases. _Developers planning around a WordPress release can track theming changes like this via daily.dev._ ### Why is WordPress adopting the W3C Design Tokens (DTCG) specification for its admin design system? WordPress's new theme design tokens follow the DTCG specification because it represents where the software industry is moving, with adoption already appearing in tools like Figma, which supports importing design tokens as variables. Following a documented, semantic standard also makes tokens easier for both developers and AI agents to understand and use consistently. _Teams evaluating design token standards can keep up with adoption stories like this on daily.dev._ ## Similar posts on daily.dev - [Proposal: Minor updates to the WordPress Core CSS Coding Standards](https://daily.dev/posts/proposal-minor-updates-to-the-wordpress-core-css-coding-standards-5bumb7ep6) · Make WordPress Core · 2 upvotes · 0 comments - [Design Systems, Tokens and AI](https://daily.dev/posts/design-systems-tokens-and-ai-ywsx6j0z6) · Telerik · 0 upvotes · 0 comments - [Exploring Multi-Brand Systems with Tokens and Composability – Frontend Masters Blog](https://daily.dev/posts/exploring-multi-brand-systems-with-tokens-and-composability-frontend-masters-blog-ytbdxgasf) · Frontend Masters · 0 upvotes · 0 comments - [What’s new in Gutenberg 23.2? \(21 May\)](https://daily.dev/posts/what-s-new-in-gutenberg-23-2-21-may--k0ihdonpl) · Make WordPress Core · 0 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#react](https://daily.dev/tags/react), [#css](https://daily.dev/tags/css), [#wordpress](https://daily.dev/tags/wordpress), [#ui-design](https://daily.dev/tags/ui-design) [View this post on daily.dev](https://daily.dev/posts/merge-proposal-design-system-theming-8tameu9qb) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Merge Proposal: Design System Theming","url":"https://daily.dev/posts/merge-proposal-design-system-theming-8tameu9qb","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/merge-proposal-design-system-theming-8tameu9qb"},"datePublished":"2026-07-07T15:38:58.207Z","dateModified":"2026-09-14T06:48:02.637Z","description":"The Gutenberg Components Team is proposing to merge a foundational design system theming layer into WordPress core. The proposal introduces a comprehensive set...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/6ad4f5b66be737a1618019916626b1bd?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/6ad4f5b66be737a1618019916626b1bd?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Make WordPress Core","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Make WordPress Core","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/892d1a79e30e4e8a911b5726c6fb1a06","url":"https://daily.dev/sources/wordpresscore"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/merge-proposal-design-system-theming-8tameu9qb","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,react,css,wordpress,ui-design","timeRequired":"PT6M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Make WordPress Core","item":"https://daily.dev/sources/wordpresscore"},{"@type":"ListItem","position":3,"name":"Merge Proposal: Design System Theming"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/merge-proposal-design-system-theming-8tameu9qb#faq","mainEntity":[{"@type":"Question","name":"What is being proposed for merge into WordPress core to support theming?","acceptedAnswer":{"@type":"Answer","text":"A core wp-theme stylesheet with prebuilt CSS custom properties for the default WordPress theme, plus a core wp-theme JavaScript package containing a React ThemeProvider component for extending that theme in parts of the admin interface. The tokens follow the W3C Design Tokens Community Group (DTCG) specification and can be imported into tools like Figma. Contributors tracking WordPress admin theming changes can follow proposals like this on daily.dev."}},{"@type":"Question","name":"How will the new WordPress theming system affect the Site Editor in WordPress 7.1?","acceptedAnswer":{"@type":"Answer","text":"WordPress 7.1 applies the user color scheme to the Site Editor, powered by the new theming implementation built on design tokens and the ThemeProvider component. This is called out as a noteworthy near-term impact even though broader adoption across all admin screens and features like dark mode are planned for later releases. Developers planning around a WordPress release can track theming changes like this via daily.dev."}},{"@type":"Question","name":"Why is WordPress adopting the W3C Design Tokens (DTCG) specification for its admin design system?","acceptedAnswer":{"@type":"Answer","text":"WordPress's new theme design tokens follow the DTCG specification because it represents where the software industry is moving, with adoption already appearing in tools like Figma, which supports importing design tokens as variables. Following a documented, semantic standard also makes tokens easier for both developers and AI agents to understand and use consistently. Teams evaluating design token standards can keep up with adoption stories like this on daily.dev."}}]} ```