From a86edc69ace84ca7dedd4d3cdd672eb817188d39 Mon Sep 17 00:00:00 2001
From: Stephen Abello <stephen.abello@combodo.com>
Date: Fri, 19 Jul 2024 10:54:06 +0200
Subject: [PATCH] =?UTF-8?q?N=C2=B07655=20-=20Make=20code=20blocks=20editio?=
 =?UTF-8?q?n=20closer=20to=20its=20readonly=20counterpart?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/backoffice/vendors/_ckeditor.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/css/backoffice/vendors/_ckeditor.scss b/css/backoffice/vendors/_ckeditor.scss
index 886ab0cb2..51d51f551 100644
--- a/css/backoffice/vendors/_ckeditor.scss
+++ b/css/backoffice/vendors/_ckeditor.scss
@@ -18,6 +18,10 @@ $ibo-vendors-ckeditor--autocomplete-item-image--border: 1px solid $ibo-color-gre
 
 $ibo-vendors-ckeditor--autocomplete-item-title--text-color: #3A3A3A !default;
 $ibo-vendors-ckeditor--ck-content--text-color: $ibo-color-grey-900 !default;
+$ibo-vendors-ckeditor--ck-content-pre-language--padding: 0 !default;
+$ibo-vendors-ckeditor--ck-content-pre-language--code--background-color: $ibo-color-grey-900 !default;
+$ibo-vendors-ckeditor--ck-content-pre-language--code--color: $ibo-color-white-100 !default;
+$ibo-vendors-ckeditor--ck-content-pre-language--code--padding: $ibo-vendors-highlightjs--padding !default;
 /* - Following SCSS variables are only there to overlaod the CSS3 variables of CKEditor (see `src/resources/styles/default-theme.css` in CKEditor) */
 $ibo-vendors-ckeditor--ck-color-list-button-on-background: $ibo-color-grey-200 !default;
 $ibo-vendors-ckeditor--ck-color-list-button-on-background-focus: $ibo-color-grey-200 !default;
@@ -87,6 +91,15 @@ $ibo-vendors-ckeditor--ck-color-image-caption-text: $ibo-color-grey-900 !default
     width: 100% !important; /* !important to overload inline style from configuration.width */
   }
 }
+.ck-content pre[data-language] {
+  padding: $ibo-vendors-ckeditor--ck-content-pre-language--padding !important;
+  code {
+    display: block;
+    background: $ibo-vendors-ckeditor--ck-content-pre-language--code--background-color !important;
+    padding: $ibo-vendors-ckeditor--ck-content-pre-language--code--padding !important;
+    color: $ibo-vendors-ckeditor--ck-content-pre-language--code--color !important;
+  }
+}
 
 /* Highlight JS */
 .hljs {