@riebeckite/theme-rerurate 0.0.18 → 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.18",
+  "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.18"
+    "@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);
     }
   }
@@ -160,7 +171,7 @@
       :root,
       .rb-theme-root
     )[data-theme-name="rerurate"][data-rerurate-initial="on"]
-    .rb-article-body
+    .rb-article-content
     p:first-of-type::first-letter {
     float: left;
     margin: 0.02em 0.12em 0 0;
@@ -233,7 +244,7 @@
 }
 
 /* ---- Body rhythm: readable body, kept off the display treatment. ---- */
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content {
   font-family: var(--rb-font-body);
   line-height: 1.75;
 }
@@ -242,22 +253,22 @@
   border-bottom: 0;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body p {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content p {
   margin: 1.1em 0;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   :is(ul, ol) {
   margin: 1.1em 0;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body li {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content li {
   margin: 0.35em 0;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   li::marker {
   color: var(--rb-color-accent);
 }
@@ -334,7 +345,7 @@
 }
 
 /* ---- Headings: hierarchy from size, weight and whitespace. ---- */
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body h2 {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content h2 {
   margin: 2.75rem 0 0.9rem;
   padding-top: calc(3px + 0.6rem);
   font-family: var(--rb-font-heading);
@@ -350,7 +361,7 @@
   background-size: 2.75rem 3px;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body h3 {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content h3 {
   margin: 2rem 0 0.6rem;
   font-family: var(--rb-font-heading);
   font-size: 1.05rem;
@@ -358,7 +369,7 @@
   line-height: 1.3;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body h4 {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content h4 {
   margin: 1.5rem 0 0.5rem;
   font-family: var(--rb-font-heading);
   font-size: 0.9rem;
@@ -367,7 +378,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   :is(h5, h6) {
   margin: 1.25rem 0 0.4rem;
   font-size: 0.85rem;
@@ -385,10 +396,10 @@
   )
   :is(
     .rb-article-header h1,
-    .rb-article-body h2,
-    .rb-article-body h3,
-    .rb-article-body h4,
-    .rb-article-body h5
+    .rb-article-content h2,
+    .rb-article-content h3,
+    .rb-article-content h4,
+    .rb-article-content h5
   )::before {
   display: inline;
   margin-right: 0.4em;
@@ -408,7 +419,7 @@
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]:not(
     [data-rerurate-heading-marks="off"]
   )
-  .rb-article-body
+  .rb-article-content
   h2::before {
   content: "##";
 }
@@ -416,7 +427,7 @@
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]:not(
     [data-rerurate-heading-marks="off"]
   )
-  .rb-article-body
+  .rb-article-content
   h3::before {
   content: "###";
 }
@@ -424,7 +435,7 @@
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]:not(
     [data-rerurate-heading-marks="off"]
   )
-  .rb-article-body
+  .rb-article-content
   h4::before {
   content: "####";
 }
@@ -432,7 +443,7 @@
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]:not(
     [data-rerurate-heading-marks="off"]
   )
-  .rb-article-body
+  .rb-article-content
   h5::before {
   content: "#####";
 }
@@ -451,7 +462,7 @@
     :root,
     .rb-theme-root
   )[data-theme-name="rerurate"][data-rerurate-headings="large"]
-  .rb-article-body
+  .rb-article-content
   h2 {
   font-size: 1.35rem;
 }
@@ -460,7 +471,7 @@
     :root,
     .rb-theme-root
   )[data-theme-name="rerurate"][data-rerurate-headings="large"]
-  .rb-article-body
+  .rb-article-content
   h3 {
   font-size: 1.1rem;
 }
@@ -469,7 +480,7 @@
     :root,
     .rb-theme-root
   )[data-theme-name="rerurate"][data-rerurate-headings="large"]
-  .rb-article-body
+  .rb-article-content
   h4 {
   font-size: 0.95rem;
 }
@@ -477,7 +488,7 @@
 /* ---- Links: Ink -> Orange, with the rule (underline) expanding. ---- */
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
   :is(
-    .rb-article-body,
+    .rb-article-content,
     .rb-article-footer,
     .rb-article-meta,
     .rr-table-of-contents,
@@ -502,7 +513,7 @@
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
   :is(
-    .rb-article-body,
+    .rb-article-content,
     .rb-article-footer,
     .rb-article-meta,
     .rr-table-of-contents,
@@ -517,7 +528,7 @@
 
 /* ---- Blockquote: flat, marked by Orange quote chevrons. ---- */
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   blockquote {
   position: relative;
   margin: 1.75rem 0 0;
@@ -529,7 +540,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   blockquote::before {
   content: "";
   position: absolute;
@@ -544,18 +555,18 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   blockquote
   p:first-of-type::before,
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   blockquote
   p:last-of-type::after {
   content: none;
 }
 
 /* ---- Rules: 1px Ink, Paper-safe, stopping at the text edge. ---- */
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body hr {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content hr {
   width: 100%;
   height: 1px;
   margin: 3rem 0;
@@ -565,7 +576,7 @@
 
 /* ---- Inline code and bare pre (guarded against the code plugin). ---- */
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   :not(pre)
   > code {
   padding: 0.15em 0.4em;
@@ -576,9 +587,11 @@
   font-size: 0.85em;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
-  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);
@@ -592,13 +605,13 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   pre:not(:where(.rr-code *)):has(+ :is(h1, h2)) {
   margin-bottom: 1.75rem;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   pre:not(:where(.rr-code *))
   code {
   padding: 0;
@@ -609,14 +622,14 @@
 
 /* ---- Tables: hairline rules, no card chrome. ---- */
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   table:not(:where(.rr-diff-history *)) {
   margin: 1.75rem 0;
   font-size: 0.92em;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   :is(th, td) {
   padding: 0.55rem 0.75rem;
   border-bottom: 1px solid var(--rb-color-border);
@@ -625,7 +638,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   thead
   th {
   border-bottom: 1px solid var(--rb-color-ink);
@@ -634,7 +647,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   tbody
   tr:last-child
   :is(th, td) {
@@ -656,7 +669,12 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  :is(.rb-article-body img, .rb-article-body video, .rr-media, .rr-attachment) {
+  :is(
+    .rb-article-content img,
+    .rb-article-content video,
+    .rr-media,
+    .rr-attachment
+  ) {
   border-radius: 0;
 }
 
@@ -669,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;
 }
 
@@ -683,30 +701,32 @@
   color: var(--shiki-dark, inherit);
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"][data-theme="dark"]
-  .rb-article-body
-  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-body
-    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);
   }
 }
@@ -723,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;
@@ -761,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;
 }