井戸端のダークテーマを無効化する方法

を検討する

井戸端をダークテーマで閲覧しない人はどうすべきか

案1. 端末のダークモードをオフにする

他のアプリの配色も明るくなる

案2. CSS変数を参照するコンテナクエリーを使ってそれ用のUserCSSを生やす

欠点はパフォーマンス面の問題があること

同じ変数を二箇所に設置するのは避けたい

まあ標準テーマの値は滅多に変わるものではないが‥

code:example.css

:root {

--is-dark: false;

}

@media screen and (prefers-color-scheme: dark) {

:root { --is-dark: true; }

}

@container (--is-dark: false) {

html {

/* ライトテーマの変数の値を複製する (--page-bg 等) */

}

}

code:turn-off-dark-theme.css

html {

--is-dark: false;

}

同じ変数を2箇所に設置しなければならないのは案2.と同じ