From 64ebfaa3e997fdd6b984db08dff1a6486c0106c6 Mon Sep 17 00:00:00 2001
From: SquidSpirit <squid@squidspirit.com>
Date: Mon, 28 Jul 2025 00:21:09 +0800
Subject: [PATCH 1/2] BLOG-87 Fix to unify post content title color (#88)

### Description

- Enhance typography and color consistency in PostPreview and PostContentPage
- Add tailwind configuration for custom typography styles

### Package Changes

_No response_

### Screenshots

_No response_

### Reference

Resolves #87

### Checklist

- [x] A milestone is set
- [x] The related issuse has been linked to this branch

Reviewed-on: https://git.squidspirit.com/squid/blog/pulls/88
Co-authored-by: SquidSpirit <squid@squidspirit.com>
Co-committed-by: SquidSpirit <squid@squidspirit.com>
---
 frontend/src/app.css                           |  1 +
 .../post/framework/ui/PostContentPage.svelte   |  2 +-
 .../lib/post/framework/ui/PostPreview.svelte   |  2 +-
 frontend/tailwind.config.js                    | 18 ++++++++++++++++++
 4 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 frontend/tailwind.config.js

diff --git a/frontend/src/app.css b/frontend/src/app.css
index 224a8cb..bc37462 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -1,5 +1,6 @@
 @import 'tailwindcss';
 @plugin '@tailwindcss/typography';
+@config "../tailwind.config.js";
 
 @font-face {
 	font-family: 'HackNerdMono';
diff --git a/frontend/src/lib/post/framework/ui/PostContentPage.svelte b/frontend/src/lib/post/framework/ui/PostContentPage.svelte
index d8093b8..18f4a0e 100644
--- a/frontend/src/lib/post/framework/ui/PostContentPage.svelte
+++ b/frontend/src/lib/post/framework/ui/PostContentPage.svelte
@@ -16,7 +16,7 @@
 	onMount(() => postBloc.dispatch({ event: PostEventType.PostLoadedEvent, id: id }));
 </script>
 
-<article class="container prose pb-10">
+<article class="container prose pb-10 prose-gray">
 	{#if state.data}
 		<PostContentHeader postInfo={state.data.info} />
 		<div class="max-w-3xl">
diff --git a/frontend/src/lib/post/framework/ui/PostPreview.svelte b/frontend/src/lib/post/framework/ui/PostPreview.svelte
index b4a4d0f..1a1b67d 100644
--- a/frontend/src/lib/post/framework/ui/PostPreview.svelte
+++ b/frontend/src/lib/post/framework/ui/PostPreview.svelte
@@ -34,7 +34,7 @@
 	</div>
 	<div class="flex flex-col gap-y-2.5">
 		<PostPreviewLabels labels={postInfo.labels} />
-		<span class="line-clamp-1 text-lg font-bold">{postInfo.title}</span>
+		<span class="line-clamp-1 text-lg font-bold text-gray-800">{postInfo.title}</span>
 		<span class="line-clamp-3 text-justify text-sm">{postInfo.description}</span>
 		<span class="text-sm text-gray-500">{postInfo.formattedPublishedTime}</span>
 	</div>
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
new file mode 100644
index 0000000..caa8dde
--- /dev/null
+++ b/frontend/tailwind.config.js
@@ -0,0 +1,18 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+	theme: {
+		extend: {
+			typography: () => ({
+				gray: {
+					css: {
+						'--tw-prose-body': 'var(--color-gray-700)',
+						'--tw-prose-headings': 'var(--color-gray-800)',
+						'--tw-prose-links': 'var(--color-gray-800)',
+						'--tw-prose-bold': 'var(--color-gray-800)',
+						'--tw-prose-quotes': 'var(--color-gray-800)'
+					}
+				}
+			})
+		}
+	}
+};

From 8d7b59263dd115bd16a92d5af73c8c18097419fb Mon Sep 17 00:00:00 2001
From: SquidSpirit <squid@squidspirit.com>
Date: Mon, 28 Jul 2025 00:22:39 +0800
Subject: [PATCH 2/2] NO-ISSUE build: update frontend version

---
 frontend/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/package.json b/frontend/package.json
index 3f8fb84..17a15b7 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "squidspirit-blog",
 	"private": true,
-	"version": "0.2.1",
+	"version": "0.2.2",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",