introduce a highlight css variable

This commit is contained in:
Ted Unangst 2019-12-09 04:48:14 -05:00
parent 87f5623215
commit 70728b3fb1
1 changed files with 8 additions and 4 deletions

View File

@ -2,6 +2,7 @@ html {
--bg-page: #306; --bg-page: #306;
--bg-dark: #002; --bg-dark: #002;
--fg: #dcf; --fg: #dcf;
--hl: #dcf;
--fg-subtle: #a9c; --fg-subtle: #a9c;
--fg-limited: #a79; --fg-limited: #a79;
} }
@ -76,7 +77,7 @@ header > details {
header > details[open] { header > details[open] {
padding: 1em 1em 0em 1em; padding: 1em 1em 0em 1em;
background: var(--bg-dark); background: var(--bg-dark);
border: 1px solid var(--fg); border: 1px solid var(--hl);
margin-bottom: 1em; margin-bottom: 1em;
opacity: 1.0; opacity: 1.0;
} }
@ -102,9 +103,12 @@ main {
margin: auto; margin: auto;
font-size: 1.5em; font-size: 1.5em;
} }
hr {
border-color: var(--hl);
}
.info { .info {
background: var(--bg-dark); background: var(--bg-dark);
border: 1px solid var(--fg); border: 1px solid var(--hl);
margin-bottom: 1em; margin-bottom: 1em;
padding: 0em 1em 0em 1em; padding: 0em 1em 0em 1em;
} }
@ -120,7 +124,7 @@ label.button, button, select {
font-family: monospace; font-family: monospace;
color: var(--fg); color: var(--fg);
background: var(--bg-page); background: var(--bg-page);
border: 1px solid var(--fg); border: 1px solid var(--hl);
padding: 0.5em; padding: 0.5em;
white-space: nowrap; white-space: nowrap;
} }
@ -175,7 +179,7 @@ input[type=file] {
.honk { .honk {
margin: auto; margin: auto;
background: var(--bg-dark); background: var(--bg-dark);
border: 1px solid var(--fg); border: 1px solid var(--hl);
border-radius: 1em; border-radius: 1em;
margin-bottom: 1em; margin-bottom: 1em;
padding-left: 1em; padding-left: 1em;