]> git.joonet.de Git - adminer.git/commitdiff
CSS: Don't use dark theme with adminer.css
authorJakub Vrana <jakub@vrana.cz>
Thu, 13 Mar 2025 16:11:40 +0000 (17:11 +0100)
committerJakub Vrana <jakub@vrana.cz>
Thu, 13 Mar 2025 16:11:40 +0000 (17:11 +0100)
adminer/include/design.inc.php
adminer/static/dark.css [new file with mode: 0644]
adminer/static/default.css

index 9d346f55ed5c4d68bf809b4b1f6912d30158c942..e85a1d1f45519f582f7036ea5ee5b582d6313592 100644 (file)
@@ -28,15 +28,22 @@ function page_header($title, $error = "", $breadcrumb = array(), $title2 = "") {
 <meta name="robots" content="noindex">
 <meta name="viewport" content="width=device-width">
 <title><?php echo $title_page; ?></title>
-<link rel="stylesheet" type="text/css" href="../adminer/static/default.css">
-<?php echo script_src("../adminer/static/functions.js"); ?>
-<?php echo script_src("static/editing.js"); ?>
+<link rel="stylesheet" href="../adminer/static/default.css">
+<?php
+       $css = $adminer->css();
+       if ($css) {
+               foreach ($css as $val) {
+                       echo "<link rel='stylesheet' href='" . h($val) . "'>\n";
+               }
+       } else {
+               echo "<link rel='stylesheet' href='../adminer/static/dark.css'>\n";
+       }
+       echo script_src("../adminer/static/functions.js");
+       echo script_src("static/editing.js");
+       ?>
 <?php if ($adminer->head()) { ?>
 <link rel="shortcut icon" type="image/x-icon" href="../adminer/static/favicon.ico">
 <link rel="apple-touch-icon" href="../adminer/static/favicon.ico">
-<?php foreach ($adminer->css() as $css) { ?>
-<link rel="stylesheet" type="text/css" href="<?php echo h($css); ?>">
-<?php } ?>
 <?php } ?>
 
 <body class="<?php echo lang('ltr'); ?> nojs">
diff --git a/adminer/static/dark.css b/adminer/static/dark.css
new file mode 100644 (file)
index 0000000..383c638
--- /dev/null
@@ -0,0 +1,49 @@
+/** @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; }
+}
index 3121263af5cc7a193bc13ad104351658566401ea..e19a6d1538bd7686150559f097c55931f9acdf31 100644 (file)
@@ -1,4 +1,5 @@
 /** @author Ondrej Valka, http://valka.info */
+
 body { color: #000; background: #fff; font: 90%/1.25 Verdana, Arial, Helvetica, sans-serif; margin: 0; min-width: fit-content; }
 a { color: blue; text-decoration: none; }
 a:visited { color: navy; }
@@ -94,55 +95,6 @@ input.wayoff { left: -1000px; position: absolute; }
 .rtl #lang, .rtl #menu { left: auto; right: 0; }
 .rtl pre, .rtl code { direction: ltr; }
 
-@media (prefers-color-scheme: dark) {
-       /** @author Robert Mesaros, https://www.rmsoft.sk */
-       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; }
-}
-
 @media all and (max-width: 880px) {
        .pages { left: auto; }
        .logout { position: static; padding: 0 1em 1em; }