@media (prefers-color-scheme: dark) {
pre {
background: #eee;
}
hr {
background-color: #ccc;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
color: #21759b;
}
body.pen_dark_mode pre {
background: #555;
color: #fff;
}
body.pen_dark_mode hr {
background-color: #eee;
}
body.pen_dark_mode .screen-reader-text:focus {
background-color: #333;
color: #00b0ff;
}
}
body.pen_dark_mode.pen_dark_mode_always,
body.pen_dark_mode.pen_dark_mode_clock,
body.pen_dark_mode.pen_dark_mode_always button,
body.pen_dark_mode.pen_dark_mode_clock button,
body.pen_dark_mode.pen_dark_mode_always input,
body.pen_dark_mode.pen_dark_mode_clock input,
body.pen_dark_mode.pen_dark_mode_always select,
body.pen_dark_mode.pen_dark_mode_clock select,
body.pen_dark_mode.pen_dark_mode_always optgroup,
body.pen_dark_mode.pen_dark_mode_clock optgroup,
body.pen_dark_mode.pen_dark_mode_always textarea,
body.pen_dark_mode.pen_dark_mode_clock textarea {
color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always pre,
body.pen_dark_mode.pen_dark_mode_clock pre {
background: #555;
color: #fff;
}
body.pen_dark_mode.pen_dark_mode_always hr,
body.pen_dark_mode.pen_dark_mode_clock hr {
background-color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always .screen-reader-text:focus,
body.pen_dark_mode.pen_dark_mode_clock .screen-reader-text:focus {
background-color: #333;
color: #00b0ff;
}