@riebeckite/plugin-color-mode 0.0.20 → 0.0.22
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 +4 -2
- package/README_ja.md +4 -2
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# @riebeckite/plugin-color-mode
|
|
2
2
|
|
|
3
|
+
<!-- Generated from docs/docs/plugins/color-mode.md. Edit the canonical documentation in docs/docs/plugins and run `pnpm docs:sync`. -->
|
|
4
|
+
|
|
3
5
|
Light / dark / system color-mode switching for Riebeckite sites. The control
|
|
4
6
|
writes to `data-theme` on `<html>` at runtime, exactly the attribute the
|
|
5
7
|
themes' CSS uses to pick a palette — so it works with every built-in theme and
|
|
@@ -10,7 +12,7 @@ needs no JavaScript in the theme itself.
|
|
|
10
12
|
## Overview
|
|
11
13
|
|
|
12
14
|
Themes derive their palette from three CSS states (see
|
|
13
|
-
[theme-system.md](
|
|
15
|
+
[theme-system.md](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/reference/theme-api.md)):
|
|
14
16
|
|
|
15
17
|
- `:root` — light
|
|
16
18
|
- `:root[data-theme="dark"]` — dark
|
|
@@ -163,5 +165,5 @@ diagrams) can follow mode changes in the future.
|
|
|
163
165
|
|
|
164
166
|
## See also
|
|
165
167
|
|
|
166
|
-
- [Theme system](
|
|
168
|
+
- [Theme system](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/reference/theme-api.md)
|
|
167
169
|
- [`@riebeckite/plugin-ux`](../ux/README.md)
|
package/README_ja.md
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
# @riebeckite/plugin-color-mode
|
|
2
2
|
|
|
3
|
+
<!-- Generated from docs/docs/plugins/color-mode.ja.md. Edit the canonical documentation in docs/docs/plugins and run `pnpm docs:sync`. -->
|
|
4
|
+
|
|
3
5
|
Riebeckite サイト向けのライト / ダーク / システム連動のカラーモード切替プラグインです。実行時に `<html>` の `data-theme` 属性へ書き込みます。これはテーマが配色を選ぶのに使う属性そのものなので、組み込みの全テーマで動作し、テーマ側に JavaScript は一切必要ありません。
|
|
4
6
|
|
|
5
7
|
[English](./README.md)
|
|
6
8
|
|
|
7
9
|
## 概要
|
|
8
10
|
|
|
9
|
-
[theme-system.md](
|
|
11
|
+
[theme-system.md](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/reference/theme-api.ja.md) テーマの配色は、次の 3 つの CSS 状態で決まります。
|
|
10
12
|
|
|
11
13
|
- `:root` — ライト
|
|
12
14
|
- `:root[data-theme="dark"]` — ダーク
|
|
@@ -133,5 +135,5 @@ document.addEventListener("riebeckite:color-mode", (event) => {
|
|
|
133
135
|
|
|
134
136
|
## 関連
|
|
135
137
|
|
|
136
|
-
- [テーマシステム](
|
|
138
|
+
- [テーマシステム](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/reference/theme-api.ja.md)
|
|
137
139
|
- [`@riebeckite/plugin-ux`](../ux/README_ja.md)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@riebeckite/plugin-color-mode",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.22",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"hono": "^4.12.25",
|
|
25
|
-
"@riebeckite/core": "0.0.
|
|
25
|
+
"@riebeckite/core": "0.0.22"
|
|
26
26
|
},
|
|
27
27
|
"publishConfig": {
|
|
28
28
|
"access": "public"
|