How to toggle base css with darkmode css conditionally and using variables in vuejs?

Question

I have created a _darkmode.scss file to apply dark mode globally on my laravel+vuejs application.

I do not know how to replace/toggle it with base css i.e