Web担メモ

2020/6/24

2024/11/7

ダークモード普及の理由

@media (prefers-color-scheme: dark){
/*    ここにダークモード時のコードを記述*/
/* 例 */
.dark{
        background-color: #1c1a1a;
        color: #faf8f7;;
    }
}

これでOS側でダークモードに設定した際、記述したスタイルが適用されてダークモードに設定できます！ダークモードのときに表示したいスタイルを @media (prefers-color-scheme: dark) { と } の間に書いていきましょう。

コメントはまだありません。