From 226fa76bf2f62861ac5669bc72526f46ed3b8bb2 Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Fri, 26 Aug 2022 20:02:03 +0300
Subject: [PATCH] Issue #3306216 by bnjmnm, Wim Leers, Reinmar: Contrast
perception issues with icons including low-opacity fills
---
core/modules/ckeditor5/ckeditor5.libraries.yml | 3 +++
core/modules/ckeditor5/css/editor.css | 10 ++++++++++
2 files changed, 13 insertions(+)
create mode 100644 core/modules/ckeditor5/css/editor.css
diff --git a/core/modules/ckeditor5/ckeditor5.libraries.yml b/core/modules/ckeditor5/ckeditor5.libraries.yml
index 61e1d9e63cd6..774d1f5f8a7e 100644
--- a/core/modules/ckeditor5/ckeditor5.libraries.yml
+++ b/core/modules/ckeditor5/ckeditor5.libraries.yml
@@ -17,6 +17,9 @@ drupal.ckeditor5.internal:
drupal.ckeditor5:
js:
js/ckeditor5.js: {}
+ css:
+ theme:
+ css/editor.css: { }
dependencies:
- core/jquery
- core/once
diff --git a/core/modules/ckeditor5/css/editor.css b/core/modules/ckeditor5/css/editor.css
new file mode 100644
index 000000000000..5c28250f9725
--- /dev/null
+++ b/core/modules/ckeditor5/css/editor.css
@@ -0,0 +1,10 @@
+/**
+ * @file
+ * Styles for the CKEditor 5 editor.
+ */
+
+/* Convert low opacity icons to full opacity. */
+.ck-button:not(.ck-disabled) .ck-icon * {
+ opacity: 1 !important;
+ fill-opacity: 1 !important;
+}
--
GitLab