css: Make content in <pre> more readable

This commit changes the background color of <pre> to be a bit less
colourful, and changes text color from pure black to a slightly tinged
black to increase readability.

1 files changed, 3 insertions, 1 deletions

diff --git a/scss/style.scss b/scss/style.scss
index d8b1fd4..1fee967 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -6,7 +6,8 @@ $font-serif: Alegreya, serif;
 $font-mono: Iosevka, Inconsolata, monospace;
 
 $yellow: #ffd400;
-$canary: #ffffb3; 
+$canary: #ffffd3;
+$canary-text: #191900;
 
 body {
 	background-color: white;
@@ -29,6 +30,7 @@ code {
 
 pre {
 	background-color: $canary;
+	color: $canary-text;
 	overflow: auto;
 	padding: .7rem;
 }