From 352ef9c7780bfa9822137109ce9eb97efcab1fc8 Mon Sep 17 00:00:00 2001 From: Jakub Vrana Date: Thu, 13 Mar 2025 17:11:40 +0100 Subject: [PATCH] CSS: Don't use dark theme with adminer.css --- adminer/include/design.inc.php | 19 +++++++++---- adminer/static/dark.css | 49 +++++++++++++++++++++++++++++++++ adminer/static/default.css | 50 +--------------------------------- 3 files changed, 63 insertions(+), 55 deletions(-) create mode 100644 adminer/static/dark.css diff --git a/adminer/include/design.inc.php b/adminer/include/design.inc.php index 9d346f55..e85a1d1f 100644 --- a/adminer/include/design.inc.php +++ b/adminer/include/design.inc.php @@ -28,15 +28,22 @@ function page_header($title, $error = "", $breadcrumb = array(), $title2 = "") { <?php echo $title_page; ?> - - - + +css(); + if ($css) { + foreach ($css as $val) { + echo "\n"; + } + } else { + echo "\n"; + } + echo script_src("../adminer/static/functions.js"); + echo script_src("static/editing.js"); + ?> head()) { ?> -css() as $css) { ?> - - diff --git a/adminer/static/dark.css b/adminer/static/dark.css new file mode 100644 index 00000000..383c638f --- /dev/null +++ b/adminer/static/dark.css @@ -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; } +} diff --git a/adminer/static/default.css b/adminer/static/default.css index 3121263a..e19a6d15 100644 --- a/adminer/static/default.css +++ b/adminer/static/default.css @@ -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; }