Adaptive Font Color in Table

Question

Guys, I have made a table in HTML and CSS and I want to change the Fonts Color according to the Background Color automatically so that it is clearly visible. How can I do that? Any help would be Appreciated.

Answer 1

Try this bro:
body{
background-color:#fff;
}

p{
color:#fff;
filter: invert(100%);
}

Answer 2

I didnt do that yet but that link might help you https://css-tricks.com/switch-font-color-for-different-backgrounds-with-css/

The css code you can put in html or css. Mostly, css is preferred. If you put it into html, you need to put it inside <style> css code </style>

Answer 3

@Thống Nguyễn Bro! I am new to HTML so could You please tell me that do I need to Copy this code to HTML or CSS?

And I want to apply this to Table Components.

Thanks for the Help!