mirror of
https://github.com/reonokiy/blog.nokiy.net.git
synced 2025-06-15 11:12:54 +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
|
|
@ -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",
|
||||
|
|
|
|||
661
pnpm-lock.yaml
generated
661
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load diff
BIN
src/assets/1-dark.jpeg
Normal file
BIN
src/assets/1-dark.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1,005 KiB |
BIN
src/assets/1-light.jpeg
Normal file
BIN
src/assets/1-light.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
src/assets/2-dark.jpeg
Normal file
BIN
src/assets/2-dark.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 999 KiB |
BIN
src/assets/2-light.jpeg
Normal file
BIN
src/assets/2-light.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 MiB |
BIN
src/assets/3-dark.jpeg
Normal file
BIN
src/assets/3-dark.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 MiB |
BIN
src/assets/3-light.jpeg
Normal file
BIN
src/assets/3-light.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 MiB |
BIN
src/assets/4-dark.jpeg
Normal file
BIN
src/assets/4-dark.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1,016 KiB |
BIN
src/assets/4-light.jpeg
Normal file
BIN
src/assets/4-light.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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) ';
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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', {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue