CSS: Highlight anchor

diff --git a/adminer/static/dark.css b/adminer/static/dark.css
index 755c89fecb0900719579dea253eb3555207dac0b..a2b69f5a8b2cbc22c2871a9e9b26d038fce68ce5 100644 (file)
--- a/adminer/static/dark.css
+++ b/adminer/static/dark.css
@@ -4,17 +4,16 @@ html {
        --bg: #002240;
        --fg: #829bb0;
        --dim: #154269;
+       --lit: #011d35;
 }
 
-a { color: #618CB3; }
-a:visited { color: #618CB3; }
+a, a:visited { color: #618cb3; }
 a:link:hover, a:visited:hover { color: #9bc0e1; }
 h1 { border-color: #5e94c1; color: #ffddbf; }
 h2 { border-color: #a3bdd3; color: #000; background: #3c678d; }
 table, td, th { border-color: #0e416d; }
 th { background: #11385a; }
-thead td, thead th { color: #a8b05f; background: #011d35; }
-thead th a { color: #a8b05f; }
+thead td, thead th, thead th a { color: #a8b05f; }
 fieldset { border-color: #16548a; }
 code { background: #11385a; }
 tbody tr:hover td, tbody tr:hover th { background: #133553; }
@@ -22,7 +21,6 @@ pre.jush { background: #11385a; }
 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: #efeaea; }
 .message { color: #0b860b; background: #efe; border: 1px solid #7fbd7f; }
@@ -45,3 +43,4 @@ input.required, input.maxlength { box-shadow: 1px 1px 1px red; }
 #schema div.table a { color: #3c7bb3; }
 #menu .active { color: #398c8d; }
 #edit-fields tbody tr:hover td, #edit-fields tbody tr:hover th { background: #3b6f9d; }
+:target { color: #a8b05f; }

diff --git a/adminer/static/default.css b/adminer/static/default.css
index 9178e1272c2fff59c02ec71df45007f72257b36b..313ca59d4eb76af0c67b415c1b7c0c4e34dc7e89 100644 (file)
--- a/adminer/static/default.css
+++ b/adminer/static/default.css
@@ -4,6 +4,7 @@ html {
        --bg: #fff;
        --fg: #000;
        --dim: #eee;
+       --lit: #ddf;
 }
 
 body { color: var(--fg); background: var(--bg); font: 90%/1.25 Verdana, Arial, Helvetica, sans-serif; margin: 0; min-width: fit-content; }
@@ -13,7 +14,7 @@ a:link:hover, a:visited:hover { color: red; text-decoration: underline; }
 a.text:hover { text-decoration: none; }
 a.jush-help:hover { color: inherit; }
 h1 { font-size: 150%; margin: 0; padding: .8em .667em; border-bottom: 1px solid #999; font-weight: normal; color: #777; background: var(--dim); }
-h2 { font-size: 150%; margin: 0 0 20px -18px; padding: .8em 1em; border-bottom: 1px solid var(--fg); font-weight: normal; background: #ddf; }
+h2 { font-size: 150%; margin: 0 0 20px -18px; padding: .8em 1em; border-bottom: 1px solid var(--fg); font-weight: normal; background: var(--lit); }
 h3 { font-weight: normal; font-size: 130%; margin: 1em 0 0; }
 form { margin: 0; }
 td table { width: 100%; margin: 0; }
@@ -23,7 +24,7 @@ td, th { border-width: 0 1px 1px 0; padding: .2em .3em; margin: 0; }
 th { background: var(--dim); text-align: left; }
 thead { position: sticky; top: 0; }
 thead th { text-align: center; padding: .2em .5em; }
-thead td, thead th { background: #ddf; }
+thead td, thead th { background: var(--lit); }
 fieldset { display: inline; vertical-align: top; padding: .5em .8em; margin: .8em .5em 0 0; border: 1px solid #999; border-radius: 5px; }
 p { margin: .8em 20px 0 0; }
 img { vertical-align: middle; border: 0; }
@@ -44,7 +45,7 @@ input.wayoff { left: -1000px; position: absolute; }
 .block { display: block; }
 .version { color: #777; font-size: 62%; }
 .js .hidden, .nojs .jsonly { display: none; }
-.js .column { position: absolute; background: #ddf; padding: .27em 1ex .3em 0; margin-top: -.27em; }
+.js .column { position: absolute; background: var(--lit); padding: .27em 1ex .3em 0; margin-top: -.27em; }
 .nowrap td, .nowrap th, td.nowrap, p.nowrap { white-space: pre; }
 .wrap td { white-space: normal; }
 .error { color: red; background: #fee; }
@@ -57,7 +58,7 @@ input.wayoff { left: -1000px; position: absolute; }
 .enum { color: #007F7F; }
 .binary { color: red; }
 .odds tbody tr:nth-child(2n) { background: #F5F5F5; }
-.js .checkable .checked td, .js .checkable .checked th { background: #ddf; }
+.js .checkable .checked td, .js .checkable .checked th { background: var(--lit); }
 .time { color: silver; font-size: 70%; }
 .function, .number, .datetime { text-align: right; }
 .type { width: 15ex; }
@@ -96,6 +97,7 @@ input.wayoff { left: -1000px; position: absolute; }
 #schema .table { border: 1px solid silver; padding: 0 2px; cursor: move; position: absolute; }
 #schema .references { position: absolute; }
 #help { position: absolute; border: 1px solid #999; background: var(--dim); padding: 5px; font-family: monospace; z-index: 1; }
+:target { background: var(--lit); }
 
 /* inlined here and not in compile.php because otherwise the development version flickers a little bit when loading the images */
 .icon-up { background-image: url(data:image/gif;base64,R0lGODlhEgASAIEAMe7u7gAAgJmZmQAAACH5BAEAAAEALAAAAAASABIAAQIghI+py+0PTQhRTgrvfRP0nmEVOIoReZphxbauAMfyHBcAOw==); }