🔬 Find out how to import CSS files into JavaScript

[programarivm]

The dark and the light theme constants currently defined as strings in the assets/js/pages/apply_settings.js file need to be imported from separate files similar to how the translation files in the assets/js/translations folder can be imported throughout the codebase.

See #203

Happy coding!

[Shaxowfall]

if you setup a handler script like:

<script> { let worker=new Worker("/path/to/module.js","options"||undefined); worker.onmessage=function(d){document.head.insertAdjacentHTML("beforeend","<style>"+d.data+"</style>")}

}
</script>

and you setup your module to post back the stored css like:

var stored_css="body {color:white;background:black}";
postmessage(stored_css);

then it will work no problem just make sure to validate the data that the handler receives is correct and not fraudulent

[programarivm]

@Shaxowfall, welcome to ChesslabLab.

Thank you for joining the community. Please make sure to read the Contributing Guidelines.

Also thank you for posting a comment on this issue! If I'm not very much mistaken, this should be done using CSS module scripts.

• Using CSS Module Scripts to import stylesheets

[ArmSershant]

We can just install a dark/light mode package and use localStorage to find out what mode is active for each user and in global css file we can define color styles for light and dark modes