@cdubz/ckeditor5-source-editing-codemirror/theme/sourceeditingcodemirror.css

CodeMirror 5 syntax highlighting in CKEditor 5 source editing mode.

.ck-source-editing-area .cm-s-default {
	border: 1px solid var(--ck-color-base-border);
	border-radius: var(--ck-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	font-size: var(--ck-font-size-normal);
	line-height: var(--ck-line-height-base);
}

.ck-source-editing-area .CodeMirror-focused {
	border: var(--ck-focus-ring);
	box-shadow: var(--ck-inner-shadow), 0 0;
	outline: none;
}

/* Hide the area where SourceEditing puts its code content. */
.ck-source-editing-area::after {
	content: "";
	display: none;
}