ダークテーマを重くカスタマイズしてライトテーマを作る一番簡単な方法は？

[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) のように色を参照している限り、カラーパレットに基づいて自動的に変更されます。