I’m developing a website using ReactJS and have encountered an issue specifically with Samsung Internet browser. My design looks perfect on other browsers, but when I view the site on Samsung Internet with dark mode enabled, the text color changes to white.

Additionally, I have tried the below-mentioned things, but nothing works for me.

<meta name="color-scheme" content="light dark">

 :root{
 color-scheme: light;
 }

@media (prefers-color-scheme: dark) {
:root {
--font-color: black;
}}

• Are there any recommended CSS properties or techniques to handle this issue?