@riebeckite/theme-rerurate 0.0.27 → 0.0.28

package/README_ja.md

@@ -80,8 +80,8 @@ Rerurate の視覚表現をもとにした Theme です。
 npm install @riebeckite/theme-rerurate
 ```
 
-Theme の factory 名と設定項目は、実装とこの正本ページを一次情報として確認してください。`riebeckite.config.ts` の `theme` に設定して利用します。
+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) を参照してください。
+設定項目や 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-rerurate",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "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.27"
+    "@riebeckite/core": "0.0.28"
   },
   "publishConfig": {
     "access": "public"

package/styles/theme.css

@@ -38,7 +38,6 @@
       var(--rb-color-ink) 8%,
       transparent
     );
-    --rb-color-code-surface: #1c1a17;
     --rb-color-overlay: rgb(0 0 0 / 0.4);
     --rb-font-body:
       Futura, "Futura PT", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans",
@@ -75,11 +74,6 @@
       var(--rb-color-ink) 12%,
       transparent
     );
-    --rb-color-code-surface: color-mix(
-      in srgb,
-      var(--rb-color-ink) 12%,
-      var(--rb-color-paper)
-    );
     --rb-color-overlay: rgb(0 0 0 / 0.6);
   }
 
@@ -99,11 +93,6 @@
         var(--rb-color-ink) 12%,
         transparent
       );
-      --rb-color-code-surface: color-mix(
-        in srgb,
-        var(--rb-color-ink) 12%,
-        var(--rb-color-paper)
-      );
       --rb-color-overlay: rgb(0 0 0 / 0.6);
     }
   }
@@ -596,14 +585,34 @@
   padding: 0.85rem 1rem;
   border: 1px solid var(--rb-color-border);
   border-radius: 0;
-  background: #1c1a17;
-  color: #f6efe2;
+  background: var(--rb-color-ink);
+  color: var(--rb-color-paper);
   font-family: var(--rb-font-mono);
   font-size: 0.85rem;
   line-height: 1.65;
   overflow-x: auto;
 }
 
+:where(
+  :is(:root, .rb-theme-root)[data-theme-name="rerurate"][data-theme="dark"]
+    .rb-article-content
+    pre:not(:where(.rr-code *))
+) {
+  background: var(--rb-color-paper);
+  color: var(--rb-color-ink);
+}
+
+@media (prefers-color-scheme: dark) {
+  :where(
+    :is(:root, .rb-theme-root)[data-theme-name="rerurate"]:not([data-theme])
+      .rb-article-content
+      pre:not(:where(.rr-code *))
+  ) {
+    background: var(--rb-color-paper);
+    color: var(--rb-color-ink);
+  }
+}
+
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
   .rb-article-content
   pre:not(:where(.rr-code *)):has(+ :is(h1, h2)) {
@@ -684,52 +693,6 @@
   border-radius: 0;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rr-code:not([data-terminal="true"]) {
-  --rr-code-paper: var(--rb-color-code-surface);
-  --rr-code-ink: #f6efe2;
-}
-
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rr-code:not([data-terminal="true"])
-  .rr-code__code,
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rr-code:not([data-terminal="true"])
-  .rr-code__code
-  span {
-  color: var(--shiki-dark, inherit);
-}
-
-:where(
-  :is(:root, .rb-theme-root)[data-theme-name="rerurate"][data-theme="dark"]
-    .rb-article-content
-    pre:not(:where(.rr-code *))
-) {
-  background: var(--rb-color-code-background);
-  color: var(--rb-color-ink);
-}
-
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"][data-theme="dark"]
-  .rr-code:not([data-terminal="true"]) {
-  --rr-code-ink: var(--rb-color-ink);
-}
-
-@media (prefers-color-scheme: dark) {
-  :where(
-    :is(:root, .rb-theme-root)[data-theme-name="rerurate"]:not([data-theme])
-      .rb-article-content
-      pre:not(:where(.rr-code *))
-  ) {
-    background: var(--rb-color-code-background);
-    color: var(--rb-color-ink);
-  }
-
-  :is(:root, .rb-theme-root)[data-theme-name="rerurate"]:not([data-theme])
-    .rr-code:not([data-terminal="true"]) {
-    --rr-code-ink: var(--rb-color-ink);
-  }
-}
-
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rr-code pre {
   margin: 0;
   border: 0;
@@ -749,6 +712,13 @@
 
 /* Callouts: flat Paper/Ink, 1px rule, Orange left rule, ALL CAPS title. */
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rr-callout {
+  --rr-callout-title-color: var(--rb-color-ink);
+  --rr-callout-title-font-family: var(--rb-font-heading);
+  --rr-callout-title-font-size: 0.72rem;
+  --rr-callout-title-font-weight: 600;
+  --rr-callout-title-letter-spacing: 0.16em;
+  --rr-callout-title-text-transform: uppercase;
+  --rr-callout-icon-color: var(--rb-color-accent);
   padding: 1rem 1.25rem;
   border: 1px solid var(--rb-color-border);
   border-left: 3px solid var(--rb-color-accent);
@@ -762,39 +732,14 @@
   color: var(--rb-color-ink);
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rr-callout
-  .rr-callout__title {
-  font-family: var(--rb-font-heading);
-  font-size: 0.72rem;
-  font-weight: 600;
-  letter-spacing: 0.16em;
-  text-transform: uppercase;
-  color: var(--rb-color-ink);
-}
-
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rr-callout
-  .rr-callout__icon {
-  color: var(--rb-color-accent);
-}
-
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rr-table-of-contents {
+  --rr-table-of-contents-eyebrow-font-size: 1rem;
+  --rr-table-of-contents-eyebrow-margin-block-end: 1rem;
+  --rr-table-of-contents-item-line-height: 22px;
   padding: 1rem 1.15rem;
   font-size: 0.9rem;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rr-table-of-contents__eyebrow {
-  font-size: 1rem;
-  margin-bottom: 1rem;
-}
-
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rr-table-of-contents__item {
-  line-height: 22;
-}
-
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rr-backlinks {
   margin-top: 3.5rem;
   padding-top: 1.5rem;
@@ -837,8 +782,8 @@
   border-radius: 0;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rr-lightbox__image {
-  border-radius: 0;
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rr-lightbox {
+  --rr-lightbox-image-border-radius: 0;
 }
 
 /* ---- Page-load composition: rule draw-in, title rise, rule -> diagram.