Merge pull request #8818 from ckeditor/i/8320-HTML-low-contrast

Fix (theme-lark): The HTML embed text in a disabled input in Safari on iOS should have the same color as in other browsers. Closes #8320.

packages/ckeditor5-theme-lark/theme/ckeditor5-html-embed/htmlembed.css

@@ -8,6 +8,9 @@
 	--ck-html-embed-source-height: 10em;
 	--ck-html-embed-unfocused-outline-width: 1px;
 	--ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard));
+
+	--ck-html-embed-source-disabled-background: var(--ck-color-base-foreground);
+	--ck-html-embed-source-disabled-color: hsl(0deg 0% 45%);
 }
 
 /* The feature container. */
@@ -117,8 +120,12 @@
 		direction: ltr;
 
 		&[disabled] {
-			background: hsl(0deg 0% 97%);
-			color: hsl(0deg 0% 56%);
+			background: var(--ck-html-embed-source-disabled-background);
+			color: var(--ck-html-embed-source-disabled-color);
+
+			/* Safari needs this for the proper text color in disabled input (https://github.com/ckeditor/ckeditor5/issues/8320). */
+			-webkit-text-fill-color: var(--ck-html-embed-source-disabled-color);
+			opacity: 1;
 		}
 	}