paritybit.ca

commit 9430a135f3e8e31c7a91e61d95d7744861cb9349
parent bf6816abe849c7a0f36800aa9535fafe3a0763f7
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Sat,  1 Jan 2022 18:07:51 -0500

Revamp style for APCA

Diffstat:
M
style/main.css
 | 
41
++++++++++++++++++++++-------------------

1 file changed, 22 insertions(+), 19 deletions(-)
diff --git a/style/main.css b/style/main.css
@@ -43,7 +43,7 @@ nav a:hover {
 	text-decoration: underline;
 }
 
-a, nav a:visited {
+a, nav a:visited{
 	color: #134799;
 }
 
@@ -90,7 +90,7 @@ button:active {
 }
 
 table, th, td {
-	border: 2px solid #585858;
+	border: 2px solid #666;
 	border-collapse: collapse;
 	text-align: left;
 }
@@ -104,7 +104,7 @@ th {
 }
 
 .note {
-	background-color: #69a;
+	background-color: #ade;
 	border-radius: 5px;
 	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.5);
 	padding: 15px 20px;
@@ -118,7 +118,7 @@ th {
 #table-of-contents {
 	float: right;
 	width: 45%;
-	border: 2px #585858 solid;
+	border: 2px #666 solid;
 	background-color: #eee;
 }
 
@@ -129,14 +129,16 @@ th {
 }
 
 pre {
-	background-color: #ccc;
+	background-color: #ddd;
 	overflow: auto;
 	padding: 0.5em;
 	line-height: 1.1rem;
+	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.5);
+	border: 1px black solid;
 }
 
 code {
-	background-color: #ccc;
+	background-color: #ddd;
 	font-family: "IBM Plex Mono", monospace;
 	font-size: 0.9rem;
 }
@@ -167,36 +169,36 @@ code {
 
 @media (prefers-color-scheme: dark) {
 	body {
-		background-color: #222;
-		color: #ccc;
+		background-color: #1f1f1f;
+		color: #ddd;
 	}
 	a, nav a:visited {
-		color: #83b3d8;
+		color: #9abdda;
 	}
 	a:visited {
-		color: #a696cc;
+		color: #c0ade3;
 	}
 	blockquote {
-		border-left: 3px solid #83b3d8;
+		border-left: 3px solid #9abdda;
 	}
 	input {
-		color: #ccc;
+		color: #ddd;
 		background-color: #333;
-		border: 2px inset #585858;
+		border: 2px inset #666;
 	}
 	button {
-		color: #ccc;
+		color: #ddd;
 		background-color: #333;
-		border: 2px outset #585858;
+		border: 2px outset #666;
 	}
 	button:hover {
-		border: 2px outset #83b3d8;
+		border: 2px outset #9abdda;
 	}
 	button:active {
-		border: 2px inset #585858;
+		border: 2px inset #666;
 	}
 	th {
-		background-color: #363636;
+		background-color: #222;
 	}
 	.note {
 		background-color: #245;
@@ -205,10 +207,11 @@ code {
 		color: #ccc;
 	}
 	#table-of-contents {
-		background-color: #363636;
+		background-color: #222;
 	}
 	pre {
 		background-color: #333;
+		border: 1px #666 solid;
 	}
 	code {
 		background-color: #333;