CSS: Move media selector to <link>

diff --git a/adminer/include/design.inc.php b/adminer/include/design.inc.php
index e85a1d1f45519f582f7036ea5ee5b582d6313592..077972fd7257556c1fadc777214cd05d39fed824 100644 (file)
--- a/adminer/include/design.inc.php
+++ b/adminer/include/design.inc.php
@@ -36,7 +36,7 @@ function page_header($title, $error = "", $breadcrumb = array(), $title2 = "") {
                        echo "<link rel='stylesheet' href='" . h($val) . "'>\n";
                }
        } else {
-               echo "<link rel='stylesheet' href='../adminer/static/dark.css'>\n";
+               echo "<link rel='stylesheet' media='(prefers-color-scheme: dark)' href='../adminer/static/dark.css'>\n";
        }
        echo script_src("../adminer/static/functions.js");
        echo script_src("static/editing.js");

diff --git a/adminer/static/dark.css b/adminer/static/dark.css
index 383c638f0d9e76a5b08d129c283c73238b327896..54bd76528b98810f60187378cfdd28ab8ac4ddf2 100644 (file)
--- a/adminer/static/dark.css
+++ b/adminer/static/dark.css
@@ -1,49 +1,47 @@
 /** @author Robert Mesaros, https://www.rmsoft.sk */
 
-@media (prefers-color-scheme: dark) {
-       body { color: #829bb0; background: #002240; }
-       a { color: #517fa8; }
-       a:visited { color: #517fa8; }
-       a:link:hover, a:visited:hover { color: #9bc0e1; }
-       h1 { border-color: #5e94c1; color: #ffddbf; background: #154269; }
-       h2 { border-color: #a3bdd3; color: #000; background: #3c678d; }
-       td, th { border-color: #0e416d; }
-       th { background: #11385a; }
-       thead td, thead th { color: #a8b05f; background: #011d35; }
-       thead th a { color: #a8b05f; }
-       fieldset { border-color: #16548a; }
-       code { background: #11385a; }
-       code[class^="jush-"] { color: #002240; background: #81a0bc; padding: .2em .5em; }
-       tbody tr:hover td, tbody tr:hover th { background: #133553; }
-       pre.jush { background: #a7c3dc; }
-       input.default { box-shadow: 1px 1px 1px #888; }
-       input.required, input.maxlength { box-shadow: 1px 1px 1px red; }
-       .version { color: #888; }
-       .js .column { background: #011d35; }
-       .error { color: red; background: #efdada; border: 1px solid #e76f6f; }
-       .error b { background: #002240; }
-       .message { color: #0b860b; background: #efe; border: 1px solid #7fbd7f; }
-       .message table { color: #829bb0; background: #002240; }
-       .char { color: #a949a9; }
-       .date { color: #59c159; }
-       .enum { color: #d55c5c; }
-       .binary { color: #9bc0e1; }
-       .odds tbody tr:nth-child(2n) { background: #042541; }
-       .js .checkable .checked td, .js .checkable .checked th { background: #10395c; color: #67a4a5; }
-       .js .checkable .checked:hover td, .js .checkable .checked:hover th { background: #133553; }
-       .js .checkable .checked a { color: #67a4a5; }
-       .icon { background-color: #062642; }
-       .icon:hover { background-color: #d1394e; }
-       .footer { border-top-color: rgba(0, 34, 64, .7); border-image-source: linear-gradient(rgba(0, 34, 64, 0.2), #002240); }
-       .footer > div { background: #002240; }
-       #menu p, #logins, #tables { border-color: #326b9c; }
-       #logins a, #tables a, #tables span { background: #002240; }
-       #breadcrumb { background: #154269; }
-       #h1 { color: #ffddbf; }
-       #version { color: #d2b397; }
-       #schema .table { border-color: #093459; }
-       #help { border-color: #666; background: #c7e4fe; }
-       #schema div.table a { color: #3c7bb3; }
-       #menu .active { color: #398c8d; }
-       #edit-fields tbody tr:hover td, #edit-fields tbody tr:hover th { background: #3b6f9d; }
-}
+body { color: #829bb0; background: #002240; }
+a { color: #517fa8; }
+a:visited { color: #517fa8; }
+a:link:hover, a:visited:hover { color: #9bc0e1; }
+h1 { border-color: #5e94c1; color: #ffddbf; background: #154269; }
+h2 { border-color: #a3bdd3; color: #000; background: #3c678d; }
+td, th { border-color: #0e416d; }
+th { background: #11385a; }
+thead td, thead th { color: #a8b05f; background: #011d35; }
+thead th a { color: #a8b05f; }
+fieldset { border-color: #16548a; }
+code { background: #11385a; }
+code[class^="jush-"] { color: #002240; background: #81a0bc; padding: .2em .5em; }
+tbody tr:hover td, tbody tr:hover th { background: #133553; }
+pre.jush { background: #a7c3dc; }
+input.default { box-shadow: 1px 1px 1px #888; }
+input.required, input.maxlength { box-shadow: 1px 1px 1px red; }
+.version { color: #888; }
+.js .column { background: #011d35; }
+.error { color: red; background: #efdada; border: 1px solid #e76f6f; }
+.error b { background: #002240; }
+.message { color: #0b860b; background: #efe; border: 1px solid #7fbd7f; }
+.message table { color: #829bb0; background: #002240; }
+.char { color: #a949a9; }
+.date { color: #59c159; }
+.enum { color: #d55c5c; }
+.binary { color: #9bc0e1; }
+.odds tbody tr:nth-child(2n) { background: #042541; }
+.js .checkable .checked td, .js .checkable .checked th { background: #10395c; color: #67a4a5; }
+.js .checkable .checked:hover td, .js .checkable .checked:hover th { background: #133553; }
+.js .checkable .checked a { color: #67a4a5; }
+.icon { background-color: #062642; }
+.icon:hover { background-color: #d1394e; }
+.footer { border-top-color: rgba(0, 34, 64, .7); border-image-source: linear-gradient(rgba(0, 34, 64, 0.2), #002240); }
+.footer > div { background: #002240; }
+#menu p, #logins, #tables { border-color: #326b9c; }
+#logins a, #tables a, #tables span { background: #002240; }
+#breadcrumb { background: #154269; }
+#h1 { color: #ffddbf; }
+#version { color: #d2b397; }
+#schema .table { border-color: #093459; }
+#help { border-color: #666; background: #c7e4fe; }
+#schema div.table a { color: #3c7bb3; }
+#menu .active { color: #398c8d; }
+#edit-fields tbody tr:hover td, #edit-fields tbody tr:hover th { background: #3b6f9d; }