aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--pages/_app.tsx4
-rw-r--r--pages/post/[id].tsx7
-rw-r--r--styles/code.css2
-rw-r--r--styles/colors.css2
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;