css - テーマ設定可能なウェブサイトを作成するには?

Question

私はウェブサイトを開発していますが、ユーザーがテーマ (レイアウトではなく、主に色、フォントなど) を切り替えられるようにしたいと考えています。

私の考えは、theme1 などの body にクラスを作成し、そのクラスの下にすべてのスタイリングを配置することです。

.theme1{
    //less code here
}


.theme2{
    //less code here
}

このように、テーマを切り替えるには、本体のクラスを置き換えるだけです。

それは良い解決策ですか、より良い方法はありますか？

Answer 1

LESS を使用している場合、すべてのスタイリングを

body.theme-class { }

セレクタ。

これは合理的に思えます。body タグのクラスを変更するだけで、テーマを簡単に変更できます。