paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit b348448d19848ea062c169c4e82be9dd2635481a
parent 8447d25ccebd9d1cf9d5233145e381c6730d979e
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Mon, 20 Jan 2020 20:27:48 -0500

Tweak styling

Diffstat:
Mstyle/main.css | 105+++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------
1 file changed, 73 insertions(+), 32 deletions(-)

diff --git a/style/main.css b/style/main.css @@ -16,12 +16,16 @@ --shadow: #000000; /* LIGHT THEME COLOURS */ --bg-light: #ffffff; - --fg-light: #111111; - --bg-alt-light: #dfdfdf; - --fg-alt-light: #151515; - --unvis-link-light: #0066aa; - --vis-link-light: #666633; /* NEEDS IMPROVEMENT */ - --hov-link-light: #cc9900; + --fg-light: #222222; + --bg-alt-light: #ededed; + --fg-alt-light: #333333; + --unvis-link-light: #0645ad; /* From Wikipedia's Scheme */ + --vis-link-light: #663366; /* From Wikipedia's Scheme */ + --hov-link-light: #0b0080; + --danger-bg-light: #aa0000; + --warning-bg-light: #c25400; + --notice-bg-light: #2d37cd; + --border-light: #a3a3a3; } body { @@ -72,8 +76,7 @@ pre { background-color: var(--bg-alt); font-family: "DejaVu Sans Mono", monospace; overflow-x: auto; - border: 3px #585858 solid; - box-shadow: inset 0 0 0 2px rgba(40, 40, 40, 0.5); + border: 3px var(--border-dark) solid; padding: 1em; text-indent: -0.25em; /*Needed otherwise first line indented for some reason*/ } @@ -152,16 +155,6 @@ img { display: inline-block; } -#sitewide-banner { - background-color: var(--danger-bg); - color: var(--info-fg); - font-weight: bold; - font-size: 0.9em; - text-align: center; - padding: 1em; - margin: auto; -} - .inline-notice, .inline-warning, .inline-danger { color: var(--info-fg); font-size: 0.9em; @@ -188,6 +181,16 @@ img { background-color: var(--danger-bg); } +#sitewide-banner { + background-color: var(--notice-bg); + color: var(--info-fg); + font-weight: bold; + font-size: 0.9em; + text-align: center; + padding: 1em; + margin: auto; +} + #header { text-align: center; clear: both; @@ -211,7 +214,7 @@ img { #toc-title { font-size: 1.1em; font-weight: bold; - padding-left: 10px; + padding-left: 1em; } #footer { @@ -257,26 +260,64 @@ img { } } -/* @media (prefers-color-scheme: light) { */ -/* body { background-color: var(--bg-light); color: var(--fg-light); } */ +@media all and (prefers-color-scheme: light) { + body { + background-color: var(--bg-light); + color: var(--fg-light); + } + + h1, h2, h3, h4, h5 ,h6 { + color: var(--fg-alt-light); + } + + pre { + background-color: var(--bg-alt-light); + border: 3px var(--border-light) solid; + } -/* a { color: var(--unvis-link-light); } */ + code { + background-color: var(--bg-alt-light); + color: var(--fg-alt-light); + } -/* a:visited { color: var(--vis-link-light); } */ +.inline-notice { + background-color: var(--notice-bg-light); +} + +.inline-warning { + background-color: var(--warning-bg-light); +} -/* a:hover { color: var(--hov-link-light); } */ +.inline-danger { + background-color: var(--danger-bg-light); +} -/* pre { background-color: var(--bg-alt-light); } */ + a { + color: var(--unvis-link-light); + } -/* code { background-color: var(--bg-alt-light); color: var(--fg-alt-light); } */ + a:visited { + color: var(--vis-link-light); + } -/* kbd { background-color: var(--kbd-bg); color: var(--kbd-fg); } */ + a:hover { + color: var(--hov-link-light); + } -/* .back-to-top, .back-to-top:hover, .back-to-top:visited { color: var(--unvis-link); } */ + #header a, #header a:visited { + color: var(--fg-alt-light); + } -/* .back-to-top:hover { text-shadow: 2px 2px var(--vis-link); } */ + #table-of-contents { + background-color: var(--bg-alt-light); + border: 3px var(--border-light) solid; + } -/* #header a, #header a:visited { color: var(--fg); } */ + .back-to-top, .back-to-top:hover, .back-to-top:visited { + color: var(--unvis-link-light); + } -/* #table-of-contents { background-color: var(--kbd-fg); } */ -/* } */ + .back-to-top:hover { + text-shadow: 2px 2px var(--vis-link-light); + } +}