@riebeckite/theme-rerurate 0.0.19 → 0.0.20

package/README.md

@@ -122,7 +122,7 @@ Red and Green also back the functional `danger` / `success` tokens.
 
 ## See also
 
-- [Plugin guide](../../../docs/docs/reference/plugin-api.en.md)
+- [Plugin guide](../../../docs/docs/reference/plugin-api.md)
 - [`@riebeckite/theme-default`](../default/README.md)
 - [`@riebeckite/theme-sakura`](../sakura/README.md)
 - [`@riebeckite/theme-tokyonight`](../tokyonight/README.md)

package/README_ja.md

@@ -62,7 +62,7 @@ export default defineConfig({
 
 ## 関連資料
 
-- [テーマシステム](../../../docs/docs/reference/theme-api.md)
+- [テーマシステム](../../../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)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/theme-rerurate",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "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.19"
+    "@riebeckite/core": "0.0.20"
   },
   "publishConfig": {
     "access": "public"

package/styles/theme.css

@@ -38,6 +38,7 @@
       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",
@@ -74,6 +75,11 @@
       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);
   }
 
@@ -93,6 +99,11 @@
         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);
     }
   }
@@ -576,9 +587,11 @@
   font-size: 0.85em;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-content
-  pre:not(:where(.rr-code *)) {
+:where(
+  :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
+    .rb-article-content
+    pre:not(:where(.rr-code *))
+) {
   margin: 1.75rem 0 0;
   padding: 0.85rem 1rem;
   border: 1px solid var(--rb-color-border);
@@ -674,7 +687,7 @@
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
   .rr-code:not([data-terminal="true"]) {
-  --rr-code-paper: #1c1a17;
+  --rr-code-paper: var(--rb-color-code-surface);
   --rr-code-ink: #f6efe2;
 }
 
@@ -688,30 +701,32 @@
   color: var(--shiki-dark, inherit);
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"][data-theme="dark"]
-  .rb-article-content
-  pre:not(:where(.rr-code *)) {
+: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-paper: var(--rb-color-code-background);
   --rr-code-ink: var(--rb-color-ink);
 }
 
 @media (prefers-color-scheme: dark) {
-  :is(:root, .rb-theme-root)[data-theme-name="rerurate"]:not([data-theme])
-    .rb-article-content
-    pre:not(:where(.rr-code *)) {
+  :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-paper: var(--rb-color-code-background);
     --rr-code-ink: var(--rb-color-ink);
   }
 }
@@ -728,6 +743,11 @@
   border-radius: 0;
 }
 
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rr-code-tabs .rr-code {
+  margin-block: 0;
+  border: 0;
+}
+
 /* Callouts: flat Paper/Ink, 1px rule, Orange left rule, ALL CAPS title. */
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rr-callout {
   padding: 1rem 1.25rem;
@@ -766,13 +786,13 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .table-of-contents__eyebrow {
+  .rr-table-of-contents__eyebrow {
   font-size: 1rem;
   margin-bottom: 1rem;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .table-of-contents__item {
+  .rr-table-of-contents__item {
   line-height: 22;
 }