The Svelte v2 website. Contribute to sveltejs/v2.svelte.dev development by creating an account on GitHub.

Cybernetically enhanced web apps

Файл требует загрузки как минимум... но это до 1 кеша, канеш…
Я решал внутри global.css через классы для рутовых правил:

body.dark { —color: white; }
body.light { —color: black: }

$: $dark ? (document.body.className = 'dark') : (document.body.className = 'light')

☝️🏻через стор соот - тк стейт глобальный (тут ещё быстрее будет в хелпер вынести доступ к нативной функции)

const changeColorTheme = (class) => document.body.className = class

в таком решении можно ещё анимашку прикрутить в том же global.css:

transition:
       color var(--duration) var(--timing)

И синхронить её через js с помощью переменных, если надо...