CKEditor config buttons not working in forced-colors mode

Created on 4 July 2025, 5 days ago

Problem/Motivation

CKEditor's "available buttons" are managed through admin/config/content/formats/manage/content_format the icons in the "available buttons" and "active toolbar" component are completely invisible.

Steps to reproduce

Proposed resolution

Probably all of these buttons should be done with SVG files rather than background images.

Something like:
https://www.drupal.org/files/issues/2025-07-04/strikethrough-svgrepo-com...

Or just use UTF characters like:

<span class="ckeditor5-toolbar-button ckeditor5-toolbar-button-bold">
  <span class="visually-hidden">Bold</span>
  <span class="forced-colors-label">B</span>
</span>

I've uploaded a bunch of possible UTF8 codes other ones we could use here.

Remaining tasks

User interface changes

Introduced terminology

API changes

Data model changes

Release notes snippet

🐛 Bug report
Status

Active

Version

11.2 🔥

Component

ckeditor.module

Created by

🇨🇦Canada mgifford Ottawa, Ontario

Live updates comments and jobs are added and updated live.
  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024