paritybit.ca

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

Update css

Diffstat:
M
style/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 {