introduce a highlight css variable
This commit is contained in:
parent
87f5623215
commit
70728b3fb1
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue