Want to show theme corresponding the user's operating system theme settings.
For that, need to use Javascript in css like below but it will cause error
@media (prefers-color-scheme: dark) {
localStorage.setItem("os-prefered-dark", true)
}
-
you cannot use javascript in CSS. but you can use some css in javascript.Mihai T– Mihai T2020-10-25 11:02:25 +00:00Commented Oct 25, 2020 at 11:02
-
Never seen people using JavaScript in CSS but CSS in JavaScript.m4n0– m4n02020-10-25 11:03:07 +00:00Commented Oct 25, 2020 at 11:03
-
1Hi, I do believe this article will help you. :)hisam– hisam2020-10-25 11:06:36 +00:00Commented Oct 25, 2020 at 11:06
-
Why set the dark theme in localStorage?evolutionxbox– evolutionxbox2020-10-25 11:06:47 +00:00Commented Oct 25, 2020 at 11:06
-
So that the theme preference remains there after the page is also refreshedArijit Kundu– Arijit Kundu2020-10-25 11:08:30 +00:00Commented Oct 25, 2020 at 11:08
|
Show 4 more comments