Editor in dark mode

[Uwe]

Using the Kendo UI Editor successfully in my application, I recently try to implement a dark mode through an external library.

To my surprise, the editor itself seems to be not able to work correctly in dark mode in general.

I.e. I see dark font color on dark background.

Even the very own demos with the very own Telerik skins fail to work correctly. E.g.:

demos.telerik.com/kendo-ui/editor/index?autoRun=true&theme=material-main-dark

I found no way and no CSS to specify a light default text color.

My question:

How can I configure the Kendo UI Editor to correctly work with a dark background?

[Yanislav]

Hello Uwe,

You can set the text color dynamically by using jQuery. Please review the following snippet:

  $(document).ready(function(){
    var editor = $("#editor").data("kendoEditor")
    editor.body.style.color = "white";
  })

When the page is loaded, by getting a reference to the Editor component, its options can be modified.

Here is a sample: https://netcorerepl.telerik.com/GlPGFykN41Ju5YQJ46

I hope this will help you to reach the desired behavior. 

Regards,
Yanislav
Progress Telerik

[Uwe]

This works perfectly. Thanks a lot, Yanislav 😊