Есть ли способ переключаться между светлым и темным режимами с помощью Javascript без создания дополнительных классов?

CSS предоставляет медиа-запрос prefers-color-scheme

  @media(prefers-color-scheme: dark) {
    border-color: white;
  }

Мне было интересно, могу ли я установить значение через JavaScript? Я не хочу добавлять дополнительные классы или выполнять какую-то логику, которая могла бы переключать таблицы стилей, например Switch между светлым и темным режимами или добавлением дополнительных классов к элементам, например Как переключить темную тему на всю страницу?

Что-то вроде

window.colorScheme = "dark";

У меня есть контекст, чтобы использовать его в vue-styleguideist, просто ограничьте его компонентом. Прямо сейчас я добавляю объект-оболочку для каждого компонента.