CSS: Add dark theme

diff --git a/adminer/static/default.css b/adminer/static/default.css
index 08fac8adb7bd94c3fa6ea11ff4fcbc3aa019d607..6d0bfe83005dba26bbbae68baff6dc76a2f00ca9 100644 (file)
--- a/adminer/static/default.css
+++ b/adminer/static/default.css
@@ -94,6 +94,48 @@ 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: #1d4e78; color: #ffddbf; background: #1d4e78; }
+       h2 { border-color: #b9cbda; color: #000; background: #3c678d; }
+       td, th { border-color: #0e416d; }
+       th { background: #11385a; }
+       thead td, thead th { color: #a8b05f; background: #011d35; }
+       fieldset { border-color: #16548a; }
+       code { 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: #ff80ff; }
+       .date { color: #80ff80; }
+       .enum { color: #ff8080; }
+       .binary { color: #9bc0e1; }
+       .odds tbody tr:nth-child(2n):not(.checked, :hover) td { background: #042541; }
+       .js .checkable .checked td, .js .checkable .checked th { background: #10395c; }
+       .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: #1d4e78; }
+       #h1 { color: #ffddbf; }
+       #version { color: #d2b397; }
+       #schema .table { border-color: #093459; }
+       #help { border-color: #666; background: #c7e4fe; }
+}
+
 @media all and (max-width: 880px) {
        .pages { left: auto; }
        .logout { position: static; padding: 0 1em 1em; }

diff --git a/changes.txt b/changes.txt
index 08b1e73020da1e114015bd45c5257b32c11c6049..4b632f1e2b23f7050eb9d8778ac6efaae4883f4e 100644 (file)
--- a/changes.txt
+++ b/changes.txt
@@ -4,6 +4,7 @@ MySQL: Allow setting default values of json column
 MariaDB: Don't display NULL as default value (regression from 5.0.0)
 PostgreSQL PDO: Escape bytea values (bug #218)
 MS SQL: Fix editing rows with datetime column in primary key
+CSS: Add dark theme
 
 Adminer 5.0.4 (released 2025-03-11):
 Compile: Fix shortening in private methods (regression from 5.0.3)