gbanyan/blog-nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust single post typography colors for dark mode

Browse Source
This commit is contained in:
gbanyan
2025-11-17 18:00:01 +08:00
parent 0bff9bf7f6
commit 0399b303c8
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/blog/[slug]/page.tsx
View File

@@ -40,7 +40,7 @@ export default function BlogPostPage({ params }: Props) {
<aside className="hidden w-56 shrink-0 lg:block"> <aside className="hidden w-56 shrink-0 lg:block">
<PostToc /> <PostToc />
</aside> </aside>
<article className="prose dark:prose-invert max-w-none flex-1"> <article className="prose max-w-none flex-1">
<h1>{post.title}</h1> <h1>{post.title}</h1>
{post.feature_image && ( {post.feature_image && (
// feature_image is stored as "../assets/xyz", serve from "/assets/xyz" // feature_image is stored as "../assets/xyz", serve from "/assets/xyz"
@@ -52,18 +52,18 @@ export default function BlogPostPage({ params }: Props) {
/> />
)} )}
{post.published_at && ( {post.published_at && (
<p className="text-xs text-gray-500"> <p className="text-xs text-slate-500 dark:text-slate-400">
{new Date(post.published_at).toLocaleDateString( {new Date(post.published_at).toLocaleDateString(
siteConfig.defaultLocale siteConfig.defaultLocale
)} )}
</p> </p>
)} )}
{post.tags && ( {post.tags && (
<p className="mt-1 text-xs"> <p className="mt-1 text-xs text-slate-600 dark:text-slate-200">
{post.tags.map((t) => ( {post.tags.map((t) => (
<span <span
key={t} key={t}
className="mr-1 rounded bg-gray-200 px-1 dark:bg-gray-800" className="mr-1 rounded bg-slate-100 px-1 dark:bg-slate-800"
> >
#{t} #{t}
</span> </span>