[HelpHub] Styles overview

[femkreations]

Article: https://wordpress.org/support/article/styles-overview/

Updating for 6.1

• Allow setting Letter case and Decoration to 'None' and add Letter case to Global Styles. 44067
• Block Spacing: using spacing controls for block gap values to support presets in the UI. 43466
• Improve appearance of controls in the Global Styles Typography panel. 43304
• Spacing presets: Add support for margins. 43246
• Spacing presets: Implement disabling of custom space sizes. 43216
• Enable alpha (opacity) in Global Styles color pickers. 43045
• Add block spacing to root block support UI. 42797
• Upsize typography panel components. 42718
• Fluid typography. 42688
• BlockGap: Add axial gap option to global styles where available. 42490
• Add layout content size controls to global styles 42309
• Heading element UI controls. 42176
• Heading block - add font family support 40970
• Spacing presets: add editor UI support. 42173
• Add support for heading elements. 41981
• Add link element :hover interactivity control to global styles UI. 41976
• Add UI for button elements 41659
• Button Element: update button element selector. 41240
• Add support for caption elements. 41140
• Preset custom color duplicates. 40837
• Global Styles Sidebar: tweak separator margin. 40526
• Use new border control components in block support 37770
• Button Element: Add support to Site Editor 41246
• Block supports: add fluid typography 39529

Updating for 6.0

• Add block icon next to blocks list. 36520
• Add elements support to the typography panel. 36718
• Add the gradient palette editor. 36820
• Add transparency support to the colors panel. 36840
• Add read-only duotone palette. 36920
• Do not show default palette if theme opts-out. (36639)
• Make user able to change all color palette origins. 36674 36817
• Add: Border indication to global styles colors. 36959
• Polish unset color indicator. 36994
• Add: Corners to custom color picker popover. 37015
• Add: Missing margin to the color picker clear button. 37016
• Global Styles: Call "palettes" and not "color palettes" on panel label. 36921
• Color Picker: Improve border, padding, and box shadow styles. 36963
• Color UI component: reorder palettes and update names. 36622
• Custom color picker popover position. 36965
• Make links plural in global styles. 36819
• Custom color palette: add default color name. 36940
• Add button text when no colors found. 36684
• Add labels to the global styles variations. 39322
• Global Styles Sidebar: Tweak preview box. 39978
• Global Styles Sidebar: Wrap the preview box in the CardMedia component. 39980
• Update "Other styles" to "Browse styles". 39752
• Add the Welcome Guide option to the More Global Styles Actions dropdown. 37180
• Make the Blocks section more distinguishable. 37293
• Move the Edit colors button to a standard menu item. 36842
• Move Duotone palette to the bottom of global styles gradients. 37253
• Allow switching global styles variations. 35619

General

• Make sure all screenshots are relevant to the latest version
• Make sure videos are up to date
• Add ALT tags for the images
• Make sure the headings are in sentence case
• Convert all reusable blocks to a ‘regular block’.
• Update the changelog at the end of the article

[pls78]

I'm working on this :)

[pls78]

Here is the updated video: https://user-images.githubusercontent.com/68744851/168276796-50967efd-2574-45d1-96d9-f6b054540463.mp4

Screenshots follow, the number in the filenames (and the order in which they appear here) is related to the order of the screenshots in the doc.

[femkreations]

Added 6.1 tasks

Notes

1. We are not adding detailed updates for the Block settings as we are revamping the block settings for all the block articles
2. Pls make 6.1 updates first and then move into 6.0.
3. Some of the PRs for 6.1 have great videos that can be added to the article (even for the Block settings section)
4. For 6.0, you can pick the screenshots added in the comments previously.