From a3d38b036a3a856c596488827faad992b5e457e6 Mon Sep 17 00:00:00 2001
From: Muhammad Arnaldo <muhammad.arnaldo@gmail.com>
Date: Thu, 20 Nov 2025 16:32:43 +0700
Subject: [PATCH] MDL-86547 theme_boost: Improve inline code contrast in editor

Changed the background color of highlighted inline code for better accessibility.
---
 theme/boost/scss/editor.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/theme/boost/scss/editor.scss b/theme/boost/scss/editor.scss
index 74eb7794000..f8eb1c5876f 100644
--- a/theme/boost/scss/editor.scss
+++ b/theme/boost/scss/editor.scss
@@ -1,2 +1,9 @@
 /* Give editor access to all of bootstrap. */
 @import "bootstrap/bootstrap";
+
+code[data-mce-selected="inline-boundary"]:not(pre code) {
+    background-color: $gray-100 !important; /* stylelint-disable-line declaration-no-important */
+    border: thin solid $gray-500;
+    border-radius: 0.25rem;
+    padding: 0.125rem;
+}