@chengzhao-dev/dsh-quarto-book 0.4.2 → 0.5.0

package/skills/designing-theme/assets/theme/palettes/hill-light/syntax.css

@@ -0,0 +1,150 @@
+/* ============================================================
+   Palette: hill-light · 语法高亮覆盖层
+   Quarto 只编译一对 highlight-style（Flexoki）；山光四时的语法色
+   在这里按 html[data-palette="hill-light"][data-mode] 覆盖。
+   只写颜色，不改字号、字重与布局。
+   ============================================================ */
+
+/* 溪山晓雾 · 06:00–10:59 */
+html[data-palette="hill-light"][data-mode="dawn"] code span:not([class]),
+html[data-palette="hill-light"][data-mode="dawn"] div.sourceCode,
+html[data-palette="hill-light"][data-mode="dawn"] div.sourceCode pre.sourceCode { color: #2B3538; }
+
+html[data-palette="hill-light"][data-mode="dawn"] code span.al { color: #8C352C; font-weight: 600; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.an { color: #5F6E6F; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.at { color: #8A5A12; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.bn { color: #8A5A12; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.bu { color: #596A97; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.cf { color: #2D6A66; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.ch { color: #2F6B4F; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.cn { color: #8A5A12; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.co { color: #5F6E6F; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.cv { color: #5F6E6F; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.do { color: #5F6E6F; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.dt { color: #40548A; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.dv { color: #8A5A12; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.er { color: #8C352C; text-decoration: underline; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.ex { color: #8C352C; font-weight: 600; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.fl { color: #8A5A12; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.fu { color: #596A97; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.im { color: #8A5A12; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.in { color: #5F6E6F; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.kw { color: #2D6A66; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.op { color: #2D6A66; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.ot { color: #40548A; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.pp { color: #8A5A12; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.re { color: #5F6E6F; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.sc { color: #8C352C; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.ss { color: #2F6B4F; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.st { color: #2F6B4F; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.va { color: #596A97; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.vs { color: #2F6B4F; }
+html[data-palette="hill-light"][data-mode="dawn"] code span.wa { color: #8A5A12; }
+
+/* 溪山午荫 · 11:00–16:59 */
+html[data-palette="hill-light"][data-mode="noon"] code span:not([class]),
+html[data-palette="hill-light"][data-mode="noon"] div.sourceCode,
+html[data-palette="hill-light"][data-mode="noon"] div.sourceCode pre.sourceCode { color: #263230; }
+
+html[data-palette="hill-light"][data-mode="noon"] code span.al { color: #853027; font-weight: 600; }
+html[data-palette="hill-light"][data-mode="noon"] code span.an { color: #5A6B62; }
+html[data-palette="hill-light"][data-mode="noon"] code span.at { color: #7E510F; }
+html[data-palette="hill-light"][data-mode="noon"] code span.bn { color: #7E510F; }
+html[data-palette="hill-light"][data-mode="noon"] code span.bu { color: #566694; }
+html[data-palette="hill-light"][data-mode="noon"] code span.cf { color: #1D6A55; }
+html[data-palette="hill-light"][data-mode="noon"] code span.ch { color: #276847; }
+html[data-palette="hill-light"][data-mode="noon"] code span.cn { color: #7E510F; }
+html[data-palette="hill-light"][data-mode="noon"] code span.co { color: #5A6B62; }
+html[data-palette="hill-light"][data-mode="noon"] code span.cv { color: #5A6B62; }
+html[data-palette="hill-light"][data-mode="noon"] code span.do { color: #5A6B62; }
+html[data-palette="hill-light"][data-mode="noon"] code span.dt { color: #3B4F86; }
+html[data-palette="hill-light"][data-mode="noon"] code span.dv { color: #7E510F; }
+html[data-palette="hill-light"][data-mode="noon"] code span.er { color: #853027; text-decoration: underline; }
+html[data-palette="hill-light"][data-mode="noon"] code span.ex { color: #853027; font-weight: 600; }
+html[data-palette="hill-light"][data-mode="noon"] code span.fl { color: #7E510F; }
+html[data-palette="hill-light"][data-mode="noon"] code span.fu { color: #566694; }
+html[data-palette="hill-light"][data-mode="noon"] code span.im { color: #7E510F; }
+html[data-palette="hill-light"][data-mode="noon"] code span.in { color: #5A6B62; }
+html[data-palette="hill-light"][data-mode="noon"] code span.kw { color: #1D6A55; }
+html[data-palette="hill-light"][data-mode="noon"] code span.op { color: #1D6A55; }
+html[data-palette="hill-light"][data-mode="noon"] code span.ot { color: #3B4F86; }
+html[data-palette="hill-light"][data-mode="noon"] code span.pp { color: #7E510F; }
+html[data-palette="hill-light"][data-mode="noon"] code span.re { color: #5A6B62; }
+html[data-palette="hill-light"][data-mode="noon"] code span.sc { color: #853027; }
+html[data-palette="hill-light"][data-mode="noon"] code span.ss { color: #276847; }
+html[data-palette="hill-light"][data-mode="noon"] code span.st { color: #276847; }
+html[data-palette="hill-light"][data-mode="noon"] code span.va { color: #566694; }
+html[data-palette="hill-light"][data-mode="noon"] code span.vs { color: #276847; }
+html[data-palette="hill-light"][data-mode="noon"] code span.wa { color: #7E510F; }
+
+/* 溪山暮烟 · 17:00–19:59 */
+html[data-palette="hill-light"][data-mode="dusk"] code span:not([class]),
+html[data-palette="hill-light"][data-mode="dusk"] div.sourceCode,
+html[data-palette="hill-light"][data-mode="dusk"] div.sourceCode pre.sourceCode { color: #3A2C26; }
+
+html[data-palette="hill-light"][data-mode="dusk"] code span.al { color: #8A352A; font-weight: 600; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.an { color: #725F55; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.at { color: #8A5518; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.bn { color: #8A5518; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.bu { color: #616486; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.cf { color: #35645D; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.ch { color: #3C6A4C; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.cn { color: #8A5518; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.co { color: #725F55; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.cv { color: #725F55; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.do { color: #725F55; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.dt { color: #4A4F7A; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.dv { color: #8A5518; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.er { color: #8A352A; text-decoration: underline; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.ex { color: #8A352A; font-weight: 600; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.fl { color: #8A5518; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.fu { color: #616486; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.im { color: #8A5518; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.in { color: #725F55; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.kw { color: #35645D; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.op { color: #35645D; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.ot { color: #4A4F7A; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.pp { color: #8A5518; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.re { color: #725F55; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.sc { color: #8A352A; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.ss { color: #3C6A4C; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.st { color: #3C6A4C; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.va { color: #616486; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.vs { color: #3C6A4C; }
+html[data-palette="hill-light"][data-mode="dusk"] code span.wa { color: #8A5518; }
+
+/* 溪山夜月 · 20:00–05:59 */
+html[data-palette="hill-light"][data-mode="night"] code span:not([class]),
+html[data-palette="hill-light"][data-mode="night"] div.sourceCode,
+html[data-palette="hill-light"][data-mode="night"] div.sourceCode pre.sourceCode { color: #D7DDD9; }
+
+html[data-palette="hill-light"][data-mode="night"] code span.al { color: #DD9585; font-weight: 600; }
+html[data-palette="hill-light"][data-mode="night"] code span.an { color: #87938E; }
+html[data-palette="hill-light"][data-mode="night"] code span.at { color: #D8AB6E; }
+html[data-palette="hill-light"][data-mode="night"] code span.bn { color: #D8AB6E; }
+html[data-palette="hill-light"][data-mode="night"] code span.bu { color: #9FB3D6; }
+html[data-palette="hill-light"][data-mode="night"] code span.cf { color: #8CB9AE; }
+html[data-palette="hill-light"][data-mode="night"] code span.ch { color: #86B894; }
+html[data-palette="hill-light"][data-mode="night"] code span.cn { color: #D8AB6E; }
+html[data-palette="hill-light"][data-mode="night"] code span.co { color: #87938E; }
+html[data-palette="hill-light"][data-mode="night"] code span.cv { color: #87938E; }
+html[data-palette="hill-light"][data-mode="night"] code span.do { color: #87938E; }
+html[data-palette="hill-light"][data-mode="night"] code span.dt { color: #A3B4DD; }
+html[data-palette="hill-light"][data-mode="night"] code span.dv { color: #D8AB6E; }
+html[data-palette="hill-light"][data-mode="night"] code span.er { color: #DD9585; text-decoration: underline; }
+html[data-palette="hill-light"][data-mode="night"] code span.ex { color: #DD9585; font-weight: 600; }
+html[data-palette="hill-light"][data-mode="night"] code span.fl { color: #D8AB6E; }
+html[data-palette="hill-light"][data-mode="night"] code span.fu { color: #9FB3D6; }
+html[data-palette="hill-light"][data-mode="night"] code span.im { color: #D8AB6E; }
+html[data-palette="hill-light"][data-mode="night"] code span.in { color: #87938E; }
+html[data-palette="hill-light"][data-mode="night"] code span.kw { color: #8CB9AE; }
+html[data-palette="hill-light"][data-mode="night"] code span.op { color: #8CB9AE; }
+html[data-palette="hill-light"][data-mode="night"] code span.ot { color: #A3B4DD; }
+html[data-palette="hill-light"][data-mode="night"] code span.pp { color: #D8AB6E; }
+html[data-palette="hill-light"][data-mode="night"] code span.re { color: #87938E; }
+html[data-palette="hill-light"][data-mode="night"] code span.sc { color: #DD9585; }
+html[data-palette="hill-light"][data-mode="night"] code span.ss { color: #86B894; }
+html[data-palette="hill-light"][data-mode="night"] code span.st { color: #86B894; }
+html[data-palette="hill-light"][data-mode="night"] code span.va { color: #9FB3D6; }
+html[data-palette="hill-light"][data-mode="night"] code span.vs { color: #86B894; }
+html[data-palette="hill-light"][data-mode="night"] code span.wa { color: #D8AB6E; }

package/skills/designing-theme/assets/theme/palettes/hill-light/tokens.css

@@ -0,0 +1,322 @@
+/* ============================================================
+   Palette: hill-light · 山光四时（dawn / noon / dusk / night）
+   色值源：D:/Github/hill-light/hill-light-theme/css/tokens.css（单一色值来源）。
+   本文件把山光的「纸/墨/强调/线」映射到本插件的 59 个语义令牌；
+   四种模式由 html[data-mode] 选择，night 同时声明 color-scheme: dark。
+   几何、字号、行高与明暗共用，见 css/tokens.css。
+   ============================================================ */
+
+html[data-palette="hill-light"][data-mode="dawn"],
+html[data-palette="hill-light"]:not([data-mode]) {
+  /* 溪山晓雾 · 06:00–10:59 */
+  color-scheme: light;
+}
+
+html[data-palette="hill-light"][data-mode="dawn"] body,
+html[data-palette="hill-light"]:not([data-mode]) body {
+  /* 溪山晓雾 · 06:00–10:59 · 语义令牌 */
+  --body-color: #2B3538;
+  --emphasis-color: #2B3538;
+  --code-bg: #E9E5DA;
+  --code-border: #D6D2C6;
+  --code-fg: #2B3538;
+  --code-title-bg: #EEEAE0;
+  --code-title-fg: #58686B;
+  --line-num-color: #556565;
+  --inline-code-bg: rgba(43, 53, 56, 0.06);
+  --inline-code-fg: #2B3538;
+  --text-secondary: #58686B;
+  --link-color: #2B3538;
+  --link-hover-color: #2D6A66;
+  --link-underline: rgba(43, 53, 56, 0.38);
+  --text-link: var(--link-color);
+  --text-underline: var(--link-underline);
+  --action-color: #2D6A66;
+  --table-border: #D6D2C6;
+  --callout-note-border: #58686B;
+  --callout-note-bg: transparent;
+  --callout-tip-border: #2F6B4F;
+  --callout-tip-bg: transparent;
+  --callout-warning-border: #8A5A12;
+  --callout-warning-bg: transparent;
+  --callout-important-border: #40548A;
+  --callout-important-bg: transparent;
+  --callout-caution-border: #8C352C;
+  --callout-caution-bg: transparent;
+  --copy-btn-bg: #E9E5DA;
+  --copy-btn-border: #D6D2C6;
+  --scrollbar-thumb: #D6D2C6;
+  --selection-bg: #CFE0DA;
+  --mark-bg: rgba(138, 90, 18, 0.24);
+  --sidebar-hover-bg: rgba(43, 53, 56, 0.04);
+  --sidebar-active-bg: rgba(45, 106, 102, 0.10);
+  --sidebar-fg: #58686B;
+  --accent: var(--action-color);
+  --navbar-bg: #F2EFE7;
+  --navbar-fg: #2B3538;
+  --navbar-muted: #58686B;
+  --navbar-border: #DCD8CD;
+  --navbar-input-bg: #E9E5DA;
+  --navbar-hover-bg: rgba(43, 53, 56, 0.04);
+  --navbar-secondary-bg: rgba(242, 239, 231, 0.88);
+  --dot-accent: #2D6A66;
+  --card-bg: transparent;
+  --card-border: #D6D2C6;
+  --toc-active: var(--body-color);
+  --page-bg: #F2EFE7;
+  --surface-raised: #F8F5EE;
+  --sidebar-bg: transparent;
+  --line-num-bg: rgba(43, 53, 56, 0.04);
+  --line-hover-bg: rgba(45, 106, 102, 0.06);
+  --overlay-scrim: rgba(0, 0, 0, 0.42);
+}
+
+html[data-palette="hill-light"][data-mode="noon"] {
+  /* 溪山午荫 · 11:00–16:59 */
+  color-scheme: light;
+}
+
+html[data-palette="hill-light"][data-mode="noon"] body {
+  /* 溪山午荫 · 11:00–16:59 · 语义令牌 */
+  --body-color: #263230;
+  --emphasis-color: #263230;
+  --code-bg: #F0EBDD;
+  --code-border: #D8D3C3;
+  --code-fg: #263230;
+  --code-title-bg: #F5F0E4;
+  --code-title-fg: #4F615B;
+  --line-num-color: #5A6B62;
+  --inline-code-bg: rgba(38, 50, 48, 0.06);
+  --inline-code-fg: #263230;
+  --text-secondary: #4F615B;
+  --link-color: #263230;
+  --link-hover-color: #1D6A55;
+  --link-underline: rgba(38, 50, 48, 0.38);
+  --text-link: var(--link-color);
+  --text-underline: var(--link-underline);
+  --action-color: #1D6A55;
+  --table-border: #D8D3C3;
+  --callout-note-border: #4F615B;
+  --callout-note-bg: transparent;
+  --callout-tip-border: #276847;
+  --callout-tip-bg: transparent;
+  --callout-warning-border: #7E510F;
+  --callout-warning-bg: transparent;
+  --callout-important-border: #3B4F86;
+  --callout-important-bg: transparent;
+  --callout-caution-border: #853027;
+  --callout-caution-bg: transparent;
+  --copy-btn-bg: #F0EBDD;
+  --copy-btn-border: #D8D3C3;
+  --scrollbar-thumb: #D8D3C3;
+  --selection-bg: #CCE5D8;
+  --mark-bg: rgba(126, 81, 15, 0.24);
+  --sidebar-hover-bg: rgba(38, 50, 48, 0.04);
+  --sidebar-active-bg: rgba(29, 106, 85, 0.10);
+  --sidebar-fg: #4F615B;
+  --accent: var(--action-color);
+  --navbar-bg: #FAF6EC;
+  --navbar-fg: #263230;
+  --navbar-muted: #4F615B;
+  --navbar-border: #E0DACC;
+  --navbar-input-bg: #F0EBDD;
+  --navbar-hover-bg: rgba(38, 50, 48, 0.04);
+  --navbar-secondary-bg: rgba(250, 246, 236, 0.88);
+  --dot-accent: #1D6A55;
+  --card-bg: transparent;
+  --card-border: #D8D3C3;
+  --toc-active: var(--body-color);
+  --page-bg: #FAF6EC;
+  --surface-raised: #FFFCF4;
+  --sidebar-bg: transparent;
+  --line-num-bg: rgba(38, 50, 48, 0.04);
+  --line-hover-bg: rgba(29, 106, 85, 0.06);
+  --overlay-scrim: rgba(0, 0, 0, 0.42);
+}
+
+html[data-palette="hill-light"][data-mode="dusk"] {
+  /* 溪山暮烟 · 17:00–19:59 */
+  color-scheme: light;
+}
+
+html[data-palette="hill-light"][data-mode="dusk"] body {
+  /* 溪山暮烟 · 17:00–19:59 · 语义令牌 */
+  --body-color: #3A2C26;
+  --emphasis-color: #3A2C26;
+  --code-bg: #E8D6C1;
+  --code-border: #D8C4AE;
+  --code-fg: #3A2C26;
+  --code-title-bg: #ECDCC8;
+  --code-title-fg: #67534A;
+  --line-num-color: #68554B;
+  --inline-code-bg: rgba(58, 44, 38, 0.06);
+  --inline-code-fg: #3A2C26;
+  --text-secondary: #67534A;
+  --link-color: #3A2C26;
+  --link-hover-color: #35645D;
+  --link-underline: rgba(58, 44, 38, 0.38);
+  --text-link: var(--link-color);
+  --text-underline: var(--link-underline);
+  --action-color: #35645D;
+  --table-border: #D8C4AE;
+  --callout-note-border: #67534A;
+  --callout-note-bg: transparent;
+  --callout-tip-border: #3C6A4C;
+  --callout-tip-bg: transparent;
+  --callout-warning-border: #8A5518;
+  --callout-warning-bg: transparent;
+  --callout-important-border: #4A4F7A;
+  --callout-important-bg: transparent;
+  --callout-caution-border: #8A352A;
+  --callout-caution-bg: transparent;
+  --copy-btn-bg: #E8D6C1;
+  --copy-btn-border: #D8C4AE;
+  --scrollbar-thumb: #D8C4AE;
+  --selection-bg: #E4CFB6;
+  --mark-bg: rgba(138, 85, 24, 0.24);
+  --sidebar-hover-bg: rgba(58, 44, 38, 0.04);
+  --sidebar-active-bg: rgba(53, 100, 93, 0.10);
+  --sidebar-fg: #67534A;
+  --accent: var(--action-color);
+  --navbar-bg: #F1E2D0;
+  --navbar-fg: #3A2C26;
+  --navbar-muted: #67534A;
+  --navbar-border: #DECCB8;
+  --navbar-input-bg: #E8D6C1;
+  --navbar-hover-bg: rgba(58, 44, 38, 0.04);
+  --navbar-secondary-bg: rgba(241, 226, 208, 0.88);
+  --dot-accent: #35645D;
+  --card-bg: transparent;
+  --card-border: #D8C4AE;
+  --toc-active: var(--body-color);
+  --page-bg: #F1E2D0;
+  --surface-raised: #F8EBDA;
+  --sidebar-bg: transparent;
+  --line-num-bg: rgba(58, 44, 38, 0.04);
+  --line-hover-bg: rgba(53, 100, 93, 0.06);
+  --overlay-scrim: rgba(0, 0, 0, 0.42);
+}
+
+html[data-palette="hill-light"][data-mode="night"] {
+  /* 溪山夜月 · 20:00–05:59 */
+  color-scheme: dark;
+}
+
+html[data-palette="hill-light"][data-mode="night"] body {
+  /* 溪山夜月 · 20:00–05:59 · 语义令牌 */
+  --body-color: #D7DDD9;
+  --emphasis-color: #D7DDD9;
+  --code-bg: #283132;
+  --code-border: #3A4644;
+  --code-fg: #D7DDD9;
+  --code-title-bg: #2E3738;
+  --code-title-fg: #A2AEA9;
+  --line-num-color: #8F9B96;
+  --inline-code-bg: rgba(215, 221, 217, 0.08);
+  --inline-code-fg: #D7DDD9;
+  --text-secondary: #A2AEA9;
+  --link-color: #D7DDD9;
+  --link-hover-color: #8CB9AE;
+  --link-underline: rgba(215, 221, 217, 0.38);
+  --text-link: var(--link-color);
+  --text-underline: var(--link-underline);
+  --action-color: #8CB9AE;
+  --table-border: #3A4644;
+  --callout-note-border: #A2AEA9;
+  --callout-note-bg: transparent;
+  --callout-tip-border: #86B894;
+  --callout-tip-bg: transparent;
+  --callout-warning-border: #D8AB6E;
+  --callout-warning-bg: transparent;
+  --callout-important-border: #A3B4DD;
+  --callout-important-bg: transparent;
+  --callout-caution-border: #DD9585;
+  --callout-caution-bg: transparent;
+  --copy-btn-bg: #283132;
+  --copy-btn-border: rgba(162, 174, 169, 0.40);
+  --scrollbar-thumb: #3A4644;
+  --selection-bg: #35514B;
+  --mark-bg: rgba(216, 171, 110, 0.24);
+  --sidebar-hover-bg: rgba(215, 221, 217, 0.06);
+  --sidebar-active-bg: rgba(140, 185, 174, 0.10);
+  --sidebar-fg: #A2AEA9;
+  --accent: var(--action-color);
+  --navbar-bg: #1B2223;
+  --navbar-fg: #D7DDD9;
+  --navbar-muted: #A2AEA9;
+  --navbar-border: #313C3A;
+  --navbar-input-bg: #283132;
+  --navbar-hover-bg: rgba(215, 221, 217, 0.06);
+  --navbar-secondary-bg: rgba(27, 34, 35, 0.88);
+  --dot-accent: #8CB9AE;
+  --card-bg: transparent;
+  --card-border: #3A4644;
+  --toc-active: var(--body-color);
+  --page-bg: #1B2223;
+  --surface-raised: #232B2C;
+  --sidebar-bg: transparent;
+  --line-num-bg: rgba(215, 221, 217, 0.04);
+  --line-hover-bg: rgba(140, 185, 174, 0.06);
+  --overlay-scrim: rgba(0, 0, 0, 0.62);
+}
+
+@media print {
+  html[data-palette="hill-light"][data-mode="night"] { color-scheme: light; }
+html[data-palette="hill-light"][data-mode="night"] body {
+  /* 打印 · 夜月换回晓雾纸墨 */
+  --body-color: #2B3538;
+  --emphasis-color: #2B3538;
+  --code-bg: #E9E5DA;
+  --code-border: #D6D2C6;
+  --code-fg: #2B3538;
+  --code-title-bg: #EEEAE0;
+  --code-title-fg: #58686B;
+  --line-num-color: #556565;
+  --inline-code-bg: rgba(43, 53, 56, 0.06);
+  --inline-code-fg: #2B3538;
+  --text-secondary: #58686B;
+  --link-color: #2B3538;
+  --link-hover-color: #2D6A66;
+  --link-underline: rgba(43, 53, 56, 0.38);
+  --text-link: var(--link-color);
+  --text-underline: var(--link-underline);
+  --action-color: #2D6A66;
+  --table-border: #D6D2C6;
+  --callout-note-border: #58686B;
+  --callout-note-bg: transparent;
+  --callout-tip-border: #2F6B4F;
+  --callout-tip-bg: transparent;
+  --callout-warning-border: #8A5A12;
+  --callout-warning-bg: transparent;
+  --callout-important-border: #40548A;
+  --callout-important-bg: transparent;
+  --callout-caution-border: #8C352C;
+  --callout-caution-bg: transparent;
+  --copy-btn-bg: #E9E5DA;
+  --copy-btn-border: #D6D2C6;
+  --scrollbar-thumb: #D6D2C6;
+  --selection-bg: #CFE0DA;
+  --mark-bg: rgba(138, 90, 18, 0.24);
+  --sidebar-hover-bg: rgba(43, 53, 56, 0.04);
+  --sidebar-active-bg: rgba(45, 106, 102, 0.10);
+  --sidebar-fg: #58686B;
+  --accent: var(--action-color);
+  --navbar-bg: #F2EFE7;
+  --navbar-fg: #2B3538;
+  --navbar-muted: #58686B;
+  --navbar-border: #DCD8CD;
+  --navbar-input-bg: #E9E5DA;
+  --navbar-hover-bg: rgba(43, 53, 56, 0.04);
+  --navbar-secondary-bg: rgba(242, 239, 231, 0.88);
+  --dot-accent: #2D6A66;
+  --card-bg: transparent;
+  --card-border: #D6D2C6;
+  --toc-active: var(--body-color);
+  --page-bg: #F2EFE7;
+  --surface-raised: #F8F5EE;
+  --sidebar-bg: transparent;
+  --line-num-bg: rgba(43, 53, 56, 0.04);
+  --line-hover-bg: rgba(45, 106, 102, 0.06);
+  --overlay-scrim: rgba(0, 0, 0, 0.42);
+}
+}

package/skills/designing-theme/assets/theme/palettes/solarized/brand-mark.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="书">
+  <path fill="#000000" fill-rule="evenodd" d="M32 18c-6-5-15-7-24-6v36c9-1 18 1 24 6 6-5 15-7 24-6V12c-9-1-18 1-24 6Zm-2 3v29c-5-3-11-4-17-4V16c6 0 12 2 17 5Zm4 0c5-3 11-5 17-5v30c-6 0-12 1-17 4V21Z"/>
+</svg>

package/skills/designing-theme/assets/theme/palettes/solarized/favicon-dark.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="书">
+  <rect width="64" height="64" rx="14" fill="#002B36"/>
+  <path fill="#839496" fill-rule="evenodd" d="M32 18c-6-5-15-7-24-6v36c9-1 18 1 24 6 6-5 15-7 24-6V12c-9-1-18 1-24 6Zm-2 3v29c-5-3-11-4-17-4V16c6 0 12 2 17 5Zm4 0c5-3 11-5 17-5v30c-6 0-12 1-17 4V21Z"/>
+  <rect x="30" y="20" width="4" height="32" fill="#51A0D5"/>
+</svg>

package/skills/designing-theme/assets/theme/palettes/solarized/favicon-light.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="书">
+  <rect width="64" height="64" rx="14" fill="#FDF6E3"/>
+  <path fill="#526C74" fill-rule="evenodd" d="M32 18c-6-5-15-7-24-6v36c9-1 18 1 24 6 6-5 15-7 24-6V12c-9-1-18 1-24 6Zm-2 3v29c-5-3-11-4-17-4V16c6 0 12 2 17 5Zm4 0c5-3 11-5 17-5v30c-6 0-12 1-17 4V21Z"/>
+  <rect x="30" y="20" width="4" height="32" fill="#268BD2"/>
+</svg>