Issue with CK editor font color in dark mored
Hi there,
There is an issue when dark mode is active - in my case all text in ck editor is not visible because text is same color as background (this is not the case in light mode).
You can also see this issue partially in your documentation - https://preview.keenthemes.com/html/metronic/docs/editors/ckeditor/classic
When in dark mode all heading elements are not visible.
Thanks and let me know if you already have solution for this - if not I can write some CSS to fix this 
P.S. Your theme is great!
Replies (4)
I managed to solve it by adding this css:
.ck-editor__editable {
background-color: #1C1F2B !important; /* Change the color as needed */
color: #fff; /* Change text color to ensure readability */
}Hi ,
Good spot. We will fix it in the next update.
Since CKeditor does not support the dark mode theme as a workaround you can explicitly set the light mode using data-bs-theme="light" attribute:
<div class="py-5" data-bs-theme="light">
<textarea name="kt_docs_ckeditor_classic" ></textarea>Regards.
Hi Sean, thank you for quick response!
I tried setting the light mode explicitly, but it does not work. Does it matter that editor is located inside of a modal?
Thanks
Hi,
May I know your Metronic version? This is how the fix should work for the latest Metronic v8.2.0. Can you try data-kt-theme="light" if you are using Metronic v8.1.8 or older?
Regards.
