docs: add theme-color-schemes guide

- remove 95% width restriction
- adjust the transparency of the buttons
- update tag formatting for posts
- update the offset of the underline for links

package.json

@@ -23,7 +23,7 @@
     "astro-og-canvas": "^0.7.0",
     "astro-robots-txt": "^1.0.0",
     "canvaskit-wasm": "^0.40.0",
-    "katex": "^0.16.21",
+    "katex": "^0.16.22",
     "markdown-it": "^14.1.0",
     "overlayscrollbars": "^2.11.1",
     "photoswipe": "^5.4.4",
@@ -34,10 +34,10 @@
     "sanitize-html": "^2.15.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.11.0",
+    "@antfu/eslint-config": "^4.12.0",
     "@astrojs/check": "^0.9.4",
     "@types/markdown-it": "^14.1.2",
-    "@types/node": "^22.14.0",
+    "@types/node": "^22.14.1",
     "@types/sanitize-html": "^2.15.0",
     "@unocss/eslint-plugin": "66.1.0-beta.10",
     "@unocss/preset-attributify": "66.1.0-beta.10",
@@ -45,7 +45,7 @@
     "astro-eslint-parser": "^1.2.2",
     "eslint": "^9.24.0",
     "eslint-plugin-astro": "^1.3.1",
-    "lint-staged": "^15.5.0",
+    "lint-staged": "^15.5.1",
     "mdast-util-to-string": "^4.0.0",
     "reading-time": "^1.5.0",
     "sharp": "^0.34.1",

src/components/Widgets/GoBack.astro

@@ -1,7 +1,7 @@
 <button
   id="back-button"
   class="hidden"
-  lg="block absolute c-secondary/25 left--10 top-1/2 aspect-square w-4.5 translate-y--1/2 transition-colors ease-out c-secondary active:scale-90 hover:c-primary/60"
+  lg="block absolute c-secondary/40 left--10 top-1/2 aspect-square w-4.5 translate-y--1/2 transition-colors ease-out c-secondary active:scale-90 hover:c-primary/80"
   aria-label="Back to home"
 >
   <svg

src/components/Widgets/TOC.astro

@@ -32,7 +32,7 @@ const filteredHeadings = headings.filter(heading =>
     <div class="relative h-12 w-full bg-transparent">
       <label
         for="toc-toggle"
-        class="absolute inset-0 flex cursor-pointer items-center 2xl:(static h-max w-max flex c-secondary/25 transition-colors ease-out hover:c-secondary/60)"
+        class="absolute inset-0 flex cursor-pointer items-center 2xl:(static h-max w-max flex c-secondary/40 transition-colors ease-out hover:c-secondary/80)"
       >
         <span class="toc-title">
           {currentUI.toc}

src/content/posts/examples/容忍与自由-en.md

@@ -1,7 +1,9 @@
 ---
 title: Tolerance and Freedom
 published: 1959-03-16
-tags: ["Hu Shih","Modern Literature"]
+tags:
+  - Hu Shih
+  - Modern Literature
 lang: en
 abbrlink: tolerance-freedom
 ---

src/content/posts/examples/容忍与自由-es.md

@@ -1,7 +1,9 @@
 ---
 title: Tolerancia y Libertad
 published: 1959-03-16
-tags: ["Hu Shih","Literatura Moderna"]
+tags:
+  - Hu Shih
+  - Literatura Moderna
 lang: es
 abbrlink: tolerance-freedom
 ---

src/content/posts/examples/容忍与自由-ja.md

@@ -1,7 +1,9 @@
 ---
 title: 寛容と自由
 published: 1959-03-16
-tags: ["胡適","きんだいぶんがく"]
+tags:
+  - 胡適
+  - きんだいぶんがく
 lang: ja
 abbrlink: tolerance-freedom
 ---

src/content/posts/examples/容忍与自由-ru.md

@@ -1,7 +1,9 @@
 ---
 title: Терпимость и Свобода
 published: 1959-03-16
-tags: ["Ху Ши","Современная литература"]
+tags:
+  - Ху Ши
+  - Современная литература
 lang: ru
 abbrlink: tolerance-freedom
 ---

src/content/posts/examples/容忍与自由-zh-tw.md

@@ -1,7 +1,9 @@
 ---
 title: 容忍與自由
 published: 1959-03-16
-tags: ["胡適","近代文學"]
+tags:
+  - 胡適
+  - 近代文學
 lang: zh-tw
 abbrlink: tolerance-freedom
 ---

src/content/posts/examples/容忍与自由-zh.md

@@ -1,7 +1,9 @@
 ---
 title: 容忍与自由
 published: 1959-03-16
-tags: ["胡适","近代文学"]
+tags:
+  - 胡适
+  - 近代文学
 lang: zh
 abbrlink: tolerance-freedom
 ---

src/content/posts/examples/故乡-en.md

@@ -1,7 +1,9 @@
 ---
 title: My Native Heath
 published: 1921-01-10
-tags: ["Lu Xun","Modern Literature"]
+tags:
+  - Lu Xun
+  - Modern Literature
 lang: en
 abbrlink: my-native-heath
 ---

src/content/posts/examples/故乡-es.md

@@ -1,7 +1,9 @@
 ---
 title: Mi Pueblo Natal
 published: 1921-01-10
-tags: ["Lu Xun","Literatura Moderna"]
+tags:
+  - Lu Xun
+  - Literatura Moderna
 lang: es
 abbrlink: my-native-heath
 ---

src/content/posts/examples/故乡-ja.md

@@ -1,7 +1,9 @@
 ---
 title: 故郷
 published: 1921-01-10
-tags: ["ろじん","きんだいぶんがく"]
+tags:
+  - ろじん
+  - きんだいぶんがく
 lang: ja
 abbrlink: my-native-heath
 ---

src/content/posts/examples/故乡-ru.md

@@ -1,7 +1,9 @@
 ---
 title: Моя старая родина
 published: 1921-01-10
-tags: ["Лу Синь","Современная литература"]
+tags:
+  - Лу Синь
+  - Современная литература
 lang: ru
 abbrlink: my-native-heath
 ---

src/content/posts/examples/故乡-zh-tw.md

@@ -1,7 +1,9 @@
 ---
 title: 故鄉
 published: 1921-01-10
-tags: ["魯迅","近代文學"]
+tags:
+  - 魯迅
+  - 近代文學
 lang: zh-tw
 abbrlink: my-native-heath
 ---

src/content/posts/examples/故乡-zh.md

@@ -1,7 +1,9 @@
 ---
 title: 故乡
 published: 1921-01-10
-tags: ["鲁迅","近代文学"]
+tags:
+  - 鲁迅
+  - 近代文学
 lang: zh
 abbrlink: my-native-heath
 ---

src/content/posts/examples/羅生門-en.md

@@ -1,7 +1,9 @@
 ---
 title: Rashomon
 published: 1915-11-05
-tags: ["Ryunosuke Akutagawa","Modern Literature"]
+tags:
+  - Ryunosuke Akutagawa
+  - Modern Literature
 lang: en
 abbrlink: rashomon
 ---

src/content/posts/examples/羅生門-es.md

@@ -1,7 +1,9 @@
 ---
 title: Rashōmon
 published: 1915-11-05
-tags: ["Ryunosuke Akutagawa","Literatura Moderna"]
+tags:
+  - Ryunosuke Akutagawa
+  - Literatura Moderna
 lang: es
 abbrlink: rashomon
 ---

src/content/posts/examples/羅生門-ja.md

@@ -1,7 +1,9 @@
 ---
 title: 羅生門
 published: 1915-11-05
-tags: ["芥川龍之介","きんだいぶんがく"]
+tags:
+  - 芥川龍之介
+  - きんだいぶんがく
 lang: ja
 abbrlink: rashomon
 ---

src/content/posts/examples/羅生門-ru.md

@@ -1,7 +1,9 @@
 ---
 title: Расёмон
 published: 1915-11-05
-tags: ["Рюноскэ Акутагава","Современная литература"]
+tags:
+  - Рюноскэ Акутагава
+  - Современная литература
 lang: ru
 abbrlink: rashomon
 ---

src/content/posts/examples/羅生門-zh-tw.md

@@ -1,7 +1,9 @@
 ---
 title: 羅生門
 published: 1915-11-05
-tags: ["芥川龍之介","近代文學"]
+tags:
+  - 芥川龍之介
+  - 近代文學
 lang: zh-tw
 abbrlink: rashomon
 ---

src/content/posts/examples/羅生門-zh.md

@@ -1,7 +1,9 @@
 ---
 title: 罗生门
 published: 1915-11-05
-tags: ["芥川龙之介","近代文学"]
+tags:
+  - 芥川龙之介
+  - 近代文学
 lang: zh
 abbrlink: rashomon
 ---

src/content/posts/guides/Markdown Style Guide-en.md

@@ -2,8 +2,9 @@
 title: Markdown Style Guide
 published: 2025-03-08
 updated: 2025-03-23
-tags: ["Guide"]
+tags: 
-pin: 1
+  - Guide
+pin: 98
 toc: false
 lang: en
 abbrlink: markdown-style-guide

src/content/posts/guides/Markdown Style Guide-es.md

@@ -2,8 +2,9 @@
 title: Guía de Estilo Markdown
 published: 2025-03-08
 updated: 2025-03-23
-tags: ["Guía"]
+tags: 
-pin: 1
+  - Guía
+pin: 98
 toc: false
 lang: es
 abbrlink: markdown-style-guide

src/content/posts/guides/Markdown Style Guide-ja.md

@@ -2,8 +2,9 @@
 title: Markdown スタイルガイド
 published: 2025-03-08
 updated: 2025-03-23
-tags: ["ガイド"]
+tags: 
-pin: 1
+  - ガイド
+pin: 98
 toc: false
 lang: ja
 abbrlink: markdown-style-guide

src/content/posts/guides/Markdown Style Guide-ru.md

@@ -2,8 +2,9 @@
 title: Руководство по стилю Markdown
 published: 2025-03-08
 updated: 2025-03-23
-tags: ["Руководство"]
+tags: 
-pin: 1
+  - Руководство
+pin: 98
 toc: false
 lang: ru
 abbrlink: markdown-style-guide

src/content/posts/guides/Markdown Style Guide-zh-tw.md

@@ -2,8 +2,9 @@
 title: Markdown 樣式指南
 published: 2025-03-08
 updated: 2025-03-23
-tags: ["指南"]
+tags: 
-pin: 1
+  - 指南
+pin: 98
 toc: false
 lang: zh-tw
 abbrlink: markdown-style-guide

src/content/posts/guides/Markdown Style Guide-zh.md

@@ -2,8 +2,9 @@
 title: Markdown 样式指南
 published: 2025-03-08
 updated: 2025-03-23
-tags: ["指南"]
+tags: 
-pin: 1
+  - 指南
+pin: 98
 toc: false
 lang: zh
 abbrlink: markdown-style-guide

src/content/posts/guides/Theme Color Schemes-en.md

@@ -0,0 +1,85 @@
+---
+title: Theme Color Schemes
+published: 2025-04-11
+tags:
+  - Guide
+toc: false
+lang: en
+abbrlink: theme-color-schemes
+---
+
+Retypeset defines theme color schemes based on the [OKLCH](https://oklch.com/) color space, with a default print-style black, white, and gray color scheme.
+
+To meet personalization needs, I've created several color schemes for the theme. You can replace the default colors in [src/config.ts](https://github.com/radishzzz/astro-theme-retypeset/blob/master/src/config.ts) and **restart the development server** to apply the new color scheme.
+
+## Pale Scallion
+
+![Light mode](../../../assets/1-light.jpeg)
+![Dark mode](../../../assets/1-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.25 0.03 211.86)',
+  secondary: 'oklch(0.40 0.03 211.86)',
+  background: 'oklch(0.99 0.0039 106.47)',
+},
+dark: {
+  primary: 'oklch(0.92 0.0015 106.47)',
+  secondary: 'oklch(0.79 0.0015 106.47)',
+  background: 'oklch(0.24 0.0039 106.47)',
+},
+```
+
+## Crow's Wing
+
+![Light mode](../../../assets/2-light.jpeg)
+![Dark mode](../../../assets/2-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.24 0.0172 280.05)',
+  secondary: 'oklch(0.40 0.0172 280.05)',
+  background: 'oklch(0.98 0.0172 280.05)',
+},
+dark: {
+  primary: 'oklch(0.92 0.0172 280.05)',
+  secondary: 'oklch(0.79 0.0172 280.05)',
+  background: 'oklch(0.24 0.0172 280.05)',
+},
+```
+
+## Inkstone Indigo
+
+![Light mode](../../../assets/4-light.jpeg)
+![Dark mode](../../../assets/4-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.24 0.053 261.24)',
+  secondary: 'oklch(0.39 0.053 261.24)',
+  background: 'oklch(1 0 0)',
+},
+dark: {
+  primary: 'oklch(0.92 0 0)',
+  secondary: 'oklch(0.79 0 0)',
+  background: 'oklch(0.24 0.016 265.21)',
+},
+```
+
+## Rice Paper Glow
+
+![Light mode](../../../assets/3-light.jpeg)
+![Dark mode](../../../assets/3-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.25 0 0)',
+  secondary: 'oklch(0.41 0 0)',
+  background: 'oklch(0.95 0.0237 59.39)',
+},
+dark: {
+  primary: 'oklch(0.93 0.019 59.39)',
+  secondary: 'oklch(0.80 0.017 59.39)',
+  background: 'oklch(0.23 0 0)',
+},
+``` 

src/content/posts/guides/Theme Color Schemes-es.md

@@ -0,0 +1,85 @@
+---
+title: Esquemas de Color del Tema
+published: 2025-04-11
+tags:
+  - Guía
+toc: false
+lang: es
+abbrlink: theme-color-schemes
+---
+
+Retypeset define los esquemas de color del tema basados en el espacio de color [OKLCH](https://oklch.com/), con un esquema predeterminado de estilo de impresión en negro, blanco y gris.
+
+Para satisfacer las necesidades de personalización, he creado varios esquemas de color para el tema. Puedes reemplazar los colores predeterminados en [src/config.ts](https://github.com/radishzzz/astro-theme-retypeset/blob/master/src/config.ts) y **reiniciar el servidor de desarrollo** para aplicar el nuevo esquema de color.
+
+## Blanco Cebollino
+
+![Light mode](../../../assets/1-light.jpeg)
+![Dark mode](../../../assets/1-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.25 0.03 211.86)',
+  secondary: 'oklch(0.40 0.03 211.86)',
+  background: 'oklch(0.99 0.0039 106.47)',
+},
+dark: {
+  primary: 'oklch(0.92 0.0015 106.47)',
+  secondary: 'oklch(0.79 0.0015 106.47)',
+  background: 'oklch(0.24 0.0039 106.47)',
+},
+```
+
+## Azul Cuervo
+
+![Light mode](../../../assets/2-light.jpeg)
+![Dark mode](../../../assets/2-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.24 0.0172 280.05)',
+  secondary: 'oklch(0.40 0.0172 280.05)',
+  background: 'oklch(0.98 0.0172 280.05)',
+},
+dark: {
+  primary: 'oklch(0.92 0.0172 280.05)',
+  secondary: 'oklch(0.79 0.0172 280.05)',
+  background: 'oklch(0.24 0.0172 280.05)',
+},
+```
+
+## Azul Tinta
+
+![Light mode](../../../assets/4-light.jpeg)
+![Dark mode](../../../assets/4-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.24 0.053 261.24)',
+  secondary: 'oklch(0.39 0.053 261.24)',
+  background: 'oklch(1 0 0)',
+},
+dark: {
+  primary: 'oklch(0.92 0 0)',
+  secondary: 'oklch(0.79 0 0)',
+  background: 'oklch(0.24 0.016 265.21)',
+},
+```
+
+## Amarillo Arroz
+
+![Light mode](../../../assets/3-light.jpeg)
+![Dark mode](../../../assets/3-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.25 0 0)',
+  secondary: 'oklch(0.41 0 0)',
+  background: 'oklch(0.95 0.0237 59.39)',
+},
+dark: {
+  primary: 'oklch(0.93 0.019 59.39)',
+  secondary: 'oklch(0.80 0.017 59.39)',
+  background: 'oklch(0.23 0 0)',
+},
+``` 

src/content/posts/guides/Theme Color Schemes-ja.md

@@ -0,0 +1,85 @@
+---
+title: テーマカラースキーム
+published: 2025-04-11
+tags:
+  - ガイド
+toc: false
+lang: ja
+abbrlink: theme-color-schemes
+---
+
+Retypesetは、[OKLCH](https://oklch.com/)カラースペースに基づいてテーマカラーを定義し、デフォルトでは印刷スタイルの白黒グレーの配色を採用しています。
+
+個性的なニーズを満たすため、いくつかのカラースキームを作成しました。[src/config.ts](https://github.com/radishzzz/astro-theme-retypeset/blob/master/src/config.ts)でデフォルトカラーを置き換え、**開発サーバーを再起動**して新しい配色を適用できます。
+
+## 若葱色
+
+![Light mode](../../../assets/1-light.jpeg)
+![Dark mode](../../../assets/1-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.25 0.03 211.86)',
+  secondary: 'oklch(0.40 0.03 211.86)',
+  background: 'oklch(0.99 0.0039 106.47)',
+},
+dark: {
+  primary: 'oklch(0.92 0.0015 106.47)',
+  secondary: 'oklch(0.79 0.0015 106.47)',
+  background: 'oklch(0.24 0.0039 106.47)',
+},
+```
+
+## 濡羽色
+
+![Light mode](../../../assets/2-light.jpeg)
+![Dark mode](../../../assets/2-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.24 0.0172 280.05)',
+  secondary: 'oklch(0.40 0.0172 280.05)',
+  background: 'oklch(0.98 0.0172 280.05)',
+},
+dark: {
+  primary: 'oklch(0.92 0.0172 280.05)',
+  secondary: 'oklch(0.79 0.0172 280.05)',
+  background: 'oklch(0.24 0.0172 280.05)',
+},
+```
+
+## 藍墨色
+
+![Light mode](../../../assets/4-light.jpeg)
+![Dark mode](../../../assets/4-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.24 0.053 261.24)',
+  secondary: 'oklch(0.39 0.053 261.24)',
+  background: 'oklch(1 0 0)',
+},
+dark: {
+  primary: 'oklch(0.92 0 0)',
+  secondary: 'oklch(0.79 0 0)',
+  background: 'oklch(0.24 0.016 265.21)',
+},
+```
+
+## 糯色
+
+![Light mode](../../../assets/3-light.jpeg)
+![Dark mode](../../../assets/3-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.25 0 0)',
+  secondary: 'oklch(0.41 0 0)',
+  background: 'oklch(0.95 0.0237 59.39)',
+},
+dark: {
+  primary: 'oklch(0.93 0.019 59.39)',
+  secondary: 'oklch(0.80 0.017 59.39)',
+  background: 'oklch(0.23 0 0)',
+},
+``` 

src/content/posts/guides/Theme Color Schemes-ru.md

@@ -0,0 +1,85 @@
+---
+title: Цветовые Схемы Темы
+published: 2025-04-11
+tags:
+  - Руководство
+toc: false
+lang: ru
+abbrlink: theme-color-schemes
+---
+
+Retypeset определяет цветовые схемы темы на основе цветового пространства [OKLCH](https://oklch.com/), с предустановленной типографской цветовой схемой черного, белого и серого.
+
+Для удовлетворения индивидуальных потребностей я создал несколько цветовых схем для темы. Вы можете заменить цвета по умолчанию в [src/config.ts](https://github.com/radishzzz/astro-theme-retypeset/blob/master/src/config.ts) и **перезапустить сервер разработки**, чтобы применить новую цветовую схему.
+
+## Луковая Белизна
+
+![Light mode](../../../assets/1-light.jpeg)
+![Dark mode](../../../assets/1-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.25 0.03 211.86)',
+  secondary: 'oklch(0.40 0.03 211.86)',
+  background: 'oklch(0.99 0.0039 106.47)',
+},
+dark: {
+  primary: 'oklch(0.92 0.0015 106.47)',
+  secondary: 'oklch(0.79 0.0015 106.47)',
+  background: 'oklch(0.24 0.0039 106.47)',
+},
+```
+
+## Воронова Синева
+
+![Light mode](../../../assets/2-light.jpeg)
+![Dark mode](../../../assets/2-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.24 0.0172 280.05)',
+  secondary: 'oklch(0.40 0.0172 280.05)',
+  background: 'oklch(0.98 0.0172 280.05)',
+},
+dark: {
+  primary: 'oklch(0.92 0.0172 280.05)',
+  secondary: 'oklch(0.79 0.0172 280.05)',
+  background: 'oklch(0.24 0.0172 280.05)',
+},
+```
+
+## Чернильная Глубина
+
+![Light mode](../../../assets/4-light.jpeg)
+![Dark mode](../../../assets/4-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.24 0.053 261.24)',
+  secondary: 'oklch(0.39 0.053 261.24)',
+  background: 'oklch(1 0 0)',
+},
+dark: {
+  primary: 'oklch(0.92 0 0)',
+  secondary: 'oklch(0.79 0 0)',
+  background: 'oklch(0.24 0.016 265.21)',
+},
+```
+
+## Рисовое Сияние
+
+![Light mode](../../../assets/3-light.jpeg)
+![Dark mode](../../../assets/3-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.25 0 0)',
+  secondary: 'oklch(0.41 0 0)',
+  background: 'oklch(0.95 0.0237 59.39)',
+},
+dark: {
+  primary: 'oklch(0.93 0.019 59.39)',
+  secondary: 'oklch(0.80 0.017 59.39)',
+  background: 'oklch(0.23 0 0)',
+},
+``` 

src/content/posts/guides/Theme Color Schemes-zh-tw.md

@@ -0,0 +1,86 @@
+---
+title: 主題配色指南
+published: 2025-04-11
+description: Retypeset 基於 OKLCH 顏色空間來定義主題配色，預設為印刷風格的黑白灰配色。為滿足個性化需求，我為主題製作了一些配色方案。你可以在 src/config.ts 中替換預設配色，並重啟開發伺服器以應用新配色。
+tags:
+  - 指南
+toc: false
+lang: zh-tw
+abbrlink: theme-color-schemes
+---
+
+Retypeset 基於 [OKLCH](https://oklch.com/) 顏色空間來定義主題配色，預設為印刷風格的黑白灰配色。
+
+為滿足個性化需求，我為主題製作了一些配色方案。你可以在 [src/config.ts](https://github.com/radishzzz/astro-theme-retypeset/blob/master/src/config.ts) 中替換預設配色，並**重啟開發伺服器**以應用新配色。
+
+## 蔥白
+
+![Light mode](../../../assets/1-light.jpeg)
+![Dark mode](../../../assets/1-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.25 0.03 211.86)',
+  secondary: 'oklch(0.40 0.03 211.86)',
+  background: 'oklch(0.99 0.0039 106.47)',
+},
+dark: {
+  primary: 'oklch(0.92 0.0015 106.47)',
+  secondary: 'oklch(0.79 0.0015 106.47)',
+  background: 'oklch(0.24 0.0039 106.47)',
+},
+```
+
+## 鴉青
+
+![Light mode](../../../assets/2-light.jpeg)
+![Dark mode](../../../assets/2-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.24 0.0172 280.05)',
+  secondary: 'oklch(0.40 0.0172 280.05)',
+  background: 'oklch(0.98 0.0172 280.05)',
+},
+dark: {
+  primary: 'oklch(0.92 0.0172 280.05)',
+  secondary: 'oklch(0.79 0.0172 280.05)',
+  background: 'oklch(0.24 0.0172 280.05)',
+},
+```
+
+## 墨藍
+
+![Light mode](../../../assets/4-light.jpeg)
+![Dark mode](../../../assets/4-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.24 0.053 261.24)',
+  secondary: 'oklch(0.39 0.053 261.24)',
+  background: 'oklch(1 0 0)',
+},
+dark: {
+  primary: 'oklch(0.92 0 0)',
+  secondary: 'oklch(0.79 0 0)',
+  background: 'oklch(0.24 0.016 265.21)',
+},
+```
+
+## 米黃
+
+![Light mode](../../../assets/3-light.jpeg)
+![Dark mode](../../../assets/3-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.25 0 0)',
+  secondary: 'oklch(0.41 0 0)',
+  background: 'oklch(0.95 0.0237 59.39)',
+},
+dark: {
+  primary: 'oklch(0.93 0.019 59.39)',
+  secondary: 'oklch(0.80 0.017 59.39)',
+  background: 'oklch(0.23 0 0)',
+},
+``` 

src/content/posts/guides/Theme Color Schemes-zh.md

@@ -0,0 +1,87 @@
+---
+title: 主题配色指南
+published: 2025-04-11
+description: Retypeset 基于 OKLCH 颜色空间来定义主题配色，预设为印刷风格的黑白灰配色。为满足个性化需求，我为主题制作了一些配色方案。你可以在 src/config.ts 中替换默认配色，并重启开发服务器以应用新配色。
+tags:
+  - 指南
+toc: false
+lang: zh
+abbrlink: theme-color-schemes
+---
+
+Retypeset 基于 [OKLCH](https://oklch.com/) 颜色空间来定义主题配色，预设为印刷风格的黑白灰配色。
+
+为满足个性化需求，我为主题制作了一些配色方案。你可以在 [src/config.ts](https://github.com/radishzzz/astro-theme-retypeset/blob/master/src/config.ts) 中替换默认配色，并**重启开发服务器**以应用新配色。
+
+## 葱白
+
+![Light mode](../../../assets/1-light.jpeg)
+![Dark mode](../../../assets/1-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.25 0.03 211.86)',
+  secondary: 'oklch(0.40 0.03 211.86)',
+  background: 'oklch(0.99 0.0039 106.47)',
+},
+dark: {
+  primary: 'oklch(0.92 0.0015 106.47)',
+  secondary: 'oklch(0.79 0.0015 106.47)',
+  background: 'oklch(0.24 0.0039 106.47)',
+},
+```
+
+
+## 鸦青
+
+![Light mode](../../../assets/2-light.jpeg)
+![Dark mode](../../../assets/2-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.24 0.0172 280.05)',
+  secondary: 'oklch(0.40 0.0172 280.05)',
+  background: 'oklch(0.98 0.0172 280.05)',
+},
+dark: {
+  primary: 'oklch(0.92 0.0172 280.05)',
+  secondary: 'oklch(0.79 0.0172 280.05)',
+  background: 'oklch(0.24 0.0172 280.05)',
+},
+```
+
+## 墨蓝
+
+![Light mode](../../../assets/4-light.jpeg)
+![Dark mode](../../../assets/4-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.24 0.053 261.24)',
+  secondary: 'oklch(0.39 0.053 261.24)',
+  background: 'oklch(1 0 0)',
+},
+dark: {
+  primary: 'oklch(0.92 0 0)',
+  secondary: 'oklch(0.79 0 0)',
+  background: 'oklch(0.24 0.016 265.21)',
+},
+```
+
+## 米黄
+
+![Light mode](../../../assets/3-light.jpeg)
+![Dark mode](../../../assets/3-dark.jpeg)
+
+```
+light: {
+  primary: 'oklch(0.25 0 0)',
+  secondary: 'oklch(0.41 0 0)',
+  background: 'oklch(0.95 0.0237 59.39)',
+},
+dark: {
+  primary: 'oklch(0.93 0.019 59.39)',
+  secondary: 'oklch(0.80 0.017 59.39)',
+  background: 'oklch(0.23 0 0)',
+},
+```

src/content/posts/guides/Theme Guide-en.md

@@ -2,7 +2,9 @@
 title: Theme Guide
 published: 2025-01-26
 updated: 2025-03-12
-tags: ["Blog Theme","Guide"]
+tags:
+  - Blog Theme
+  - Guide
 pin: 99
 lang: en
 abbrlink: theme-guide
@@ -210,7 +212,9 @@ published: 2025-01-26
 # Optional
 description: The first 240 characters of the article will be automatically selected as the description.
 updated: 2025-03-26
-tags: ["Blog Theme", "Guide"]
+tags:
+  - Blog Theme
+  - Guide
 
 # Advanced, optional
 draft: true/false

src/content/posts/guides/Theme Guide-es.md

@@ -2,7 +2,9 @@
 title: Guía del Tema
 published: 2025-01-26
 updated: 2025-03-12
-tags: ["Tema de Blog","Guía"]
+tags:
+  - Tema de Blog
+  - Guía
 pin: 99
 lang: es
 abbrlink: theme-guide
@@ -210,7 +212,9 @@ published: 2025-01-26
 # Opcional
 description: Los primeros 240 caracteres del artículo se seleccionarán automáticamente como descripción.
 updated: 2025-03-26
-tags: ["Tema de Blog", "Guía"]
+tags:
+  - Tema de Blog
+  - Guía
 
 # Avanzado, opcional
 draft: true/false

src/content/posts/guides/Theme Guide-ja.md

@@ -2,7 +2,9 @@
 title: テーマ使用ガイド
 published: 2025-01-26
 updated: 2025-03-12
-tags: ["ブログテーマ","ガイド"]
+tags:
+  - ブログテーマ
+  - ガイド
 pin: 99
 lang: ja
 abbrlink: theme-guide
@@ -210,7 +212,9 @@ published: 2025-01-26
 # 任意
 description: 記事の最初の120文字が自動的に説明として選択されます。
 updated: 2025-03-26
-tags: ["ブログテーマ", "ガイド"]
+tags:
+  - ブログテーマ
+  - ガイド
 
 # 高度な設定（任意）
 draft: true/false

src/content/posts/guides/Theme Guide-ru.md

@@ -2,7 +2,9 @@
 title: Руководство по теме
 published: 2025-01-26
 updated: 2025-03-12
-tags: ["Тема блога","Руководство"]
+tags:
+  - Тема блога
+  - Руководство
 pin: 99
 lang: ru
 abbrlink: theme-guide
@@ -209,7 +211,9 @@ published: 2025-01-26
 # Опционально
 description: Первые 240 символов статьи будут автоматически выбраны в качестве описания.
 updated: 2025-03-26
-tags: ["Тема блога", "Руководство"]
+tags:
+  - Тема блога
+  - Руководство
 
 # Расширенные настройки, опционально
 draft: true/false

src/content/posts/guides/Theme Guide-zh-tw.md

@@ -2,7 +2,9 @@
 title: 主題上手指南
 published: 2025-01-26
 updated: 2025-03-12
-tags: ["部落格主題","指南"]
+tags:
+  - 部落格主題
+  - 指南
 pin: 99
 lang: zh-tw
 abbrlink: theme-guide
@@ -210,7 +212,9 @@ published: 2025-01-26
 # 可選
 description: 自動選取文章前 120 字作為描述。
 updated: 2025-03-26
-tags: ["部落格主題", "指南"]
+tags:
+  - 部落格主題
+  - 指南
 
 # 進階，可選
 draft: true/false

src/content/posts/guides/Theme Guide-zh.md

@@ -2,7 +2,9 @@
 title: 主题上手指南
 published: 2025-01-26
 updated: 2025-03-12
-tags: [博客主题, 指南]
+tags:
+  - 博客主题
+  - 指南
 pin: 99
 lang: zh
 abbrlink: theme-guide
@@ -210,7 +212,9 @@ published: 2025-01-26
 # 可选
 description: 自动选取文章前 120 字作为描述。
 updated: 2025-03-26
-tags: [博客主题, 指南]
+tags:
+  - 博客主题
+  - 指南
 
 # 进阶，可选
 draft: true/false

src/styles/heti.css

@@ -19,7 +19,7 @@
 
 /* Links */
 .heti :where(a) {
-  --at-apply: 'underline decoration-secondary/40 underline-0.075em underline-offset-0.2em lg:underline-0.1em';
+  --at-apply: 'underline decoration-secondary/40 underline-0.075em underline-offset-0.14em lg:underline-0.1em';
   --at-apply: 'font-medium transition-colors tracking-0 hover:(c-primary decoration-secondary/80) ';
 }
 

uno.config.ts

@@ -36,7 +36,7 @@ export default defineConfig({
     'uno-desktop-column': 'fixed w-14rem right-[max(5.625rem,calc(50vw-34.375rem))]',
     'uno-tags-style': 'inline-block whitespace-nowrap border border-secondary/25 rounded-full px-3.2 py-0.7 c-secondary transition-colors hover:(border-secondary/75 text-primary)',
     'uno-decorative-line': 'h-0.25 w-10 bg-secondary/25 mb-4.5 lg:(w-11 mb-6)',
-    'uno-tags-wrapper': 'w-95% flex flex-wrap gap-x-3 gap-y-3.2 lg:w-100%',
+    'uno-tags-wrapper': 'flex flex-wrap gap-x-3 gap-y-3.2',
   },
   rules: [
     ['scrollbar-hidden', {