@riebeckite/theme-rerurate 0.0.15 → 0.0.17

package/package.json

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

package/styles/theme.css

@@ -238,6 +238,10 @@
   line-height: 1.75;
 }
 
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-site-header {
+  border-bottom: 0;
+}
+
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body p {
   margin: 1.1em 0;
 }
@@ -246,7 +250,6 @@
   .rb-article-body
   :is(ul, ol) {
   margin: 1.1em 0;
-  padding-left: 1.4em;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body li {
@@ -517,7 +520,7 @@
   .rb-article-body
   blockquote {
   position: relative;
-  margin: 1.75rem 0;
+  margin: 1.75rem 0 0;
   padding: 0.1rem 0 0.1rem 3.25rem;
   border: 0;
   background: none;
@@ -576,18 +579,24 @@
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
   .rb-article-body
   pre:not(:where(.rr-code *)) {
-  margin: 1.75rem 0;
+  margin: 1.75rem 0 0;
   padding: 0.85rem 1rem;
   border: 1px solid var(--rb-color-border);
   border-radius: 0;
-  background: var(--rb-color-code-background);
-  color: var(--rb-color-ink);
+  background: #1c1a17;
+  color: #f6efe2;
   font-family: var(--rb-font-mono);
   font-size: 0.85rem;
   line-height: 1.65;
   overflow-x: auto;
 }
 
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
+  .rb-article-body
+  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
   pre:not(:where(.rr-code *))
@@ -599,7 +608,9 @@
 }
 
 /* ---- Tables: hairline rules, no card chrome. ---- */
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body table {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
+  .rb-article-body
+  table:not(:where(.rr-diff-history *)) {
   margin: 1.75rem 0;
   font-size: 0.92em;
 }
@@ -651,11 +662,55 @@
 
 /* ---- Plugin roots: flatten radii and normalise rules. ---- */
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rr-code {
-  margin: 1.75rem 0;
+  margin: 1.75rem 0 0;
   border: 1px solid var(--rb-color-border);
   border-radius: 0;
 }
 
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
+  .rr-code:not([data-terminal="true"]) {
+  --rr-code-paper: #1c1a17;
+  --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);
+}
+
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"][data-theme="dark"]
+  .rb-article-body
+  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 *)) {
+    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);
+  }
+}
+
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rr-code pre {
   margin: 0;
   border: 0;
@@ -685,7 +740,7 @@
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
   .rr-callout
-  .callout-title {
+  .rr-callout__title {
   font-family: var(--rb-font-heading);
   font-size: 0.72rem;
   font-weight: 600;
@@ -696,7 +751,7 @@
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
   .rr-callout
-  .callout-icon {
+  .rr-callout__icon {
   color: var(--rb-color-accent);
 }