@riebeckite/theme-gruvbox 0.0.14 → 0.0.15
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 +5 -2
- package/README_ja.md +4 -3
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -113,7 +113,9 @@ directly from `config` via
|
|
|
113
113
|
`attributes: { "data-gruvbox-contrast": "hard" }`.
|
|
114
114
|
|
|
115
115
|
See the [`@riebeckite/theme-default`](../default/README.md) README for the
|
|
116
|
-
full token list
|
|
116
|
+
full token list. Colors, fonts, spacing, layout widths, and rule widths use the
|
|
117
|
+
same tokens in every theme; corner radius is written directly in each theme's
|
|
118
|
+
CSS instead of being exposed as a token.
|
|
117
119
|
|
|
118
120
|
## Exports
|
|
119
121
|
|
|
@@ -134,7 +136,8 @@ project, and is distributed here under the license stated in the package
|
|
|
134
136
|
|
|
135
137
|
## See also
|
|
136
138
|
|
|
137
|
-
- [Plugin guide](../../../docs/en/reference/plugin-api.md)
|
|
139
|
+
- [Plugin guide](../../../docs/en/docs/reference/plugin-api.md)
|
|
138
140
|
- [`@riebeckite/theme-default`](../default/README.md)
|
|
139
141
|
- [`@riebeckite/theme-sakura`](../sakura/README.md)
|
|
140
142
|
- [`@riebeckite/theme-tokyonight`](../tokyonight/README.md)
|
|
143
|
+
|
package/README_ja.md
CHANGED
|
@@ -6,7 +6,7 @@ Gruvbox の温かい配色を Riebeckite のテーマにしたものです。明
|
|
|
6
6
|
|
|
7
7
|
## 概要
|
|
8
8
|
|
|
9
|
-
`gruvboxTheme()` は `gruvbox` という名前のテーマを作ります。他の Riebeckite テーマと同じ `ThemeConfig` API
|
|
9
|
+
`gruvboxTheme()` は `gruvbox` という名前のテーマを作ります。他の Riebeckite テーマと同じ `ThemeConfig` API とトークンの名前空間に従い、デザイントークンを CSS カスタムプロパティ(`--rb-color-*`、`--rb-font-*`、`--rb-space-*`、`--rb-layout-*`)として公開したうえで、`@theme` ブロックで Tailwind の値に対応づけます。
|
|
10
10
|
|
|
11
11
|
配色の差し替えだけでなく、見た目の性格も持たせています。見出しは温かいインク色で大きさの段階をはっきりつけ、`h2` の下に 1px の罫線を引きます。リンクは青、ホバーで下線。引用は灰色の左罫線で平らにまとめ、表は細い罫線と淡く色づけたヘッダー行、プラグインの面は 1px 罫線と小さめの角丸(2px)で統一します。グラデーションや影は使わず、角は控えめ、動きは付けません。本文は長文を読みやすい行間と、まぶしさを抑えた面で構成しています。
|
|
12
12
|
|
|
@@ -83,7 +83,7 @@ export default defineConfig({
|
|
|
83
83
|
|
|
84
84
|
テーマ固有の項目は `data-gruvbox-contrast` としてルート要素に付きます。`contrast` は `attributes: { "data-gruvbox-contrast": "hard" }` として直接指定することもできます。
|
|
85
85
|
|
|
86
|
-
共通トークンの一覧は [`@riebeckite/theme-default`](../default/README_ja.md) の README
|
|
86
|
+
共通トークンの一覧は [`@riebeckite/theme-default`](../default/README_ja.md) の README を参照してください。色、フォント、余白、レイアウト幅、罫線幅のトークンはどのテーマでも共通です。角丸だけは各テーマの CSS に直接書いていて、トークンにはしていません。
|
|
87
87
|
|
|
88
88
|
## 主なエクスポート
|
|
89
89
|
|
|
@@ -102,7 +102,8 @@ Riebeckite theme based on the Gruvbox color scheme by Pavel Pertsev.
|
|
|
102
102
|
|
|
103
103
|
## 関連資料
|
|
104
104
|
|
|
105
|
-
- [テーマシステム](../../../docs/ja/reference/theme-api.md)
|
|
105
|
+
- [テーマシステム](../../../docs/ja/docs/reference/theme-api.md)
|
|
106
106
|
- [`@riebeckite/theme-default`](../default/README_ja.md)
|
|
107
107
|
- [`@riebeckite/theme-sakura`](../sakura/README_ja.md)
|
|
108
108
|
- [`@riebeckite/theme-tokyonight`](../tokyonight/README_ja.md)
|
|
109
|
+
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@riebeckite/theme-gruvbox",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.15",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/src/index.js",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"./styles/theme.css": "./styles/theme.css"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@riebeckite/core": "0.0.
|
|
19
|
+
"@riebeckite/core": "0.0.15"
|
|
20
20
|
},
|
|
21
21
|
"publishConfig": {
|
|
22
22
|
"access": "public"
|