Fix CKEditor 5 Source code editing area

Problem/Motivation

The Source code editing area style in Layout Builder Modal

Steps to reproduce

When switching a the editing mode in the CKEditor
And under the Layout Builder Modal for blocks
Then editors can not see the right Source code editing area style

Proposed resolution

• Fix the style for the CKEditor 5 Source code editing area
• By mixed styling from Gin, Drupal Core Claro, and Vartheme BS5

Remaining tasks

• ✅ File an issue about this project
• ✅ Addition/Change/Update/Fix to this project
• ✅ Testing to ensure no regression
• ➖ Automated unit/functional testing coverage
• ➖ Developer Documentation support on feature change/addition
• ➖ User Guide Documentation support on feature change/addition
• ➖ UX/UI designer responsibilities
• ➖ Accessibility and Readability
• ✅ Code review from 1 Varbase core team member
• ✅ Full testing and approval
• ✅ Credit contributors
• ✅ Review with the product owner
• ✅ Update Release Notes and Update Helper on new feature change/addition
• ✅ Release varbase-10.0.0-rc2, varbase_layout_builder-10.1.0-rc3

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

After the fix:

CKEditor 5 Source code editing area

CKEditor 5 editing area

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• Issue #3416440: Fixed CKEditor 5 Source code editing area