Как проще всего сделать светлую тему на основе темной с глубокой кастомизацией

[hipp0]

Я использую тему Foundation с тёмной палитрой, которую я сильно кастомизировал с помощью CSS.

Интересует, какой самый простой способ создать светлую версию, которая будет следовать всем тем же правилам CSS.

[Moin]

Вы можете добавить светлую цветовую палитру к вашей теме

Вы можете обновлять цвета в зависимости от того, используется светлая или темная тема:

@awesomerobot

Таким образом, в color_definitions.scss вы можете сделать:

$my-theme-color: dark-light-choose($primary, red);

:root {
  --my-theme-color: #{$my-theme-color};
}

а затем использовать новое пользовательское свойство для переключения между темной и светлой темой в вашей теме:

body {
  color: var(--my-theme-color);
}

[hipp0]

Хорошо, значит, мне нужно внести каждое отдельное изменение для тёмной или светлой темы (я использую тему по умолчанию, тёмную/светлую).

[Moin]

Зависит от ситуации. Это нужно делать только в том случае, если вы использовали жестко заданные цвета. Если же вы ссылаетесь на цвета через var(--primary-300) или var(--danger), они будут автоматически обновляться в соответствии с цветовой палитрой.