diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
index ac375dc..9c0fa0a 100644
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -1,6 +1,10 @@
 Changelog
 =========
 
+Unreleased
+--------------------
+- Enh: In the module configuration, add syntax highlighting to SCSS code (Custom code section) 
+
 2.0.6 (October 4, 2024)
 --------------------
 - Fix #25: Dark Mode: fix new message background color (mail module)
diff --git a/docs/DEVELOPER.md b/docs/DEVELOPER.md
index faf3e88..48edb09 100644
--- a/docs/DEVELOPER.md
+++ b/docs/DEVELOPER.md
@@ -20,6 +20,7 @@ Reset module configuration to default.
 The ZIP file mustn't contain:
 - .gitignore
 - .git
+- .github
 - composer.lock
 - composer.phar
 - build-modified-less-and-css.sh
diff --git a/views/config/index.php b/views/config/index.php
index 05ce509..dee9581 100644
--- a/views/config/index.php
+++ b/views/config/index.php
@@ -11,6 +11,7 @@
 use humhub\modules\admin\permissions\ManageSettings;
 use humhub\modules\cleanTheme\Module;
 use humhub\modules\ui\form\widgets\ActiveForm;
+use humhub\modules\ui\form\widgets\CodeMirrorInputWidget;
 use humhub\modules\ui\view\components\View;
 use humhub\widgets\Button;
 use kartik\widgets\ColorInput;
@@ -161,7 +162,7 @@
             <?= $form->endCollapsibleFields() ?>
 
             <?= $form->beginCollapsibleFields(Yii::t('CleanThemeModule.config', 'Custom code')) ?>
-            <?= $form->field($model, 'scss')->textarea(['rows' => 20]) ?>
+            <?= $form->field($model, 'scss')->widget(CodeMirrorInputWidget::class, ['mode' => 'text/x-scss']) ?>
             <?= $form->endCollapsibleFields() ?>
 
             <?= Button::asLink(Yii::t('CleanThemeModule.config', 'Reset everything to default values'))