Gutenberg: Heading/Text block: editor toolbar "color" control

Created on 20 Jul 2017  路  5Comments  路  Source: WordPress/gutenberg

It should be possible to colorize a part of any text via the editor toolbar.

Lower priority, but perhaps also useful: API to define specific colors for user selection in the color picker - such as a selection of preset brand CVI colors.

[Priority] Low [Type] Enhancement

Most helpful comment

@lkraav

This is a basic technique for helping readers notice important stuff during scroll-through skimming.

I'd argue there are more semantic ways to markup something important in a text, namely strong (bold) and em for emphasis (italics). Colors have always been, in my opinion, a potentially dangerous tool to give a normal user. Especially because of how it's implemented, writing those values inline directly in the database. It creates scenarios where the text is set in a specific way that might look bad and create accessibility issues with a change of theme.

@iseulde I strongly believe Gutenberg is the clean slate we've longed for years, to guarantee the best, future-proof, accessible semantic experience out of the box. Everything else is plugin territory.

The theme-defined styles might be a great tool for theme designers and developers to use, beyond of this specific issue.

All 5 comments

I realise this is quite a popular feature, colouring text and custom CSS, but I'm never sure if we should continue supporting this in Gutenberg (plugin territory).

An alternative is to let the theme register basic colour variables, so that they all change when you switch themes. They could also be overwritten by the user, for a specific theme, but fall back to the default when switching. Cc @hugobaeta @melchoyce.

See also: https://core.trac.wordpress.org/ticket/27159.

In any case, we should really do it right this time, if we add it. :)

I realise this is quite a popular feature, colouring text and custom CSS, but I'm never sure if we should continue supporting this in Gutenberg (plugin territory). An alternative is to let the theme register basic colour variables, so that they all change when you switch themes.

Plugins for everything is fine with me, but are regular folk really going to be happy to discover "Apparently I can't highlight a couple of words out of this headline with this modern new editor"? This is a basic technique for helping readers notice important stuff during scroll-through skimming.

@lkraav

This is a basic technique for helping readers notice important stuff during scroll-through skimming.

I'd argue there are more semantic ways to markup something important in a text, namely strong (bold) and em for emphasis (italics). Colors have always been, in my opinion, a potentially dangerous tool to give a normal user. Especially because of how it's implemented, writing those values inline directly in the database. It creates scenarios where the text is set in a specific way that might look bad and create accessibility issues with a change of theme.

@iseulde I strongly believe Gutenberg is the clean slate we've longed for years, to guarantee the best, future-proof, accessible semantic experience out of the box. Everything else is plugin territory.

The theme-defined styles might be a great tool for theme designers and developers to use, beyond of this specific issue.

I'd argue there are more semantic ways to markup something important in a text, namely strong (bold) and em for emphasis (italics).

Yep, you're correct with this one and it's exactly what I'm converting my users towards.

The paragraph tool not have coloring and I think for now that's enough. Let's close this and consider it a plugin for Gutenberg or something to consider as v2 of the editor.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

franz-josef-kaiser picture franz-josef-kaiser  路  3Comments

hedgefield picture hedgefield  路  3Comments

BE-Webdesign picture BE-Webdesign  路  3Comments

maddisondesigns picture maddisondesigns  路  3Comments

mhenrylucero picture mhenrylucero  路  3Comments