@riebeckite/theme-minimal 0.0.20 → 0.0.22

package/README.md

@@ -1,5 +1,7 @@
 # @riebeckite/theme-minimal
 
+<!-- Generated from docs/docs/themes/minimal.md. Edit the canonical documentation in docs/docs/themes and run `pnpm docs:sync`. -->
+
 A content-first, near-chromeless typographic theme for Riebeckite: "nothing but
 type and space". Monochrome paper/ink, system fonts only, no bundled fonts and
 no JavaScript.
@@ -134,10 +136,25 @@ is distributed here under the license stated in the package `LICENSE` file.
 
 ## See also
 
-- [Theme authoring contract](../../../docs/docs/reference/theme-api.md)
+- [Theme authoring contract](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/reference/theme-api.md)
 - [`@riebeckite/theme-default`](../default/README.md)
 - [`@riebeckite/theme-sakura`](../sakura/README.md)
 - [`@riebeckite/theme-tokyonight`](../tokyonight/README.md)
 - [`@riebeckite/theme-gruvbox`](../gruvbox/README.md)
 - [`@riebeckite/theme-rerurate`](../rerurate/README.md)
 
+## Documentation site
+
+A Theme that keeps decoration restrained so the content stays at the center.
+
+## Installation
+
+```bash
+npm install @riebeckite/theme-minimal
+```
+
+Check the implementation and this canonical page as the source of truth for the Theme's factory name and configuration options. Use it by assigning it to `theme` in `riebeckite.config.ts`.
+
+## Detailed specification
+
+For configuration options and Theme-specific behavior, see this canonical page. For how Themes work, see [Theme System](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/framework/theme-system.md). To create a Theme, see [Writing a Theme](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/themes/writing-a-theme.md).

package/README_ja.md

@@ -1,5 +1,7 @@
 # @riebeckite/theme-minimal
 
+<!-- Generated from docs/docs/themes/minimal.ja.md. Edit the canonical documentation in docs/docs/themes and run `pnpm docs:sync`. -->
+
 内容が主役で、装飾をほとんど持たないタイポグラフィ主体のテーマです。「文字と余白だけ」を方針に、モノクロの紙とインクで構成します。使うのはシステムフォントだけ、同梱フォントも JavaScript もありません。
 
 [English](./README.md)
@@ -88,10 +90,25 @@ Riebeckite theme based on the design principles of Minimal for Obsidian by Steph
 
 ## 関連資料
 
-- [テーマシステム](../../../docs/docs/reference/theme-api.ja.md)
+- [テーマシステム](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/reference/theme-api.ja.md)
 - [`@riebeckite/theme-default`](../default/README_ja.md)
 - [`@riebeckite/theme-sakura`](../sakura/README_ja.md)
 - [`@riebeckite/theme-tokyonight`](../tokyonight/README_ja.md)
 - [`@riebeckite/theme-gruvbox`](../gruvbox/README_ja.md)
 - [`@riebeckite/theme-rerurate`](../rerurate/README_ja.md)
 
+## Documentation site
+
+装飾を抑え、コンテンツを中心に見せるための Theme です。
+
+## 導入
+
+```bash
+npm install @riebeckite/theme-minimal
+```
+
+Theme の factory 名と設定項目は、実装とこの正本ページを一次情報として確認してください。`riebeckite.config.ts` の `theme` に設定して利用します。
+
+## 詳細仕様
+
+設定項目や Theme 固有の仕様は この正本ページを参照してください。Theme の仕組みは [Theme System](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/framework/theme-system.ja.md)、Theme を作る場合は [Writing a Theme](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/themes/writing-a-theme.ja.md) を参照してください。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/theme-minimal",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/src/index.js",
@@ -16,7 +16,7 @@
     "./styles/theme.css": "./styles/theme.css"
   },
   "dependencies": {
-    "@riebeckite/core": "0.0.20"
+    "@riebeckite/core": "0.0.22"
   },
   "publishConfig": {
     "access": "public"

package/styles/theme.css

@@ -28,6 +28,9 @@
     --rb-color-border-strong: color-mix(in srgb, currentColor 28%, transparent);
     --rb-color-danger: #b42318;
     --rb-color-success: #047857;
+    --rb-color-info: #2563eb;
+    --rb-color-warning: #b45309;
+    --rb-color-callout-special: #7c3aed;
     --rb-color-code-background: #f2f2f2;
     --rb-color-overlay: rgb(0 0 0 / 0.4);
     --rb-font-body: ui-sans-serif, system-ui, sans-serif;
@@ -56,6 +59,9 @@
     --rb-color-accent: #e5e5e5;
     --rb-color-danger: #e5484d;
     --rb-color-success: #30a46c;
+    --rb-color-info: #70b8ff;
+    --rb-color-warning: #f5a524;
+    --rb-color-callout-special: #c4a7e7;
     --rb-color-code-background: #262626;
     --rb-color-overlay: rgb(0 0 0 / 0.6);
   }
@@ -71,6 +77,9 @@
       --rb-color-accent: #e5e5e5;
       --rb-color-danger: #e5484d;
       --rb-color-success: #30a46c;
+      --rb-color-info: #70b8ff;
+      --rb-color-warning: #f5a524;
+      --rb-color-callout-special: #c4a7e7;
       --rb-color-code-background: #262626;
       --rb-color-overlay: rgb(0 0 0 / 0.6);
     }
@@ -461,10 +470,15 @@
 :is(:root, .rb-theme-root)[data-theme-name="minimal"] .rr-callout {
   margin: 2rem 0;
   padding: 1rem 1.25rem;
-  border: 1px solid var(--rb-color-border);
-  border-left: 1px solid var(--rb-color-border-strong);
+  border: 1px solid
+    color-mix(in srgb, var(--rr-callout-tone) 32%, var(--rb-color-border));
+  border-left: 2px solid var(--rr-callout-tone);
   border-radius: 0;
-  background: none;
+  background: color-mix(
+    in srgb,
+    var(--rr-callout-tone) 4%,
+    var(--rb-color-surface)
+  );
   box-shadow: none;
   color: var(--rb-color-ink);
 }
@@ -472,7 +486,7 @@
 :is(:root, .rb-theme-root)[data-theme-name="minimal"]
   .rr-callout
   .rr-callout__title {
-  color: var(--rb-color-muted);
+  color: var(--rr-callout-tone);
   font-family: var(--rb-font-body);
   font-size: 0.8125rem;
   font-weight: 600;
@@ -483,7 +497,7 @@
 :is(:root, .rb-theme-root)[data-theme-name="minimal"]
   .rr-callout
   .rr-callout__icon {
-  color: var(--rb-color-muted);
+  color: var(--rr-callout-tone);
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="minimal"] .rr-callout p:last-child {