@bytechain.cn/colamd-themes 0.3.1 → 0.5.0

package/themes/word-contract.css

@@ -0,0 +1,249 @@
+/*
+ * ColaMD Theme: word-contract
+ * 合同/协议文档样式 — 仿宋正文、黑体标题、居中大标题、条款首行缩进
+ * 契约：ColaMD Extend 2.7（CodeMirror 6 + Pele）
+ *
+ * 变量一律写在 :root；编辑器里没有 <h1>/<blockquote> 元素，
+ * 标题是带类的一行，引用/代码块是每行一个 div（禁止纵向 padding）。
+ */
+
+:root {
+  /* ── 1.1 Seed Palette ── */
+  --seed-accent:        #2b579a;
+  --seed-accent-light:  rgba(43, 87, 154, 0.15);
+  --seed-accent-dark:   #2b579a;
+  --seed-surface:       #ffffff;
+  --seed-panel:         #f5f5f5;
+  --seed-panel-alt:     #1e1e1e;
+  --seed-ink:           #000000;
+  --seed-ink-muted:     #000000;
+  --seed-ink-dim:       #000000;
+  --seed-border:        #cccccc;
+  --seed-border-strong: #cccccc;
+
+  /* ── 1.2 Semantic Colors ── */
+  --bg-color:         var(--seed-surface);
+  --text-color:       var(--seed-ink);
+  --text-secondary:   #333333;
+  --text-muted:       #666666;
+  --border-color:     var(--seed-border);
+  --link-color:       var(--seed-accent);
+
+  --code-bg:          var(--seed-panel);
+  --code-block-bg:    var(--seed-panel-alt);
+  --code-block-text:  #f0f0f0;
+
+  --blockquote-border: var(--seed-accent);
+  --blockquote-bg:     var(--seed-panel);
+  --table-header-bg:   var(--seed-panel);
+
+  --selection-bg: rgba(43, 87, 154, 0.15);
+  --highlight-bg: rgba(43, 87, 154, 0.15);
+
+  /* ── 1.3 Typography & Metrics ── */
+  --font-body: "FangSong_GB2312", "FangSong", "Songti SC", "Noto Serif SC", Georgia, serif;
+  --font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Menlo, Consolas, monospace;
+  --editor-font-size: 16px;
+  --editor-column-width: 820px;
+
+  /* ── 1.4 Pele ── */
+  --pele-bg: var(--code-block-bg);
+  --pele-fg: var(--code-block-text);
+  --pele-muted: color-mix(in srgb, var(--code-block-text) 70%, var(--code-block-bg));
+  --pele-line: var(--code-block-text);
+  --pele-surface: color-mix(in srgb, var(--code-block-text) 18%, var(--code-block-bg));
+  --pele-surface-alt: color-mix(in srgb, var(--code-block-text) 28%, var(--code-block-bg));
+  --pele-border: color-mix(in srgb, var(--code-block-text) 45%, var(--code-block-bg));
+  --pele-accent: var(--link-color);
+  --pele-radius: 6px;
+}
+
+/* ═══════════════════════════════════════════════════════════
+   SECTION 2 — 编辑器 DOM
+   ═══════════════════════════════════════════════════════════ */
+
+#editor .cm-content {
+  font-family: var(--font-body);
+  line-height: 1.75;
+}
+
+/* ── 2.1 标题：合同名居中，条款标题用黑体 ── */
+#editor .cm-content .cm-md-atxheading1,
+#editor .cm-content .cm-md-atxheading2,
+#editor .cm-content .cm-md-atxheading3,
+#editor .cm-content .cm-md-atxheading4,
+#editor .cm-content .cm-md-atxheading5,
+#editor .cm-content .cm-md-atxheading6 {
+  color: var(--text-color);
+  font-weight: 700;
+  line-height: 1.35;
+}
+
+#editor .cm-content .cm-md-atxheading1 {
+  font-family: "SimHei", "Heiti SC", "Source Han Sans SC", sans-serif;
+  font-size: 1.375em;
+  text-align: center;
+  border-bottom: none;
+}
+#editor .cm-content .cm-md-atxheading2 {
+  font-family: "SimHei", "Heiti SC", "Source Han Sans SC", sans-serif;
+  font-size: 1.125em;
+}
+#editor .cm-content .cm-md-atxheading3 {
+  font-family: var(--font-body);
+  font-size: 1.25em;
+}
+#editor .cm-content .cm-md-atxheading4 {
+  font-family: "SimHei", "Heiti SC", "Source Han Sans SC", sans-serif;
+  font-size: 1.1em;
+}
+#editor .cm-content .cm-md-atxheading5 { font-size: 1em; }
+#editor .cm-content .cm-md-atxheading6 { font-size: 0.95em; }
+
+/* ── 2.2 行内 ── */
+#editor .cm-content .cm-md-strong { color: var(--text-color); font-weight: 700; }
+#editor .cm-content .cm-md-em { font-style: italic; }
+#editor .cm-content .cm-md-strike { text-decoration: line-through; }
+#editor .cm-content .cm-md-highlight { background: var(--highlight-bg); }
+#editor .cm-content .cm-md-link { color: var(--link-color); }
+#editor .cm-content .cm-md-url { color: var(--text-muted); }
+
+#editor .cm-content .cm-md-inlinecode {
+  font-family: var(--font-mono);
+  background: var(--code-bg);
+  color: var(--text-color);
+  border-radius: 3px;
+}
+
+#editor .cm-content .cm-md-marker,
+#editor .cm-content .cm-md-quotemark,
+#editor .cm-content .cm-md-listmark {
+  color: var(--text-muted);
+}
+
+/* ── 2.3 引用块 / 代码块 ── */
+#editor .cm-content .cm-md-blockquote {
+  background: var(--blockquote-bg);
+  color: var(--text-secondary);
+  border-left: 4px solid var(--blockquote-border);
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+#editor .cm-content .cm-md-codeblock {
+  background: var(--code-block-bg);
+  color: var(--code-block-text);
+  padding-left: 16px;
+  padding-right: 16px;
+}
+#editor .cm-content .cm-md-codeblock-first {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+#editor .cm-content .cm-md-codeblock-last {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+/* ── 2.4 表格 ── */
+#editor .cm-content .cm-md-table-widget th,
+#editor .cm-content .cm-md-table-widget td {
+  border-color: var(--border-color);
+}
+#editor .cm-content .cm-md-table-widget th {
+  background: var(--table-header-bg);
+  color: var(--text-color);
+  font-weight: 700;
+  border-bottom: 2px solid var(--link-color);
+}
+#editor .cm-content .cm-md-hr { border-top-color: var(--border-color); }
+
+/* ── 2.5 条款首行缩进 ── */
+#editor .cm-content .cm-line { text-indent: 2em; }
+
+#editor .cm-content .cm-md-atxheading1,
+#editor .cm-content .cm-md-atxheading2,
+#editor .cm-content .cm-md-atxheading3,
+#editor .cm-content .cm-md-atxheading4,
+#editor .cm-content .cm-md-atxheading5,
+#editor .cm-content .cm-md-atxheading6,
+#editor .cm-content .cm-md-blockquote,
+#editor .cm-content .cm-md-codeblock,
+#editor .cm-content .cm-md-hr,
+#editor .cm-content .cm-md-mermaid,
+#editor .cm-content .cm-md-li-0,
+#editor .cm-content .cm-md-li-1,
+#editor .cm-content .cm-md-li-2,
+#editor .cm-content .cm-md-li-3,
+#editor .cm-content .cm-md-li-4,
+#editor .cm-content .cm-md-li-5,
+#editor .cm-content .cm-md-li-6 {
+  text-indent: 0;
+}
+
+/* ═══════════════════════════════════════════════════════════
+   SECTION 3 — 导出 HTML（.colamd-document）
+   ═══════════════════════════════════════════════════════════ */
+
+.colamd-document {
+  font-family: var(--font-body);
+  font-size: var(--editor-font-size);
+  line-height: 1.75;
+}
+
+.colamd-document h1 {
+  font-family: "SimHei", "Heiti SC", "Source Han Sans SC", sans-serif;
+  font-size: 1.375em;
+  text-align: center;
+}
+.colamd-document h2,
+.colamd-document h3,
+.colamd-document h4,
+.colamd-document h5,
+.colamd-document h6 {
+  color: var(--text-color);
+  line-height: 1.35;
+}
+.colamd-document h2 { font-family: "SimHei", "Heiti SC", "Source Han Sans SC", sans-serif; }
+
+.colamd-document strong { color: var(--text-color); }
+.colamd-document code {
+  background: var(--code-bg);
+  color: var(--text-color);
+  font-family: var(--font-mono);
+}
+.colamd-document pre { background: var(--code-block-bg); }
+.colamd-document pre code { color: var(--code-block-text); }
+.colamd-document blockquote {
+  background: var(--blockquote-bg);
+  color: var(--text-secondary);
+  border-left-color: var(--blockquote-border);
+}
+.colamd-document mark { background: var(--highlight-bg); }
+.colamd-document th {
+  background: var(--table-header-bg);
+  border-bottom: 2px solid var(--link-color);
+}
+.colamd-document hr { border-top-color: var(--border-color); }
+
+.colamd-document p { text-indent: 2em; }
+.colamd-document li p,
+.colamd-document td p,
+.colamd-document th p,
+.colamd-document blockquote p {
+  text-indent: 0;
+}
+
+/* ═══════════════════════════════════════════════════════════
+   SECTION 4 — 打印
+   ═══════════════════════════════════════════════════════════ */
+
+@media print {
+  html,
+  body {
+    background: var(--bg-color);
+    color: var(--text-color);
+    -webkit-print-color-adjust: exact;
+    print-color-adjust: exact;
+  }
+}

package/themes-preview/demo-content.md

@@ -1,187 +1,187 @@
-# 会议纪要主题演示
-
-这是 **meeting-minutes** 主题的完整预览。该主题从实际的会议纪要文档中提取，适合正式的商务文档排版。
-
-## 2. 二级标题样式
-
-### 3. 三级标题样式
-
-这是一段普通文本，包含 **粗体**、*斜体*、`行内代码`、[链接](https://example.com) 和 ~~删除线~~。还会包含一些中文文本以测试字体效果。
-
-> 这是一个引用块。引用块通常用于强调或展示外部内容。这里可以包含 *斜体* 和 **粗体** 文本。
->
-> —— 会议记录人
-
-### 列表样式
-
-**无序列表：**
-
-- 第一项讨论内容
-- 第二项讨论内容
-  - 嵌套的子项目 A
-  - 嵌套的子项目 B
-- 第三项行动项
-
-**有序列表：**
-
-1. 开场致辞
-2. 议程第一项：财务报告
-   1. 第一季度回顾
-   2. 第二季度预测
-3. 议程第二项：项目进展
-   1. 核心功能完成度
-   2. 下一步里程碑
-
-**任务列表：**
-
-- [x] 会议材料准备
-- [x] 会议室预订
-- [ ] 会后纪要分发
-- [ ] 行动项跟进
-
-### 代码块样式
-
-```python
-def generate_meeting_minutes(attendees, topics, decisions):
-    """
-    生成会议纪要
-    """
-    minutes = {
-        "date": datetime.now(),
-        "attendees": attendees,
-        "topics": topics,
-        "decisions": decisions,
-        "action_items": []
-    }
-    return minutes
-```
-
-```javascript
-// JavaScript 示例
-const meeting = {
-  title: "Sprint Planning",
-  duration: "2 hours",
-  participants: ["Alice", "Bob", "Charlie"]
-};
-```
-
-### 表格样式
-
-| 项目 | 负责人 | 截止日期 | 状态 |
-|------|--------|----------|------|
-| 用户调研 | 张三 | 2025-06-15 | ✅ 已完成 |
-| 原型设计 | 李四 | 2025-06-20 | 🔄 进行中 |
-| 开发实现 | 王五 | 2025-07-15 | ⏳ 未开始 |
-| 测试验收 | 赵六 | 2025-07-30 | ⏳ 未开始 |
-
-| Header 1 | Header 2 | Header 3 |
-|----------|----------|----------|
-| Cell 1   | Cell 2   | Cell 3   |
-| Cell 4   | Cell 5   | Cell 6   |
-
----
-
-### Mermaid 图表
-
-```mermaid
-graph TD
-    A[会议开始] --> B[议程介绍]
-    B --> C[财务报告]
-    B --> D[项目进展]
-    B --> E[其他事项]
-    C --> F[决策1]
-    D --> G[决策2]
-    E --> H[决策3]
-    F --> I[行动项分配]
-    G --> I
-    H --> I
-    I --> J[下次会议安排]
-```
-
-```mermaid
-sequenceDiagram
-    participant 主持人
-    participant 张三
-    participant 李四
-    主持人->>张三: 请介绍财务情况
-    张三->>所有人: Q1营收增长15%
-    李四->>所有人: 建议增加营销预算
-    主持人->>所有人: 通过决议
-```
-
----
-
-### 数学公式
-
-$$
-\int_{a}^{b} f(x) \, dx = F(b) - F(a)
-$$
-
-$$
-E = mc^2
-$$
-
----
-
-### 分隔线
-
----
-
-### 行内元素变体
-
-| 样式 | 示例 |
-|------|------|
-| 代码 | `const x = 10;` |
-| 强调 | *重要内容* |
-| 加粗 | **必须完成** |
-| 标记 | ==高亮显示== |
-| 下标 | H~2~O |
-| 上标 | x^2^ |
-
----
-
-### YAML Frontmatter 示例
-
-```yaml
----
-title: 项目周会纪要
-date: 2025-05-25
-location: 会议室 A305
-attendees:
-  - 张三 (产品经理)
-  - 李四 (技术负责人)
-  - 王五 (设计师)
-decisions:
-  - 同意增加前端开发人员
-  - 下周启动用户调研
-action_items:
-  - { owner: 李四, task: 完成技术方案, due: 2025-06-01 }
-  - { owner: 王五, task: 提供设计稿, due: 2025-06-05 }
----
-```
-
----
-
-### 脚注示例
-
-这是一个包含脚注的段落。会议决议需要所有核心成员确认[^1]，并在会后24小时内分发纪要[^2]。
-
-[^1]: 核心成员指产品、技术、设计负责人
-[^2]: 分发渠道：企业微信 + 邮件
-
----
-
-### 定义列表
-
-**Term 1**
-: Definition 1a
-: Definition 1b
-
-**Term 2**
-: Definition 2a
-
----
-
-<div style="margin-top: 3rem; padding: 1rem; background: var(--seed-panel); border-left: 4px solid var(--seed-accent); border-radius: var(--radius-md);">
-  <strong>💡 提示：</strong> 这个主题使用了 <code>macaron-blueberry</code> 配色方案，特点是柔和的蓝色强调色搭配干净的白色背景，适合正式文档和会议纪要。
-</div>
+# 会议纪要主题演示
+
+这是 **meeting-minutes** 主题的完整预览。该主题从实际的会议纪要文档中提取，适合正式的商务文档排版。
+
+## 2. 二级标题样式
+
+### 3. 三级标题样式
+
+这是一段普通文本，包含 **粗体**、*斜体*、`行内代码`、[链接](https://example.com) 和 ~~删除线~~。还会包含一些中文文本以测试字体效果。
+
+> 这是一个引用块。引用块通常用于强调或展示外部内容。这里可以包含 *斜体* 和 **粗体** 文本。
+>
+> —— 会议记录人
+
+### 列表样式
+
+**无序列表：**
+
+- 第一项讨论内容
+- 第二项讨论内容
+  - 嵌套的子项目 A
+  - 嵌套的子项目 B
+- 第三项行动项
+
+**有序列表：**
+
+1. 开场致辞
+2. 议程第一项：财务报告
+   1. 第一季度回顾
+   2. 第二季度预测
+3. 议程第二项：项目进展
+   1. 核心功能完成度
+   2. 下一步里程碑
+
+**任务列表：**
+
+- [x] 会议材料准备
+- [x] 会议室预订
+- [ ] 会后纪要分发
+- [ ] 行动项跟进
+
+### 代码块样式
+
+```python
+def generate_meeting_minutes(attendees, topics, decisions):
+    """
+    生成会议纪要
+    """
+    minutes = {
+        "date": datetime.now(),
+        "attendees": attendees,
+        "topics": topics,
+        "decisions": decisions,
+        "action_items": []
+    }
+    return minutes
+```
+
+```javascript
+// JavaScript 示例
+const meeting = {
+  title: "Sprint Planning",
+  duration: "2 hours",
+  participants: ["Alice", "Bob", "Charlie"]
+};
+```
+
+### 表格样式
+
+| 项目 | 负责人 | 截止日期 | 状态 |
+|------|--------|----------|------|
+| 用户调研 | 张三 | 2025-06-15 | ✅ 已完成 |
+| 原型设计 | 李四 | 2025-06-20 | 🔄 进行中 |
+| 开发实现 | 王五 | 2025-07-15 | ⏳ 未开始 |
+| 测试验收 | 赵六 | 2025-07-30 | ⏳ 未开始 |
+
+| Header 1 | Header 2 | Header 3 |
+|----------|----------|----------|
+| Cell 1   | Cell 2   | Cell 3   |
+| Cell 4   | Cell 5   | Cell 6   |
+
+---
+
+### Mermaid 图表
+
+```mermaid
+graph TD
+    A[会议开始] --> B[议程介绍]
+    B --> C[财务报告]
+    B --> D[项目进展]
+    B --> E[其他事项]
+    C --> F[决策1]
+    D --> G[决策2]
+    E --> H[决策3]
+    F --> I[行动项分配]
+    G --> I
+    H --> I
+    I --> J[下次会议安排]
+```
+
+```mermaid
+sequenceDiagram
+    participant 主持人
+    participant 张三
+    participant 李四
+    主持人->>张三: 请介绍财务情况
+    张三->>所有人: Q1营收增长15%
+    李四->>所有人: 建议增加营销预算
+    主持人->>所有人: 通过决议
+```
+
+---
+
+### 数学公式
+
+$$
+\int_{a}^{b} f(x) \, dx = F(b) - F(a)
+$$
+
+$$
+E = mc^2
+$$
+
+---
+
+### 分隔线
+
+---
+
+### 行内元素变体
+
+| 样式 | 示例 |
+|------|------|
+| 代码 | `const x = 10;` |
+| 强调 | *重要内容* |
+| 加粗 | **必须完成** |
+| 标记 | ==高亮显示== |
+| 下标 | H~2~O |
+| 上标 | x^2^ |
+
+---
+
+### YAML Frontmatter 示例
+
+```yaml
+---
+title: 项目周会纪要
+date: 2025-05-25
+location: 会议室 A305
+attendees:
+  - 张三 (产品经理)
+  - 李四 (技术负责人)
+  - 王五 (设计师)
+decisions:
+  - 同意增加前端开发人员
+  - 下周启动用户调研
+action_items:
+  - { owner: 李四, task: 完成技术方案, due: 2025-06-01 }
+  - { owner: 王五, task: 提供设计稿, due: 2025-06-05 }
+---
+```
+
+---
+
+### 脚注示例
+
+这是一个包含脚注的段落。会议决议需要所有核心成员确认[^1]，并在会后24小时内分发纪要[^2]。
+
+[^1]: 核心成员指产品、技术、设计负责人
+[^2]: 分发渠道：企业微信 + 邮件
+
+---
+
+### 定义列表
+
+**Term 1**
+: Definition 1a
+: Definition 1b
+
+**Term 2**
+: Definition 2a
+
+---
+
+<div style="margin-top: 3rem; padding: 1rem; background: var(--seed-panel); border-left: 4px solid var(--seed-accent); border-radius: var(--radius-md);">
+  <strong>💡 提示：</strong> 这个主题使用了 <code>macaron-blueberry</code> 配色方案，特点是柔和的蓝色强调色搭配干净的白色背景，适合正式文档和会议纪要。
+</div>

package/tsconfig.json

@@ -1,18 +1,18 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "Node16",
-    "moduleResolution": "Node16",
-    "outDir": "dist",
-    "rootDir": "src",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "declaration": true,
-    "resolveJsonModule": true,
-    "sourceMap": true
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist", "tests"]
-}
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "Node16",
+    "moduleResolution": "Node16",
+    "outDir": "dist",
+    "rootDir": "src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true,
+    "resolveJsonModule": true,
+    "sourceMap": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist", "tests"]
+}