@deot/docs-theme 1.0.4 → 1.1.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.
- package/README.md +1 -1
- package/dist/index.style.css +1 -1
- package/package.json +1 -1
- package/src/theme.scss +5 -4
package/README.md
CHANGED
|
@@ -26,7 +26,7 @@ pnpm add @deot/docs-theme
|
|
|
26
26
|
|
|
27
27
|
运行时由 `@deot/docs-client` 负责同步 `data-doc-theme` 与 `data-vc-theme`。直接使用 Markdown、Playground 或 Renderer 时，也可以自行在祖先元素设置这两个属性之一。
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
语义变量覆盖前景/背景、主色、链接、斜纹色 `pattern-fg`、提示与警告背景，以及成对的 `error-color` 与 `error-background`。组件库已有的颜色继续复用 `--vc-*`。
|
|
30
30
|
|
|
31
31
|
公共导出包括 `DOCS_THEMES`、`isDocsTheme`，以及 `DocsTheme`、`DocsThemePreference`、`DocsThemeOptions` 类型。
|
|
32
32
|
|
package/dist/index.style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (prefers-color-scheme:light){:root{--docs-background-color:#fff;--docs-background-color-soft:#f7f8fa;--docs-background-color-mute:#f2f3f5;--docs-foreground-color:#
|
|
1
|
+
@media (prefers-color-scheme:light){:root{--docs-background-color:#fff;--docs-background-color-soft:#f7f8fa;--docs-background-color-mute:#f2f3f5;--docs-foreground-color:#030712;--docs-foreground-color-light:#364153;--docs-foreground-color-mute:#4a5565;--docs-border-color:#e8eaec;--docs-border-color-light:#f0f1f2;--docs-primary-color:#873bf4;--docs-primary-color-light:#f2ebfe;--docs-link-color:#2d8cf0;--docs-mask-color:hsla(0,0%,100%,.72);--docs-shadow-color:rgba(0,0,0,.14);--docs-code-background:#f6f8fa;--docs-pattern-fg:rgba(3,7,18,.05);--docs-footer-background:#141313;--docs-footer-foreground:#364153;--docs-tip-background:#f9f0ff;--docs-warning-background:#fff6f7;--docs-error-color:#ed4014;--docs-error-background:#fef2f2}}@media (prefers-color-scheme:dark){:root{--docs-background-color:#171b24;--docs-background-color-soft:#252b3a;--docs-background-color-mute:#303748;--docs-foreground-color:#f8f8f8;--docs-foreground-color-light:#d1d5dc;--docs-foreground-color-mute:#b9b9b9;--docs-border-color:#3b4355;--docs-border-color-light:#303748;--docs-primary-color:#873bf4;--docs-primary-color-light:#35244d;--docs-link-color:#6daeff;--docs-mask-color:rgba(10,13,18,.76);--docs-shadow-color:rgba(0,0,0,.45);--docs-code-background:#202630;--docs-pattern-fg:hsla(0,0%,100%,.1);--docs-footer-background:#0d0f14;--docs-footer-foreground:#9ca3af;--docs-tip-background:#30223f;--docs-warning-background:#3d2529;--docs-error-color:#ff6b6b;--docs-error-background:#41272b}}[data-doc-theme=light],[data-vc-theme=light]{--docs-background-color:#fff;--docs-background-color-soft:#f7f8fa;--docs-background-color-mute:#f2f3f5;--docs-foreground-color:#030712;--docs-foreground-color-light:#364153;--docs-foreground-color-mute:#4a5565;--docs-border-color:#e8eaec;--docs-border-color-light:#f0f1f2;--docs-primary-color:#873bf4;--docs-primary-color-light:#f2ebfe;--docs-link-color:#2d8cf0;--docs-mask-color:hsla(0,0%,100%,.72);--docs-shadow-color:rgba(0,0,0,.14);--docs-code-background:#f6f8fa;--docs-pattern-fg:rgba(3,7,18,.05);--docs-footer-background:#141313;--docs-footer-foreground:#364153;--docs-tip-background:#f9f0ff;--docs-warning-background:#fff6f7;--docs-error-color:#ed4014;--docs-error-background:#fef2f2}[data-doc-theme=dark],[data-vc-theme=dark]{--docs-background-color:#171b24;--docs-background-color-soft:#252b3a;--docs-background-color-mute:#303748;--docs-foreground-color:#f8f8f8;--docs-foreground-color-light:#d1d5dc;--docs-foreground-color-mute:#b9b9b9;--docs-border-color:#3b4355;--docs-border-color-light:#303748;--docs-primary-color:#873bf4;--docs-primary-color-light:#35244d;--docs-link-color:#6daeff;--docs-mask-color:rgba(10,13,18,.76);--docs-shadow-color:rgba(0,0,0,.45);--docs-code-background:#202630;--docs-pattern-fg:hsla(0,0%,100%,.1);--docs-footer-background:#0d0f14;--docs-footer-foreground:#9ca3af;--docs-tip-background:#30223f;--docs-warning-background:#3d2529;--docs-error-color:#ff6b6b;--docs-error-background:#41272b}/*$vite$:1*/
|
package/package.json
CHANGED
package/src/theme.scss
CHANGED
|
@@ -6,9 +6,9 @@ $theme: (
|
|
|
6
6
|
background-color: (light: #fff, dark: #171b24),
|
|
7
7
|
background-color-soft: (light: #f7f8fa, dark: #252b3a),
|
|
8
8
|
background-color-mute: (light: #f2f3f5, dark: #303748),
|
|
9
|
-
foreground-color: (light: #
|
|
10
|
-
foreground-color-light: (light: #
|
|
11
|
-
foreground-color-mute: (light: #
|
|
9
|
+
foreground-color: (light: #030712, dark: #f8f8f8),
|
|
10
|
+
foreground-color-light: (light: #364153, dark: #d1d5dc),
|
|
11
|
+
foreground-color-mute: (light: #4a5565, dark: #b9b9b9),
|
|
12
12
|
border-color: (light: #e8eaec, dark: #3b4355),
|
|
13
13
|
border-color-light: (light: #f0f1f2, dark: #303748),
|
|
14
14
|
primary-color: #873bf4,
|
|
@@ -17,8 +17,9 @@ $theme: (
|
|
|
17
17
|
mask-color: (light: rgb(255 255 255 / 72%), dark: rgb(10 13 18 / 76%)),
|
|
18
18
|
shadow-color: (light: rgb(0 0 0 / 14%), dark: rgb(0 0 0 / 45%)),
|
|
19
19
|
code-background: (light: #f6f8fa, dark: #202630),
|
|
20
|
+
pattern-fg: (light: rgb(3 7 18 / 5%), dark: rgb(255 255 255 / 10%)),
|
|
20
21
|
footer-background: (light: #141313, dark: #0d0f14),
|
|
21
|
-
footer-foreground: #
|
|
22
|
+
footer-foreground: (light: #364153, dark: #9ca3af),
|
|
22
23
|
tip-background: (light: #f9f0ff, dark: #30223f),
|
|
23
24
|
warning-background: (light: #fff6f7, dark: #3d2529),
|
|
24
25
|
error-color: (light: #ed4014, dark: #ff6b6b),
|