mirror of
https://github.com/reonokiy/blog.nokiy.net.git
synced 2025-06-16 19:51:07 +02:00
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
This commit is contained in:
radishzzz
parent
8ad2315d08
commit
3da5b38407
50 changed files with 1094 additions and 246 deletions
|
|
@ -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
|
||||
---
|
||||
|
|
|
|||
|
|
@ -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
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
title: 寛容と自由
|
||||
published: 1959-03-16
|
||||
tags: ["胡適","きんだいぶんがく"]
|
||||
tags:
|
||||
- 胡適
|
||||
- きんだいぶんがく
|
||||
lang: ja
|
||||
abbrlink: tolerance-freedom
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
title: Терпимость и Свобода
|
||||
published: 1959-03-16
|
||||
tags: ["Ху Ши","Современная литература"]
|
||||
tags:
|
||||
- Ху Ши
|
||||
- Современная литература
|
||||
lang: ru
|
||||
abbrlink: tolerance-freedom
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
title: 容忍與自由
|
||||
published: 1959-03-16
|
||||
tags: ["胡適","近代文學"]
|
||||
tags:
|
||||
- 胡適
|
||||
- 近代文學
|
||||
lang: zh-tw
|
||||
abbrlink: tolerance-freedom
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
title: 容忍与自由
|
||||
published: 1959-03-16
|
||||
tags: ["胡适","近代文学"]
|
||||
tags:
|
||||
- 胡适
|
||||
- 近代文学
|
||||
lang: zh
|
||||
abbrlink: tolerance-freedom
|
||||
---
|
||||
|
|
|
|||
|
|
@ -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
|
||||
---
|
||||
|
|
|
|||
|
|
@ -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
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
title: 故郷
|
||||
published: 1921-01-10
|
||||
tags: ["ろじん","きんだいぶんがく"]
|
||||
tags:
|
||||
- ろじん
|
||||
- きんだいぶんがく
|
||||
lang: ja
|
||||
abbrlink: my-native-heath
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
title: Моя старая родина
|
||||
published: 1921-01-10
|
||||
tags: ["Лу Синь","Современная литература"]
|
||||
tags:
|
||||
- Лу Синь
|
||||
- Современная литература
|
||||
lang: ru
|
||||
abbrlink: my-native-heath
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
title: 故鄉
|
||||
published: 1921-01-10
|
||||
tags: ["魯迅","近代文學"]
|
||||
tags:
|
||||
- 魯迅
|
||||
- 近代文學
|
||||
lang: zh-tw
|
||||
abbrlink: my-native-heath
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
title: 故乡
|
||||
published: 1921-01-10
|
||||
tags: ["鲁迅","近代文学"]
|
||||
tags:
|
||||
- 鲁迅
|
||||
- 近代文学
|
||||
lang: zh
|
||||
abbrlink: my-native-heath
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
title: Rashomon
|
||||
published: 1915-11-05
|
||||
tags: ["Ryunosuke Akutagawa","Modern Literature"]
|
||||
tags:
|
||||
- Ryunosuke Akutagawa
|
||||
- Modern Literature
|
||||
lang: en
|
||||
abbrlink: rashomon
|
||||
---
|
||||
|
|
|
|||
|
|
@ -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
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
title: 羅生門
|
||||
published: 1915-11-05
|
||||
tags: ["芥川龍之介","きんだいぶんがく"]
|
||||
tags:
|
||||
- 芥川龍之介
|
||||
- きんだいぶんがく
|
||||
lang: ja
|
||||
abbrlink: rashomon
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
title: Расёмон
|
||||
published: 1915-11-05
|
||||
tags: ["Рюноскэ Акутагава","Современная литература"]
|
||||
tags:
|
||||
- Рюноскэ Акутагава
|
||||
- Современная литература
|
||||
lang: ru
|
||||
abbrlink: rashomon
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
title: 羅生門
|
||||
published: 1915-11-05
|
||||
tags: ["芥川龍之介","近代文學"]
|
||||
tags:
|
||||
- 芥川龍之介
|
||||
- 近代文學
|
||||
lang: zh-tw
|
||||
abbrlink: rashomon
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
title: 罗生门
|
||||
published: 1915-11-05
|
||||
tags: ["芥川龙之介","近代文学"]
|
||||
tags:
|
||||
- 芥川龙之介
|
||||
- 近代文学
|
||||
lang: zh
|
||||
abbrlink: rashomon
|
||||
---
|
||||
|
|
|
|||
|
|
@ -2,8 +2,9 @@
|
|||
title: Markdown Style Guide
|
||||
published: 2025-03-08
|
||||
updated: 2025-03-23
|
||||
tags: ["Guide"]
|
||||
pin: 1
|
||||
tags:
|
||||
- Guide
|
||||
pin: 98
|
||||
toc: false
|
||||
lang: en
|
||||
abbrlink: markdown-style-guide
|
||||
|
|
|
|||
|
|
@ -2,8 +2,9 @@
|
|||
title: Guía de Estilo Markdown
|
||||
published: 2025-03-08
|
||||
updated: 2025-03-23
|
||||
tags: ["Guía"]
|
||||
pin: 1
|
||||
tags:
|
||||
- Guía
|
||||
pin: 98
|
||||
toc: false
|
||||
lang: es
|
||||
abbrlink: markdown-style-guide
|
||||
|
|
|
|||
|
|
@ -2,8 +2,9 @@
|
|||
title: Markdown スタイルガイド
|
||||
published: 2025-03-08
|
||||
updated: 2025-03-23
|
||||
tags: ["ガイド"]
|
||||
pin: 1
|
||||
tags:
|
||||
- ガイド
|
||||
pin: 98
|
||||
toc: false
|
||||
lang: ja
|
||||
abbrlink: markdown-style-guide
|
||||
|
|
|
|||
|
|
@ -2,8 +2,9 @@
|
|||
title: Руководство по стилю Markdown
|
||||
published: 2025-03-08
|
||||
updated: 2025-03-23
|
||||
tags: ["Руководство"]
|
||||
pin: 1
|
||||
tags:
|
||||
- Руководство
|
||||
pin: 98
|
||||
toc: false
|
||||
lang: ru
|
||||
abbrlink: markdown-style-guide
|
||||
|
|
|
|||
|
|
@ -2,8 +2,9 @@
|
|||
title: Markdown 樣式指南
|
||||
published: 2025-03-08
|
||||
updated: 2025-03-23
|
||||
tags: ["指南"]
|
||||
pin: 1
|
||||
tags:
|
||||
- 指南
|
||||
pin: 98
|
||||
toc: false
|
||||
lang: zh-tw
|
||||
abbrlink: markdown-style-guide
|
||||
|
|
|
|||
|
|
@ -2,8 +2,9 @@
|
|||
title: Markdown 样式指南
|
||||
published: 2025-03-08
|
||||
updated: 2025-03-23
|
||||
tags: ["指南"]
|
||||
pin: 1
|
||||
tags:
|
||||
- 指南
|
||||
pin: 98
|
||||
toc: false
|
||||
lang: zh
|
||||
abbrlink: markdown-style-guide
|
||||
|
|
|
|||
85
src/content/posts/guides/Theme Color Schemes-en.md
Normal file
85
src/content/posts/guides/Theme Color Schemes-en.md
Normal file
|
|
@ -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: {
|
||||
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: {
|
||||
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: {
|
||||
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: {
|
||||
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)',
|
||||
},
|
||||
```
|
||||
85
src/content/posts/guides/Theme Color Schemes-es.md
Normal file
85
src/content/posts/guides/Theme Color Schemes-es.md
Normal file
|
|
@ -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: {
|
||||
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: {
|
||||
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: {
|
||||
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: {
|
||||
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)',
|
||||
},
|
||||
```
|
||||
85
src/content/posts/guides/Theme Color Schemes-ja.md
Normal file
85
src/content/posts/guides/Theme Color Schemes-ja.md
Normal file
|
|
@ -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: {
|
||||
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: {
|
||||
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: {
|
||||
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: {
|
||||
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)',
|
||||
},
|
||||
```
|
||||
85
src/content/posts/guides/Theme Color Schemes-ru.md
Normal file
85
src/content/posts/guides/Theme Color Schemes-ru.md
Normal file
|
|
@ -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: {
|
||||
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: {
|
||||
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: {
|
||||
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: {
|
||||
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)',
|
||||
},
|
||||
```
|
||||
86
src/content/posts/guides/Theme Color Schemes-zh-tw.md
Normal file
86
src/content/posts/guides/Theme Color Schemes-zh-tw.md
Normal file
|
|
@ -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: {
|
||||
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: {
|
||||
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: {
|
||||
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: {
|
||||
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)',
|
||||
},
|
||||
```
|
||||
87
src/content/posts/guides/Theme Color Schemes-zh.md
Normal file
87
src/content/posts/guides/Theme Color Schemes-zh.md
Normal file
|
|
@ -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: {
|
||||
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: {
|
||||
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: {
|
||||
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: {
|
||||
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)',
|
||||
},
|
||||
```
|
||||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue