Infrastructure

Ensure at all times the editor reflects the front faithfully.

• Create the concept of implicit style attributes to control the appearance of the block. Common Block Functionality #15450 Introduce a support key for support global style colors in blocks #21021
• Centralize style mappings Centralize style mappings declaration #25051
• Migrate existing attributes (font-size, color) and introduce missing properties (line-height, family). Consolidate the style attributes of blocks #22700
  • font-size: paragraph (Make font size an implicit attribute of the block #21153), heading (Add font size control for heading block #21431)
  • line-height: paragraph (Paragraph: Add LineHeightControl + Attribute #20775), heading (Heading: Add line height support #21215)
  • color: paragraph (Update the paragraph block to use the colors support key #21037), heading (Update the heading block to use the colors hook #21039)
  • set colors individually block.json: set color property individually #24927
  • weight Add font weight picking mechanism #24978
  • family Enabling global styles to handle custom font declarations #23204
• Evolve a theme.json specification for controlling the editor and the style attributes of different origins. Document experimental theme.json #22518 Block editor: Controlling the Block Editor #20588
• Merge the different style origins (block, theme, user). Consolidate overall Global Styles mechanics in the server #20047 Manage CSS for Global Styles #20290
• Generate front-end styles using the new system. Add: Global styles css variables generation mechanism #19883
• Generate editor styles using the new system. Open up theme.json processing  #22520

Interface

These are the different tools that interact with appearance values.

• Expose global styles tool in edit-site. This should be a straightforward rendering of a sidebar in the site editor displaying the global values and palette. Add global styles sidebar at edit site screen #24250
• Allow users to modify some style attributes in the global styles panel. Global styles interface with styling for v1 #20367
  • colors: link colors (link, hover / focus, active) Global styles: link color setting #21032
  • typography: font families, font size, line height. Global styles: base font and scale #21030 Global styles: heading and text font families #21028 Global styles: add text styles to blocks #20773
  • reset modifications to theme defaults. Global styles: resetting #20868
• Develop interface components to operate with new attributes. Prior art in font sizes and color panel. Global styles interface with styling for v1 #20367
  • line-height to Paragraph and Heading inspectors. Explore adding line height to paragraph and heading blocks #20339

Infrastructure

• Stabilize:
  • (one pr remaining to merge) Client: review there's no duplication and improve the way metadata is structured.
  • Server-client metadata: do not send data we already have Reduce the amount of data Global Styles sends to the client #26802
  • Server: consolidate theme.json entity Reduce the amount of data Global Styles sends to the client #26802
  • Server: consolidate theme.json processor Update mechanism that resolves Global Styles data #27237
  • Prepare a core patch for 5.7 (closed) Global Styles in WordPress 5.7 #27506
• theme.json
  • Consolidate dynamic selectors (selectors for blocks that represent multiple HTML elements, such as heading or list). Try new syntax for dynamic selectors #24423 Add: Mechanism to detect if a block instance matches a global styles selector #26945
  • Control design tools visibility (superseded) Controlling design tools visibility #27295
  • Make settings & styles top-level keys Updates to experimental-theme.json #28163
  • Split global selector into defaults and root Update theme.json: split global block selector into root and defaults #28533
    /24165.
• Style properties
  • font-style Block Support: Add font style and weight options with combined UI #26444 Block Support: Separate opt in for font style and weight options #26844
  • font-weight Block Support: Add font style and weight options with combined UI #26444 Block Support: Separate opt in for font style and weight options #26844
  • text-decoration Block Support: Add text decoration block support using CSS variables #26059
  • text-transform Block Support: Add text transform block support using CSS variables #26060
  • Padding (global UI + theme.json) Global Styles: update metadata and add support for padding #27099 Add padding control to the Global Styles sidebar #27154
  • border-radius Block Support: Add border radius support #25791
• Presets
  • Make them translatable via theme.json Extract translatable strings from theme.json files wp-cli/i18n-command#224 Global Styles: Use context when translating entries in theme.json #28246
  • Allow creating presets in contexts other than global. Automatically generate required preset classes #25768
  • Allow creating user-defined color palettes. Update: Restrict edition of theme colors by users. #27250
  • Allow presets to use other preset variables Preset controls need the preset CSS variables in scope #26511

Interface

• Make editor controls reflect styles, whether they come from theme or user. Add color reference mechanism #21490 Add link color component #22722 Global Styles Color Palette editor default to theme/core pallete. #26783 Update: Use theme and core styles as defaults on the global styles #26786
• Reset to theme defaults Global Styles: Add button to reset color palette #26975

block.json / block supports:

• Next iteration of block supports mechanism #28913 Add support for skip serialization to all properties. Core blocks can be migrated iteratively.
• Support for border properties  #29616 border-width, border-style, border-color
• Add a layout config to the group and theme.json and make alignments declarative #29335 Alignments
• Link Color: substitute the CSS Custom Property by the mechanism used in layout and duotone #31488 link color: make it work like layout or duotone. Link color doesn't work for author role #25151 Will also fix link color for author roles.

theme.json:

• Changes to theme.json #29891 Changes to theme.json
• Versioning theme.json from the theme, implemented as part of Update shape of theme.json #30541
• Default Colors, Theme Colors, and Custom Colors #29568 colors: allow having defaults, theme, and custom
• Custom controls, block supports, and theme.json #29778 Theme authors should be able to use any styles in theme.json independently from the block.json support.
• Make theme.json cross-platform (web & mobile) #24165 Mobile: confirm there are not blockers to make theme.json cross-platform (web & mobile).
• FSE: theme data for Global Styles and Templates #30191 Use wp_theme taxonomy instead of post_name to associate user styles with particular themes.

Internationalization:

• Themes: Translate custom templates in theme.json #29828 theme.json: customTemplates.
• block supports: allow changing UI control labels Color controls: take labels from block supports #29155 (discarded, instead we rephrased the labels to be more adequate for different contexts) Inspector Controls: Rephrase, polish, and make consistent color labels. #30075

Docs:

• Update theme.json docs to make clear what's part of WordPress 5.8 and what's part of the plugin. Update theme.json docs for WordPress 5.8 #33131
• Update theme support docs to state that link color is now stable and part of Wordpress core, using theme.json. The experimental-link-color theme support will be deprecated and removed when the plugin requires WordPress 5.8 as the minimum version. Update documentation for link color in WordPress 5.8 #33162
• Update docs for block supports, including a note about __experimentalSkipSerialization.

Extensibility:

• Add extensibility hooks to global styles infrastructure #27504 Hooking into the lifecycle of GS: stabilize API and define what sort of hooks do we need.
• How to filter block_editor_settings & global styles settings #30082 Block editor settings & global styles settings.

Bug fixes

• Disable/Enable custom colors, gradients, and font sizes Fix: Logic to enable custom colors, gradients, and font sizes. #32200
• Empty color palette should disable the feature Fix: Allow themes to disable the color and gradients palette. #32225 Enqueue core and theme colors by using separate structures per origin. #32358
• settings.color no longer have the theme colors Theme's color palette no longer returned via Block Editor settings #32027 Enqueue core and theme colors by using separate structures per origin. #32358
• Block presets generate incorrect styles Theme.json: Incorrect selectors are used when color palettes are added to blocks #31660