

#
#
#
サンプルコード
@media all and (prefers-color-scheme: light) {
p.sample {
background-color: #00a497; /*■*/
text-decoration: underline dotted;
}
}
@media all and (prefers-color-scheme: dark) {
p.sample {
background-color: #e198b4; /*■*/
text-decoration: underline wavy;
}
}
<p class="sample">
猫は、上のかぎり黒くて、ことはみな白き。
</p>
猫は、上のかぎり黒くて、ことはみな白き。