From 86d5773c3ab4814cc9a6d09bc991c5bf18003404 Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Tue, 13 Jul 2021 11:23:17 +0200
Subject: colors and meta tags

---
 pages/_app.tsx      | 4 +++-
 pages/post/[id].tsx | 7 +++++++
 styles/code.css     | 2 +-
 styles/colors.css   | 2 +-
 4 files changed, 12 insertions(+), 3 deletions(-)
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 0f1e87b..f0b964e 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -24,7 +24,9 @@ export default function Blog({ Component, pageProps }) {
 			<meta property='og:title' content="Loek's excruciatingly interesting blog" />
 			<meta property='og:description' content='This is my personal blog website' />
 			<meta property='og:type' content='website' />
-			<meta name='theme-color' content='#ee6352' />
+
+			<meta name='theme-color' media='(prefers-color-scheme: light)' content='#c9c9dd' />
+			<meta name='theme-color' media='(prefers-color-scheme: dark)' content='#0D0C1A' />
 		</Head>
 		<Component {...pageProps} />
 	</>;
diff --git a/pages/post/[id].tsx b/pages/post/[id].tsx
index 46606f8..70347c8 100644
--- a/pages/post/[id].tsx
+++ b/pages/post/[id].tsx
@@ -1,3 +1,4 @@
+import Head from 'next/head';
 import { readdirSync, readFileSync } from 'fs';
 import { join } from 'path';
 import { ReactNode } from 'react';
@@ -80,6 +81,12 @@ export default function Post(props: {
 	meta: ArticleMeta;
 }) {
 	return <div>
+		<Head>
+			<title>{props.meta.title} - Loek's Blog</title>
+			<meta property='og:site_name' content={props.meta.date} />
+			<meta property='og:title' content={props.meta.title} />
+			<meta property='og:description' content={props.meta.subtitle} />
+		</Head>
 		<div className='centeredPage'>
 			<div className='titleWrapper'>
 				<h1>{props.meta.title}</h1>
diff --git a/styles/code.css b/styles/code.css
index b78dde2..f43381d 100644
--- a/styles/code.css
+++ b/styles/code.css
@@ -43,7 +43,7 @@ pre {
 
 	.prismjs .token.comment {
 		color: var(--oxford-blue);
-		opacity: .4;
+		opacity: .5;
 	}
 }
 
diff --git a/styles/colors.css b/styles/colors.css
index f1978f4..3cb13d5 100644
--- a/styles/colors.css
+++ b/styles/colors.css
@@ -16,7 +16,7 @@
 
 @media (prefers-color-scheme: light) {
 	:root {
-		--heliotrope-gray: #c9c9dd;
+		--heliotrope-gray: #dbdbe6;
 		--purple-navy: #989abb;
 
 		--fire-opal: #ba3321;
-- 
cgit v1.2.3

