Predefined color schemes

I’ve crafted some predefined color schemes for this AstroPaper blog theme. You can replace these color schemes with the original ones.

我为这个 AstroPaper 博客主题制作了一些预定义的颜色方案。你可以用这些颜色方案替换原来的。

If you don’t know how you can configure color schemes, check this blog post.

如果你不知道如何配置颜色方案，请查看这篇博客文章。

Table of contents

Light color schemes

浅色方案

Light color scheme has to be defined using the css selector :root and html[data-theme="light"].

浅色方案必须使用 CSS 选择器 :root 和 html[data-theme="light"] 来定义。

Lobster

龙虾

:root,
html[data-theme="light"] {
  --background: #f6eee1;
  --foreground: #012c56;
  --accent: #e14a39;
  --muted: #efd8b0;
  --border: #dc9891;
}

Leaf Blue

叶蓝

:root,
html[data-theme="light"] {
  --background: #f2f5ec;
  --foreground: #353538;
  --accent: #1158d1;
  --muted: #bbc789;
  --border: #7cadff;
}

Pinky light

粉红浅色

:root,
html[data-theme="light"] {
  --background: #fafcfc;
  --foreground: #222e36;
  --accent: #d3006a;
  --muted: #f1bad4;
  --border: #e3a9c6;
}

Dark color schemes

深色方案

Dark color scheme has to be defined as html[data-theme="dark"].

深色方案必须定义为 html[data-theme="dark"]。

AstroPaper 1 original Dark Theme

AstroPaper 1 原始深色主题

html[data-theme="dark"] {
  --background: #2f3741;
  --foreground: #e6e6e6;
  --accent: #1ad9d9;
  --muted: #596b81;
  --border: #3b4655;
}

Deep Oyster

深牡蛎

html[data-theme="dark"] {
  --background: #21233d;
  --foreground: #f4f7f5;
  --accent: #ff5256;
  --muted: #4a4e86;
  --border: #b12f32;
}

Pikky dark

粉红深色

html[data-theme="dark"] {
  --background: #353640;
  --foreground: #e9edf1;
  --accent: #ff78c8;
  --muted: #715566;
  --border: #86436b;
}

Astro dark (High Contrast)

天文深色（高对比度）

html[data-theme="dark"] {
  --background: #212737;
  --foreground: #eaedf3;
  --accent: #ff6b01;
  --muted: #8a3302;
  --border: #ab4b08;
}

Astro dark (New default dark theme in AstroPaper 2)

天文深色（AstroPaper 2 中的新默认深色主题）

html[data-theme="dark"] {
  --background: #212737; /* lower contrast background */
  --foreground: #eaedf3;
  --accent: #ff6b01;
  --muted: #8a3302;
  --border: #ab4b08;
}

Astro Deep Purple (New dark theme in AstroPaper 3)

天文深紫色（AstroPaper 3 中的新深色主题）

html[data-theme="dark"] {
  --background: #212737;
  --foreground: #eaedf3;
  --accent: #eb3fd3;
  --muted: #7d4f7c;
  --border: #642451;
}

AstroPaper v4 Special (New dark theme in AstroPaper 4)

AstroPaper v4 特别版（AstroPaper 4 中的新深色主题）

html[data-theme="dark"] {
  --background: #000123;
  --accent: #617bff;
  --foreground: #eaedf3;
  --muted: #0c0e4f;
  --border: #303f8a;
}