MDL-86547 theme_boost: Improve code block readability in editor

Changed code text color to $gray-900 for better visibility

Author: muhammadarnaldo

public/theme/boost/scss/editor.scss

@@ -1,3 +1,7 @@
+// Code
+$gray-900: #1d2125 !default;
+$code-color: $gray-900 !default;
+
 /* Give editor access to all of bootstrap. */
 @import "bootstrap/bootstrap";
 
@@ -17,3 +21,10 @@ table:not(.table) {
         border-width: $table-border-width;
     }
 }
+
+// Override default code styling to enhance visual distinction.
+code {
+    padding: 0.1875rem 0.375rem;
+    background-color: var(--bs-gray-200);
+    border-radius: 0.25rem;
+}

public/theme/boost/scss/preset/default.scss

@@ -105,6 +105,9 @@ $behatsite: false !default;
 $enable-transitions: not $behatsite !default;
 $enable-smooth-scroll: not $behatsite !default;
 
+// Code
+$code-color: $gray-900 !default;
+
 // Import FontAwesome.
 @import "fontawesome";
 
@@ -151,3 +154,10 @@ $warning-outline: #a6670e;
 .btn-outline-warning {
     @include button-outline-variant($warning-outline);
 }
+
+// Override default code styling to enhance visual distinction.
+code {
+    padding: 0.1875rem 0.375rem;
+    background-color: var(--bs-gray-200);
+    border-radius: 0.25rem;
+}

public/theme/boost/style/moodle.css

@@ -13385,7 +13385,7 @@ readers do not read off random characters that represent icons */
   --bs-link-hover-color: #0c5699;
   --bs-link-hover-color-rgb: 12, 86, 153;
   --bs-link-hover-decoration: underline;
-  --bs-code-color: #db1a74;
+  --bs-code-color: #1d2125;
   --bs-highlight-color: #1d2125;
   --bs-highlight-bg: #ffe3d1;
   --bs-border-width: 1px;
@@ -13457,7 +13457,7 @@ readers do not read off random characters that represent icons */
   --bs-link-hover-color: #8cb9e1;
   --bs-link-color-rgb: 111, 167, 217;
   --bs-link-hover-color-rgb: 140, 185, 225;
-  --bs-code-color: #e976ac;
+  --bs-code-color: #777a7c;
   --bs-highlight-color: #dee2e6;
   --bs-highlight-bg: #662f0a;
   --bs-border-color: #495057;
@@ -47722,4 +47722,10 @@ body {
   --bs-btn-disabled-bg: transparent;
   --bs-btn-disabled-border-color: #a6670e;
   --bs-gradient: none;
+}
+
+code {
+  padding: 0.1875rem 0.375rem;
+  background-color: var(--bs-gray-200);
+  border-radius: 0.25rem;
 }

public/theme/classic/scss/preset/default.scss

@@ -104,6 +104,9 @@ $behatsite: false !default;
 $enable-transitions: not $behatsite !default;
 $enable-smooth-scroll: not $behatsite !default;
 
+// Code
+$code-color: $gray-900 !default;
+
 // Import FontAwesome.
 @import "fontawesome";
 
@@ -157,3 +160,10 @@ $warning-outline: #a6670e;
 .btn-outline-warning {
     @include button-outline-variant($warning-outline);
 }
+
+// Override default code styling to enhance visual distinction.
+code {
+    padding: 0.1875rem 0.375rem;
+    background-color: var(--bs-gray-200);
+    border-radius: 0.25rem;
+}

public/theme/classic/style/moodle.css

@@ -13385,7 +13385,7 @@ readers do not read off random characters that represent icons */
   --bs-link-hover-color: #0c5699;
   --bs-link-hover-color-rgb: 12, 86, 153;
   --bs-link-hover-decoration: underline;
-  --bs-code-color: #db1a74;
+  --bs-code-color: #1d2125;
   --bs-highlight-color: #1d2125;
   --bs-highlight-bg: #ffe3d1;
   --bs-border-width: 1px;
@@ -13457,7 +13457,7 @@ readers do not read off random characters that represent icons */
   --bs-link-hover-color: #8cb9e1;
   --bs-link-color-rgb: 111, 167, 217;
   --bs-link-hover-color-rgb: 140, 185, 225;
-  --bs-code-color: #e976ac;
+  --bs-code-color: #777a7c;
   --bs-highlight-color: #dee2e6;
   --bs-highlight-bg: #662f0a;
   --bs-border-color: #495057;
@@ -47666,6 +47666,12 @@ body {
   --bs-gradient: none;
 }
 
+code {
+  padding: 0.1875rem 0.375rem;
+  background-color: var(--bs-gray-200);
+  border-radius: 0.25rem;
+}
+
 .path-grade-report-grader .gradeparent tr.heading {
   top: 50px;
 }