introduce a highlight css variable
Ted Unangst tedu@tedunangst.com
Mon, 09 Dec 2019 04:48:14 -0500
1 files changed,
8 insertions(+),
4 deletions(-)
jump to
M
views/style.css
→
views/style.css
@@ -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[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; }@@ -101,10 +102,13 @@ main {
max-width: 1200px; 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 @@ font-size: 16px;
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 @@
.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;