@media (prefers-color-scheme: dark) { body { background: #222; color: #ebebeb; } a { &, &:visited { color: #ebebeb; background: transparent !important; &:hover { color: #fff; } } } h1, h2 { background: transparent; color: #ebebeb; } h2 { border-color: #999; } #breadcrumb { background: transparent; } .footer { border-top-color: transparent; border-image: none; & > div { background: #222; } } td, tbody th { background: transparent !important; } th, thead td, tr.checked td, tr:hover td { background: #333 !important; } .column { background: #222 !important; } code { background: transparent; } .jush, .jush a { color: #ebebeb; } .jush-sqlite_quo { color: inherit; } .jush-num { color: inherit; } .jush-quo { color: inherit; } .error, .message { background: #333; color: #ebebeb; b { background: #222; } } #help { background: #333; } input, select { background: #333; color: #ebebeb; border: 1px solid #777; } input[type="submit"] { cursor: pointer; &:hover { background: #ebebeb; color: #222; } } }