I have many files content, posts, comments, and articles with rich text that doesn't display correctly in dark mode. I can clean them up by clicking edit, then clicking save, and the Tiptop editor will clean up the content. My problem is it's too much content to clean manually.

Can I use an SQL query or a quick method to clean up already posted HTM rich text? Can you provide it or tell me how?

Are you looking to just simply remove backgrounds and bad font colors to make it look better in dark mode?

Yes that's it.

Do you have an example post I can look at? I think perhaps @Ehren may be able to suggest some custom CSS to remove older backgrounds.

 

Do you have an example post I can look at? I think perhaps @Ehren may be able to suggest some custom CSS to remove older backgrounds.

These are some of the better looking ones when viewed in the dark mode. Some of them are worse, with a mixture of different colours in the background.

If you can send me the URL to those posts, I can take a look for you. 👍

This will remove custom backgrounds and colors from v4 content. In v5, we use data-attributes for styles, so this means your v5 colors will continue to work normally.

/* Dark mode fix: Remove custom colors/backgrounds from v4 posts to improve readability */
.ipsRichText--user [style*="color:"]{
	color: inherit !important;
}
.ipsRichText--user [style*="background"]{
	background: transparent !important;
}

 

This will remove custom backgrounds and colors from v4 content. In v5, we use data-attributes for styles, so this means your v5 colors will continue to work normally.

/* Dark mode fix: Remove custom colors/backgrounds from v4 posts to improve readability */.ipsRichText--user [style*="color:"]{
	color: inherit !important;
}
.ipsRichText--user [style*="background"]{
	background: transparent !important;
}

Thanks 👍.