Skip to Main Content
Builder.io Ideas
Categories Visual Editor
Created by Guest
Created on Sep 24, 2024

Sync rich text editor color swatches with design token colors

It would be great to have the color swatches be the same as your design token colors instead of having to maintain both separately.

Currently, even if you have design token colors set (and strict mode), the swatches are of different (default - but changeable) colors.

This idea stems from the issue I encountered which is detailed here -> https://forum.builder.io/t/how-can-i-change-the-available-colors-for-the-rich-text-editor/6422/9
Basically, if you toggle the option "Restrict color picker to only these options", then you cannot edit the swatches anymore. You need to temporarily remove the color design tokens to be given the option to use custom colors and then you can from there update the swatches...

  • Attach files
  • Guest
    Reply
    |
    Oct 1, 2024

    Actually also noticed that this is even more of a problem since the rich text editor edits the "style" attribute of its inner elements and just sets it as direct rgb values... this goes against builder's own advice of using css variables to keep colors modular.

    This would also be solved by above suggestion