diff options
-rw-r--r-- | pages/_app.tsx | 4 | ||||
-rw-r--r-- | pages/post/[id].tsx | 7 | ||||
-rw-r--r-- | styles/code.css | 2 | ||||
-rw-r--r-- | 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; |