diff --git a/css/backoffice/vendors/_ckeditor.scss b/css/backoffice/vendors/_ckeditor.scss
index 5e4052ada..9fe2f887b 100644
--- a/css/backoffice/vendors/_ckeditor.scss
+++ b/css/backoffice/vendors/_ckeditor.scss
@@ -3,9 +3,53 @@
  * @license     http://opensource.org/licenses/AGPL-3.0
  */
 
+$ibo-vendors-highlightjs--padding: 0.9rem !default;
+$ibo-vendors-highlightjs--border-radius: $ibo-border-radius-300 !default;
+
+$ibo-vendors-ckeditor--autocomplete-panel--border: none !default;
+$ibo-vendors-ckeditor--autocomplete-panel--border-radius: $ibo-border-radius-300 !default;
+$ibo-vendors-ckeditor--autocomplete-panel--background-color: $ibo-color-white-100 !default;
+
+$ibo-vendors-ckeditor--autocomplete-item-image--size: 25px !default;
+$ibo-vendors-ckeditor--autocomplete-item-image--margin-right: 0.5rem !default;
+$ibo-vendors-ckeditor--autocomplete-item-image--background-color: $ibo-color-grey-200 !default;
+$ibo-vendors-ckeditor--autocomplete-item-image--border: 1px solid $ibo-color-grey-600 !default;
+
+$ibo-vendors-ckeditor--autocomplete-item-title--text-color: #3A3A3A !default;
+
+/* Highlight JS */
 .hljs {
-	padding: 0.9em !important;
+	padding: $ibo-vendors-highlightjs--padding !important;
 	box-shadow: 0 0px 3px 2px inset rgba(0, 0, 0, 0.4);
-	border-radius: $ibo-border-radius-300;
+	border-radius: $ibo-vendors-highlightjs--border-radius;
 	white-space: pre-wrap;
+}
+
+/* Mentions in caselogs */
+/* Note: Mind the "ul", it allows us to have a more precise rule than the original plugin's CSS so we can override it */
+ul.cke_autocomplete_panel{
+	background-color: $ibo-vendors-ckeditor--autocomplete-panel--background-color;
+	border: $ibo-vendors-ckeditor--autocomplete-panel--border;
+	border-radius: $ibo-vendors-ckeditor--autocomplete-panel--border-radius;
+	@extend %ibo-elevation-300;
+
+	.ibo-vendors-ckeditor--autocomplete-item{
+		display: flex;
+		justify-content: left;
+		align-items: center;
+	}
+	.ibo-vendors-ckeditor--autocomplete-item-image{
+		width: $ibo-vendors-ckeditor--autocomplete-item-image--size;
+		height: $ibo-vendors-ckeditor--autocomplete-item-image--size;
+		background-position: center center;
+		background-size: 100%;
+		border-radius: 100%;
+		margin-right: $ibo-vendors-ckeditor--autocomplete-item-image--margin-right;
+		background-color: $ibo-vendors-ckeditor--autocomplete-item-image--background-color;
+		border: $ibo-vendors-ckeditor--autocomplete-item-image--border;
+	}
+	.ibo-vendors-ckeditor--autocomplete-item-title{
+		color: $ibo-vendors-ckeditor--autocomplete-item-title--text-color;
+		@extend %ibo-font-ral-bol-100;
+	}
 }
\ No newline at end of file
diff --git a/css/css-variables.scss b/css/css-variables.scss
index abf480ac1..7f759ec1a 100644
--- a/css/css-variables.scss
+++ b/css/css-variables.scss
@@ -106,10 +106,6 @@ $toggle-button-bg-color: #CCCCCC !default;
 $toggle-button-bg-checked-color: $brand-primary !default;
 $toggle-button-slider-bg-color: #FFFFFF !default;
 
-// Mentions
-$mentions-item-image-bg-color: #E8E8E8 !default;
-$mentions-item-image-border: 1px solid #CACACA !default;
-
 // Console elements
 $summary-details-background: $grey-color !default; 
 $main-header-background: $frame-background-color !default;
diff --git a/css/light-grey.scss b/css/light-grey.scss
index 317e3b72c..dd5fe7d75 100644
--- a/css/light-grey.scss
+++ b/css/light-grey.scss
@@ -4287,38 +4287,6 @@
 		padding: 0 !important;
 	}
 
-/* Mentions in caselogs */
-/* Note: Mind the "ul", it allows us to have a more precise rule than the original plugin's CSS so we can override it */
-/* TODO 3.0.0: Move this to new SCSS files */
-ul.cke_autocomplete_panel{
-	border: none;
-	border-radius: 0;
-	box-shadow: $box-shadow-regular;
-
-	.mentions_item{
-		display: flex;
-		justify-content: left;
-		align-items: center;
-
-		> [role="image"]{
-			width: 25px;
-			height: 25px;
-			background-position: center center;
-			background-size: 100%;
-			border-radius: 100%;
-			margin-right: 0.5rem;
-			background-color: $mentions-item-image-bg-color;
-			border: $mentions-item-image-border;
-		}
-		> [role="friendlyname"]{
-			color: #3a3a3a;
-			font-size: 0.75rem;
-			font-weight: bold;
-		}
-	}
-}
-
-
 	.clearboth {
 		clear: both;
 	}