paritybit.ca

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

commit 7980991e2088bbd0b2f11f7fd180b0981ade487e
parent 447b39516b080a1b7ed0c3c205083282a659038f
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Mon, 27 Apr 2020 17:14:14 -0400

Update css

Diffstat:
Mstyle/main.css | 58++++++++++++++++++++++------------------------------------
1 file changed, 22 insertions(+), 36 deletions(-)

diff --git a/style/main.css b/style/main.css @@ -1,20 +1,13 @@ :root { - --bg: #222222; - --fg: #dddddd; - --bg-alt: #424242; - --fg-alt: #eaeaea; - --input-bg: #5b5b5b; + --bg: #25252a; + --fg: #cccccc; + --bg-bright: #36363a; + --fg-bright: #eaeaea; --unvis-link: #83b3d8; - --vis-link: #917ebf; + --vis-link: #A696CC; --hov-link: #80ccff; - --kbd-bg: #b4b4b4; - --kbd-fg: #333333; - --danger-bg: #880000; - --warning-bg: #9d3700; --notice-bg: #224499; - --info-fg: #ffffff; --border-dark: #585858; - --shadow: #000000; --font-size: 20px; --small-font: 0.9em; --large-font: 1.1em; @@ -48,7 +41,7 @@ a, nav a:visited { } a:hover, li a:hover, .feed-item:hover, nav a:hover { - color: var(--hov-link); + color: var(--hov-link) !important; text-decoration: underline; } @@ -65,29 +58,21 @@ li a, .feed-item { } pre { - background-color: var(--bg-alt); + background-color: var(--bg-bright); font-family: "DejaVu Sans Mono", monospace; overflow-x: auto; border: 2px var(--border-dark) solid; + border-radius: 5px; padding: 1em; text-indent: -0.25em; /*Needed otherwise first line indented for some reason*/ } code { - background-color: var(--bg-alt); - color: var(--fg-alt); + background-color: var(--bg-bright); + color: var(--fg-bright); font-size: var(--small-font); padding: 1px 4px; -} - -kbd { - background-color: var(--kbd-bg); - color: var(--kbd-fg); - border-radius: 3px; - display: inline-block; - font-size: var(--small-font); - font-weight: 700; - padding: 0px 4px; + border-radius: 5px; } img, video { @@ -99,23 +84,23 @@ figure { } input { - color: var(--fg-alt); - background-color: var(--input-bg); - border: 2px inset var(--shadow); + color: var(--fg-bright); + background-color: var(--bg-bright); + border: 2px inset var(--border-dark); border-radius: 5px; padding: 0.2em; } button { - color: var(--fg-alt); - background-color: var(--bg-alt); + color: var(--fg-bright); + background-color: var(--bg-bright); border-radius: 5px; padding: 4px 8px; } select { - color: var(--fg-alt); - background-color: var(--bg-alt); + color: var(--fg-bright); + background-color: var(--bg-bright); border-radius: 5px; border: 1px solid var(--shadow); height: 1.8em; @@ -153,7 +138,7 @@ select { } .feed-wrapper { - height: 3em; + margin-bottom: -1em; } .feed-title { @@ -162,7 +147,7 @@ select { #sitewide-banner { background-color: var(--notice-bg); - color: var(--info-fg); + color: var(--fg-bright); font-weight: bold; font-size: var(--small-font); text-align: center; @@ -182,7 +167,8 @@ select { margin: 0em 0em 1em 1em; width: 40%; border: 2px var(--border-dark) solid; - background-color: var(--kbd-fg); + border-radius: 5px; + background-color: var(--bg-bright); } #toc-title {