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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/README.en.md +2 -2
  2. package/README.md +2 -2
  3. package/package.json +5 -2
  4. package/skills/designing-theme/SKILL.md +2 -2
  5. package/skills/designing-theme/assets/theme/css/base.css +216 -55
  6. package/skills/designing-theme/assets/theme/css/callouts.css +32 -23
  7. package/skills/designing-theme/assets/theme/css/code.css +84 -2
  8. package/skills/designing-theme/assets/theme/css/content.css +152 -36
  9. package/skills/designing-theme/assets/theme/css/landing.css +150 -52
  10. package/skills/designing-theme/assets/theme/css/nav.css +462 -35
  11. package/skills/designing-theme/assets/theme/css/sidebar.css +76 -31
  12. package/skills/designing-theme/assets/theme/css/tokens.css +34 -16
  13. package/skills/designing-theme/assets/theme/includes/fonts.html +1 -1
  14. package/skills/designing-theme/assets/theme/includes/footer.html +16 -7
  15. package/skills/designing-theme/assets/theme/includes/palette.html +420 -0
  16. package/skills/designing-theme/assets/theme/palettes/flexoki/brand-mark.svg +3 -0
  17. package/skills/designing-theme/assets/theme/palettes/flexoki/favicon-dark.svg +5 -0
  18. package/skills/designing-theme/assets/theme/palettes/flexoki/favicon-light.svg +5 -0
  19. package/skills/designing-theme/assets/theme/palettes/flexoki/highlight-dark.theme +214 -0
  20. package/skills/designing-theme/assets/theme/palettes/flexoki/highlight-light.theme +214 -0
  21. package/skills/designing-theme/assets/theme/palettes/flexoki/meta.md +53 -0
  22. package/skills/designing-theme/assets/theme/palettes/flexoki/theme-dark.scss +43 -0
  23. package/skills/designing-theme/assets/theme/palettes/flexoki/theme-light.scss +40 -0
  24. package/skills/designing-theme/assets/theme/palettes/flexoki/tokens.css +156 -0
  25. package/skills/designing-theme/assets/theme/palettes/hill-light/brand-mark.svg +3 -0
  26. package/skills/designing-theme/assets/theme/palettes/hill-light/favicon-dark.svg +5 -0
  27. package/skills/designing-theme/assets/theme/palettes/hill-light/favicon-light.svg +5 -0
  28. package/skills/designing-theme/assets/theme/palettes/hill-light/meta.md +78 -0
  29. package/skills/designing-theme/assets/theme/palettes/hill-light/syntax.css +150 -0
  30. package/skills/designing-theme/assets/theme/palettes/hill-light/tokens.css +322 -0
  31. package/skills/designing-theme/assets/theme/palettes/solarized/brand-mark.svg +3 -0
  32. package/skills/designing-theme/assets/theme/palettes/solarized/favicon-dark.svg +5 -0
  33. package/skills/designing-theme/assets/theme/palettes/solarized/favicon-light.svg +5 -0
  34. package/skills/designing-theme/assets/theme/palettes/solarized/highlight-dark.theme +214 -0
  35. package/skills/designing-theme/assets/theme/palettes/solarized/highlight-light.theme +214 -0
  36. package/skills/designing-theme/assets/theme/palettes/solarized/meta.md +66 -0
  37. package/skills/designing-theme/assets/theme/palettes/solarized/syntax.css +67 -0
  38. package/skills/designing-theme/assets/theme/palettes/solarized/theme-dark.scss +43 -0
  39. package/skills/designing-theme/assets/theme/palettes/solarized/theme-light.scss +41 -0
  40. package/skills/designing-theme/assets/theme/palettes/solarized/tokens.css +154 -0
  41. package/skills/designing-theme/knowledge/reading-surface.md +27 -15
  42. package/skills/designing-theme/references/theme-spine.md +2 -2
  43. package/skills/designing-theme/references/theme-system.md +82 -36
  44. package/skills/designing-theme/scripts/checking-layout.py +306 -48
  45. package/skills/designing-theme/scripts/measuring-pages.mjs +40 -3
  46. package/skills/writing-quarto/quarto/render.md +2 -2
  47. package/skills/writing-quarto/scripts/checking-dom.py +14 -7
  48. package/skills/designing-theme/assets/theme/assets/brand-mark.svg +0 -4
  49. package/skills/designing-theme/assets/theme/assets/favicon.svg +0 -9
  50. package/skills/designing-theme/assets/theme/palettes/github/highlight-dark.theme +0 -213
  51. package/skills/designing-theme/assets/theme/palettes/github/highlight-light.theme +0 -213
  52. package/skills/designing-theme/assets/theme/palettes/github/meta.md +0 -38
  53. package/skills/designing-theme/assets/theme/palettes/github/theme-dark.scss +0 -35
  54. package/skills/designing-theme/assets/theme/palettes/github/theme-light.scss +0 -34
  55. package/skills/designing-theme/assets/theme/palettes/github/tokens.css +0 -160
@@ -1,160 +0,0 @@
1
- /* ============================================================
2
- Palette: github · Primer Light / Dark 色值
3
- 结构尺度见 css/tokens.css;本文件只提供语义颜色。
4
- ============================================================ */
5
-
6
- body {
7
- /* GitHub Light 页面令牌 */
8
- --body-color: #1F2328;
9
- /* 正文强调(strong):比正文更深一档的中性色;全站字体只有一个字面,
10
- 强调色不取链接蓝,加粗本身靠 content.css 的合成。 */
11
- --emphasis-color: #000000;
12
- /* GitHub Light 代码块色板;语义 token 由 Pandoc/Quarto 提供。 */
13
- --code-bg: #F6F8FA;
14
- --code-border: #D0D7DE;
15
- --code-fg: #1F2328;
16
- --code-title-bg: #EAEEF2;
17
- --code-title-fg: #57606A;
18
- --line-num-color: #57606A;
19
- --inline-code-bg: rgba(175, 184, 193, 0.2);
20
- --inline-code-fg: #1F2328;
21
- --text-secondary: #656D76;
22
- --link-color: #0969DA;
23
- --link-underline: rgba(9, 105, 218, 0.35);
24
- --text-link: var(--link-color);
25
- --text-underline: var(--link-underline);
26
- --table-header-bg: #F6F8FA;
27
- --table-border: #D0D7DE;
28
- --table-hairline: #EAECEF;
29
- --quote-bg: #F6F8FA;
30
- /* callout:左条色 + 浅底。条色对齐页面已有功能色(链接蓝/成功绿/低饱和琥珀与红,
31
- 紫为 Primer done);浅底用同色 8%–12% 透明,不再用 Tailwind 粉彩实底。 */
32
- --callout-note-border: #0969DA;
33
- --callout-note-bg: rgba(9, 105, 218, 0.10);
34
- --callout-tip-border: #1F883D;
35
- --callout-tip-bg: rgba(31, 136, 61, 0.10);
36
- --callout-warning-border: #8A5C00;
37
- --callout-warning-bg: rgba(138, 92, 0, 0.10);
38
- --callout-important-border: #8250DF;
39
- --callout-important-bg: rgba(130, 80, 223, 0.10);
40
- --callout-caution-border: #CF222E;
41
- --callout-caution-bg: rgba(207, 34, 46, 0.10);
42
- --quote-border: #D0D7DE;
43
- --copy-btn-bg: #FFFFFF;
44
- --copy-btn-border: #E5E5E5;
45
- --scrollbar-thumb: #AFB8C1;
46
- --selection-bg: rgba(9, 105, 218, 0.15);
47
- --mark-bg: rgba(255, 212, 0, 0.4);
48
- --sidebar-hover-bg: rgba(0, 0, 0, 0.04);
49
- --sidebar-active-bg: rgba(9, 105, 218, 0.10);
50
- --sidebar-fg: #656D76;
51
- --accent: var(--link-color);
52
- --navbar-bg: #FFFFFF;
53
- --navbar-fg: #1F2328;
54
- --navbar-muted: #656D76;
55
- --navbar-border: #D0D7DE;
56
- --navbar-input-bg: #F6F8FA;
57
- --navbar-hover-bg: rgba(0, 0, 0, 0.04);
58
- --navbar-secondary-bg: rgba(255, 255, 255, 0.85);
59
- --dot-accent: #1F883D;
60
- --card-bg: #FFFFFF;
61
- --card-border: #D0D7DE;
62
- --card-hover-border: var(--link-color);
63
- --card-shadow: 0 1px 3px rgba(31, 35, 40, 0.06), 0 4px 12px rgba(140, 149, 159, 0.08);
64
- /* 右目录当前项与侧栏一致:正文色加色条,不涂链接蓝 */
65
- --toc-active: var(--body-color);
66
- --page-bg: #FFFFFF;
67
- --surface-raised: #F6F8FA;
68
- --sidebar-bg: transparent;
69
- --line-num-bg: rgba(0, 0, 0, 0.04);
70
- --line-hover-bg: rgba(9, 105, 218, 0.06);
71
- }
72
-
73
- body.quarto-dark {
74
- /* GitHub Dark Dimmed 页面令牌(软暗色:近灰底,缓解 Dark Default 的偏黑) */
75
- --body-color: #CDD9E5;
76
- /* 正文强调(strong):比正文更亮一档的中性色;不取链接蓝 */
77
- --emphasis-color: #FFFFFF;
78
- /* GitHub Dark Dimmed 代码块色板,与页面明暗模式同步。 */
79
- --code-bg: #2D333B;
80
- --code-border: #444C56;
81
- --code-fg: #CDD9E5;
82
- --code-title-bg: #373E47;
83
- --code-title-fg: #B1BAC4;
84
- --line-num-color: #B1BAC4;
85
- --inline-code-bg: rgba(99, 110, 123, 0.4);
86
- --inline-code-fg: #CDD9E5;
87
- --text-secondary: #B1BAC4;
88
- --link-color: #539BF5;
89
- --link-underline: rgba(83, 155, 245, 0.45);
90
- --text-link: var(--link-color);
91
- --text-underline: var(--link-underline);
92
- --table-header-bg: #2D333B;
93
- --table-border: #444C56;
94
- --table-hairline: #373E47;
95
- --quote-bg: rgba(205, 217, 229, 0.05);
96
- --callout-note-border: #6CB6FF;
97
- --callout-note-bg: rgba(108, 182, 255, 0.12);
98
- --callout-tip-border: #57AB5A;
99
- --callout-tip-bg: rgba(87, 171, 90, 0.12);
100
- --callout-warning-border: #C69026;
101
- --callout-warning-bg: rgba(198, 144, 38, 0.14);
102
- --callout-important-border: #986EE2;
103
- --callout-important-bg: rgba(152, 110, 226, 0.12);
104
- --callout-caution-border: #E5534B;
105
- --callout-caution-bg: rgba(229, 83, 75, 0.12);
106
- --quote-border: #444C56;
107
- /* 复制按钮边框:半透明 --text-secondary——按钮底与代码块底同为 #2D333B,
108
- 边框太暗会让图标沉进去 */
109
- --copy-btn-bg: #2D333B;
110
- --copy-btn-border: rgba(177, 186, 196, 0.4);
111
- --scrollbar-thumb: #545D68;
112
- --selection-bg: rgba(83, 155, 245, 0.30);
113
- --mark-bg: rgba(198, 144, 38, 0.35);
114
- --sidebar-hover-bg: rgba(205, 217, 229, 0.06);
115
- --sidebar-active-bg: rgba(83, 155, 245, 0.18);
116
- --sidebar-fg: #B1BAC4;
117
- --accent: var(--link-color);
118
- --navbar-bg: #22272E;
119
- --navbar-fg: #CDD9E5;
120
- --navbar-muted: #B1BAC4;
121
- --navbar-border: #444C56;
122
- --navbar-input-bg: #2D333B;
123
- --navbar-hover-bg: rgba(205, 217, 229, 0.07);
124
- --navbar-secondary-bg: rgba(34, 39, 46, 0.90);
125
- --dot-accent: #57AB5A;
126
- --card-bg: #2D333B;
127
- --card-border: #444C56;
128
- --card-hover-border: var(--link-color);
129
- --card-shadow: none;
130
- /* 右目录当前项与侧栏一致:正文色加色条,不涂链接蓝 */
131
- --toc-active: var(--body-color);
132
- --page-bg: #22272E;
133
- --surface-raised: #2D333B;
134
- --sidebar-bg: transparent;
135
- --line-num-bg: rgba(205, 217, 229, 0.05);
136
- --line-hover-bg: rgba(83, 155, 245, 0.10);
137
- color-scheme: dark;
138
- }
139
-
140
- @media (prefers-contrast: more) {
141
- body {
142
- --body-color: #0D1117;
143
- /* 与常规模式的强调色保持同一套,不因高对比回退旧色 */
144
- --emphasis-color: #000000;
145
- --code-border: #8C959F;
146
- --card-border: #8C959F;
147
- --navbar-border: #8C959F;
148
- }
149
-
150
- body.quarto-dark {
151
- --body-color: #F0F6FC;
152
- --code-fg: #F0F6FC;
153
- --inline-code-fg: #F0F6FC;
154
- /* 与常规模式的强调色保持同一套,不因高对比回退旧色 */
155
- --emphasis-color: #FFFFFF;
156
- --code-border: #768390;
157
- --card-border: #768390;
158
- --navbar-border: #768390;
159
- }
160
- }