feat(style): theme cleanup and style refine (#142)

## ✨ Features Updates && 🐛 Bug Fix && 🛠 Code Refactor && 📦 Dependency
Update

### 📌 Description

This PR mainly served to utilize most of the TailwindCSS v4 features.
And extract re-usable styles and utilities outside `global.css`. Improve
maintainability and usability of the whole theme.

### 🔍 Feature Changes

- [x] New component or page
  - [x] Add support for checkbox `[x] [ ]` inside markdown file.
- [ ] API update
- [x] UI/UX improvement:
- [x] The Custom scrollbar background was removed for the code block and
TOC. Also border radius is consistent now.
  - [x] Code block shadow decreased from `lg` to `md`.
  - [x] Table boarder radius and overlay on corner issues fixed.
- [ ] Other

### 🔄 Refactor Changes

- [ ] Code optimization
- [x] Improve maintainability:
- [x] Remove unnecessary code:
	- [x] `Suspense` for `CategoriesTagsList.tsx`.
	- [x] Remove `Overlay` prop for `MetaInfo` inside `ArticlePage.tsx`.
- [ ] Other

### 🛠 Bug Fixes

- [ ] Fixed issue
- [x] Improved error handling: inside root `layout.tsx`, add more error
handling for `RSS` option from config.
- [ ] Performance fix
- [x] Other: switch links with `prefetch={false}` to barebone `<a>` tag.

### ✅ Checklist

1. Feature Updates:

- [x] Code follows project coding style.
- [x] Tested in a Next.js environment.
- [ ] Relevant documentation is updated.

2. Bug Fixes:

- [x] Bug has been reproduced and verified.
- [x] Fix does not introduce new issues.
- [ ] Added necessary tests.

3. Code Refactor:

- [x] No breaking changes introduced.
- [x] Performance improvement validated.
- [x] Documentation updated if necessary.

4. Dependency Updates:

- [x] Verified functionality after update.
- [x] Checked for security vulnerabilities using `npm audit` / `pnpm
audit`.

### 📜 Dependency Changes

| Dependency Name | Old Version | New Version | Reason |
| --------------- | ----------- | ----------- |
---------------------------------- |
| Tailwind CSS    | 4.0.13      | 4.0.14      | Patch Update           |

### 💬 Additional Notes

- We need to improve the img logic inside the markdown.
- `LoadingIndicator.tsx` is not used now, consider to remove.
- Maximum width of contents could be changed from `max-w-3xl` to
`max-w-5xl` or even larger.

Author: ZL-Asica

CHANGELOG.md

@@ -1,5 +1,34 @@
 # SuzuBlog Changelog
 
+## 1.5.1
+
+### Patch Changes
+
+- Fix anime page styling issue
+
+  - Forget to update anime page.
+  - Also update dark mode styling to improve contrast.
+
+## 1.5.0
+
+### Minor Changes
+
+- Theme cleanup and style refine
+
+  - feat(makrdown): add style for checkbox related
+
+  - 7daad73: style(global): styles clean up and re-structure
+
+    - Move reusable styles into `styles` folder.
+    - Fix custom scroll bar consistence.
+    - Fix minor styling issue and contract issue.
+    - Improve A11Y overall experience.
+    - Remove img min-h limit in markdown. Remember to refine this in the future.
+    - Remove Suspense for `CategoriesTagsList.tsx`. LoadingIndicator is non-used component now.
+
+  - 2548e85: chore: clean up some code
+  - 215b4eb: feat(darkTheme): theme setting only store for 7 days
+
 ## 1.4.3
 
 ### Patch Changes

README.md

@@ -14,6 +14,8 @@
 [![Eslint][eslint-badge]][eslint-link]
 [![Prettier][prettier-badge]][prettier-link]
 
+- [**Demo**](https://www.zla.pub) 🚀
+  Check out the live demo of Suzu Blog.
 - [**Documentation**](https://suzu.zla.app) 📚
   Learn how to start, configure and customize your Suzu Blog with detailed instructions.
 

README_JA.md

@@ -14,6 +14,8 @@
 [![Eslint][eslint-badge]][eslint-link]
 [![Prettier][prettier-badge]][prettier-link]
 
+- [**デモ**](https://www.zla.pub) 🚀
+  Suzu Blog のライブデモをチェック。
 - [**ドキュメント**](https://suzu.zla.app) 📚
   Suzu Blog の開始、設定、カスタマイズ方法を詳細に説明。
 

README_ZH.md

@@ -14,6 +14,8 @@
 [![Eslint][eslint-badge]][eslint-link]
 [![Prettier][prettier-badge]][prettier-link]
 
+- [**演示**](https://www.zla.pub) 🚀
+  查看 Suzu Blog 的实时演示。
 - [**文档**](https://suzu.zla.app) 📚
   学习如何使用详细说明开始、配置和自定义 Suzu Blog。
 

package.json

@@ -1,8 +1,8 @@
 {
   "name": "suzu-blog",
-  "version": "1.4.3",
+  "version": "1.5.1",
   "private": true,
-  "packageManager": "[email protected].2",
+  "packageManager": "[email protected].3",
   "author": {
     "name": "ZL Asica",
     "email": "[email protected]",
@@ -29,12 +29,12 @@
   "dependencies": {
     "@vercel/analytics": "^1.5.0",
     "@vercel/speed-insights": "^1.2.0",
-    "@zl-asica/react": "^0.3.17",
+    "@zl-asica/react": "^0.4.1",
     "clsx": "^2.1.1",
     "es-toolkit": "^1.33.0",
     "gray-matter": "^4.0.3",
     "katex": "^0.16.21",
-    "lucide-react": "^0.479.0",
+    "lucide-react": "^0.482.0",
     "next": "15.2.2",
     "react": "19.0.0",
     "react-dom": "19.0.0",
@@ -51,11 +51,11 @@
     "zod": "^3.24.2"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.10.0",
+    "@antfu/eslint-config": "^4.10.1",
     "@changesets/cli": "^2.28.1",
-    "@eslint-react/eslint-plugin": "^1.32.0",
+    "@eslint-react/eslint-plugin": "^1.34.0",
     "@next/eslint-plugin-next": "^15.2.2",
-    "@tailwindcss/postcss": "^4.0.13",
+    "@tailwindcss/postcss": "^4.0.14",
     "@types/node": "^22.13.10",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
@@ -66,13 +66,13 @@
     "eslint-plugin-react-refresh": "^0.4.19",
     "eslint-plugin-tailwindcss": "^3.18.0",
     "husky": "^9.1.7",
-    "lint-staged": "^15.4.3",
+    "lint-staged": "^15.5.0",
     "postcss": "^8.5.3",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-preset-env": "^10.1.5",
     "prettier": "^3.5.3",
     "rss": "^1.2.2",
-    "tailwindcss": "^4.0.13",
+    "tailwindcss": "^4.0.14",
     "typescript": "^5.8.2"
   },
   "lint-staged": {