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