@riebeckite/plugin-plantuml 0.0.19 → 0.0.20

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 CHANGED
@@ -71,8 +71,9 @@ fully build-time; no request is made to the PlantUML server.
71
71
  The plugin ships `style.css` and emits stable class names: `rb-plantuml`,
72
72
  `rb-plantuml__frame`, `rb-plantuml__image`, `rb-plantuml__caption`, and
73
73
  `rb-plantuml__fallback`. Styling follows the `--rb-color-*` custom properties
74
- when present and switches to dark colors under `html[data-theme="dark"]` /
75
- `html.dark`.
74
+ when present and switches to dark colors under `html[data-theme="dark"]`, or
75
+ under the `prefers-color-scheme: dark` system query while `data-theme` is
76
+ absent.
76
77
 
77
78
  ## Diagnostics
78
79
 
@@ -96,5 +97,5 @@ Encoding failures are reported with `file.message(...)`. Diagnostics use
96
97
 
97
98
  ## See also
98
99
 
99
- - [Plugin guide](../../../docs/docs/reference/plugin-api.en.md)
100
+ - [Plugin guide](../../../docs/docs/reference/plugin-api.md)
100
101
 
package/README_ja.md CHANGED
@@ -58,7 +58,7 @@ export default defineConfig({
58
58
 
59
59
  ## 出力される HTML / CSS
60
60
 
61
- プラグインは `style.css` を公開し、`rb-plantuml`、`rb-plantuml__frame`、`rb-plantuml__image`、`rb-plantuml__caption`、`rb-plantuml__fallback` という安定したクラス名で出力します。CSS 変数 `--rb-color-*` があればそれに追従し、`html[data-theme="dark"]` / `html.dark` で暗色に切り替わります。
61
+ プラグインは `style.css` を公開し、`rb-plantuml`、`rb-plantuml__frame`、`rb-plantuml__image`、`rb-plantuml__caption`、`rb-plantuml__fallback` という安定したクラス名で出力します。CSS 変数 `--rb-color-*` があればそれに追従し、`html[data-theme="dark"]`、または `data-theme` が無いときの `prefers-color-scheme: dark` で暗色に切り替わります。
62
62
 
63
63
  ## 診断
64
64
 
@@ -78,5 +78,5 @@ export default defineConfig({
78
78
 
79
79
  ## 関連資料
80
80
 
81
- - [プラグインシステム](../../../docs/docs/reference/plugin-api.md)
81
+ - [プラグインシステム](../../../docs/docs/reference/plugin-api.ja.md)
82
82
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@riebeckite/plugin-plantuml",
3
- "version": "0.0.19",
3
+ "version": "0.0.20",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -15,7 +15,7 @@
15
15
  "./style.css": "./style.css"
16
16
  },
17
17
  "dependencies": {
18
- "@riebeckite/core": "0.0.19"
18
+ "@riebeckite/core": "0.0.20"
19
19
  },
20
20
  "publishConfig": {
21
21
  "access": "public"
package/style.css CHANGED
@@ -70,8 +70,14 @@
70
70
  font-size: 0.875rem;
71
71
  }
72
72
 
73
- html[data-theme="dark"] .rb-plantuml,
74
- html.dark .rb-plantuml {
73
+ :is(:root, .rb-theme-root)[data-theme="dark"] .rb-plantuml {
75
74
  --rb-plantuml-ink: var(--rb-color-paper, #ffffff);
76
75
  --rb-plantuml-paper: var(--rb-color-ink, #000000);
77
76
  }
77
+
78
+ @media (prefers-color-scheme: dark) {
79
+ :is(:root, .rb-theme-root):not([data-theme]) .rb-plantuml {
80
+ --rb-plantuml-ink: var(--rb-color-paper, #ffffff);
81
+ --rb-plantuml-paper: var(--rb-color-ink, #000000);
82
+ }
83
+ }