@beforesemicolon/builder 1.8.11 → 1.8.18

package/dist/cjs/docs/templates/fading-citrus/stylesheets/documentation.css

@@ -24,7 +24,7 @@ body {
 /* #mobile-menu-toggle */
 #mobile-menu-toggle {
     height: 48px;
-    background: oklch(0.22 0.018 250 / 0.8);
+    background: var(--surface-muted);
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
     padding: 14px 20px;
@@ -95,7 +95,7 @@ body {
 }
 
 #documentation nav li:hover {
-    background: oklch(1 1 1 / 0.03);
+    background: var(--surface);
 }
 
 #documentation nav li:hover a {
@@ -103,7 +103,7 @@ body {
 }
 
 #documentation nav li.active {
-    background: oklch(0.74 0.18 45 / 0.08);
+    background: var(--primary-softer);
 }
 
 #documentation nav li.active a {
@@ -185,13 +185,13 @@ body {
     margin: 16px 0;
     font-size: 1rem;
     line-height: 1.7;
-    color: oklch(0.8 0.01 250);
+    color: var(--foreground);
 }
 
 #documentation article p a {
     color: var(--primary);
     font-weight: 500;
-    border-bottom: 1px dashed oklch(0.74 0.18 45 / 0.4);
+    border-bottom: 1px dashed var(--primary-border);
     transition: all 0.2s ease;
 }
 
@@ -222,11 +222,11 @@ body {
 #documentation article li {
     margin: 8px 0;
     font-size: 0.95rem;
-    color: oklch(0.8 0.01 250);
+    color: var(--foreground);
 }
 
 #documentation article code:not(.hljs) {
-    background: oklch(1 1 1 / 0.06);
+    background: var(--inline-code-bg);
     color: var(--primary);
     display: inline-block;
     padding: 2px 6px;
@@ -247,27 +247,35 @@ body {
 }
 
 #documentation article div.warning {
-    background: oklch(0.78 0.14 90 / 0.1);
-    border-color: oklch(0.78 0.14 90 / 0.6);
-    color: oklch(0.85 0.1 90);
+    background: var(--warning-soft);
+    border-color: color-mix(in oklch, var(--warning) 60%, transparent);
+    color: var(--warning);
 }
 
 #documentation article div.warning code {
-    background: oklch(0.78 0.14 90 / 0.15) !important;
-    color: oklch(0.85 0.1 90) !important;
-    border-color: oklch(0.78 0.14 90 / 0.2) !important;
+    background: var(--warning-soft) !important;
+    color: var(--warning) !important;
+    border-color: color-mix(
+        in oklch,
+        var(--warning) 20%,
+        transparent
+    ) !important;
 }
 
 #documentation article div.info {
-    background: oklch(0.7 0.16 200 / 0.1);
-    border-color: oklch(0.7 0.16 200 / 0.6);
-    color: oklch(0.85 0.12 200);
+    background: var(--accent-soft);
+    border-color: color-mix(in oklch, var(--accent) 60%, transparent);
+    color: var(--accent);
 }
 
 #documentation article div.info code {
-    background: oklch(0.7 0.16 200 / 0.15) !important;
-    color: oklch(0.85 0.12 200) !important;
-    border-color: oklch(0.7 0.16 200 / 0.2) !important;
+    background: var(--accent-soft) !important;
+    color: var(--accent) !important;
+    border-color: color-mix(
+        in oklch,
+        var(--accent) 20%,
+        transparent
+    ) !important;
 }
 
 #documentation article details summary {
@@ -291,7 +299,7 @@ body {
 #documentation article dl dd {
     margin: 0 0 16px 12px;
     line-height: 1.6;
-    color: oklch(0.8 0.01 250);
+    color: var(--foreground);
 }
 
 /* #edit-doc */
@@ -327,7 +335,7 @@ body {
     padding: 8px 16px;
     border-radius: 8px;
     border: 1px solid var(--border);
-    background: oklch(1 1 1 / 0.02);
+    background: var(--surface);
     font-size: 0.9rem;
     font-weight: 500;
     color: var(--muted-foreground);
@@ -337,7 +345,7 @@ body {
 #prev-doc:hover,
 #next-doc:hover {
     border-color: var(--primary);
-    background: oklch(0.74 0.18 45 / 0.05);
+    background: var(--primary-softer);
     color: var(--foreground);
 }
 
@@ -395,7 +403,7 @@ body {
     height: 24px;
     margin-right: 12px;
     border-radius: 6px;
-    border: 1px solid oklch(0.74 0.18 45 / 0.25);
+    border: 1px solid var(--primary-border);
     color: var(--primary);
     font-family: var(--font-mono);
     font-size: 0.8rem;
@@ -495,7 +503,7 @@ body {
         width: 100vw;
         max-height: none;
         height: calc(100vh - 112px);
-        background: oklch(0.18 0.015 250 / 0.72);
+        background: var(--header-bg);
         backdrop-filter: blur(12px);
         -webkit-backdrop-filter: blur(12px);
     }

package/dist/cjs/docs/templates/fading-citrus/stylesheets/github-dark.hightlighter.css

@@ -18,14 +18,14 @@
 .hljs-selector-attr,
 .hljs-selector-class,
 .hljs-selector-id {
-    color: oklch(0.82 0.14 90); /* Yellow syntax-attr */
+    color: var(--syntax-attr);
 }
 
 .hljs-variable,
 .hljs-literal,
 .hljs-number,
 .hljs-doctag {
-    color: var(--primary); /* Orange */
+    color: var(--primary);
 }
 
 .hljs-params {
@@ -33,14 +33,14 @@
 }
 
 .hljs-function {
-    color: var(--accent); /* Cyan */
+    color: var(--accent);
 }
 
 .hljs-class,
 .hljs-tag,
 .hljs-title,
 .hljs-built_in {
-    color: var(--accent); /* Cyan */
+    color: var(--accent);
 }
 
 .hljs-keyword,
@@ -49,16 +49,16 @@
 .hljs-meta-keyword,
 .hljs-template-tag,
 .hljs-template-variable {
-    color: var(--primary); /* Orange keyword */
+    color: var(--syntax-keyword);
 }
 
 .hljs-string,
 .hljs-undefined {
-    color: oklch(0.78 0.15 145); /* Green syntax-string */
+    color: var(--syntax-string);
 }
 
 .hljs-regexp {
-    color: oklch(0.78 0.15 145);
+    color: var(--syntax-string);
 }
 
 .hljs-symbol {
@@ -92,16 +92,16 @@
 }
 
 .hljs-deletion {
-    color: oklch(0.62 0.22 25);
-    background-color: oklch(0.62 0.22 25 / 0.15);
+    color: var(--danger);
+    background-color: var(--danger-soft);
 }
 
 .hljs-addition {
-    color: oklch(0.78 0.15 145);
-    background-color: oklch(0.78 0.15 145 / 0.15);
+    color: var(--success);
+    background-color: var(--success-soft);
 }
 
 .hljs-link {
-    color: oklch(0.78 0.15 145);
+    color: var(--syntax-string);
     font-style: underline;
 }

package/dist/cjs/docs/templates/fading-citrus/stylesheets/github-light.hightlighter.css

@@ -3,13 +3,13 @@
     overflow-x: auto;
     padding: 0.5em;
 
-    color: #24292e;
-    background: #ffffff;
+    color: var(--foreground);
+    background: var(--code-bg);
 }
 
 .hljs-comment,
 .hljs-punctuation {
-    color: #6a737d;
+    color: var(--syntax-comment);
 }
 
 .hljs-attr,
@@ -18,29 +18,29 @@
 .hljs-selector-attr,
 .hljs-selector-class,
 .hljs-selector-id {
-    color: #005cc5;
+    color: var(--syntax-attr);
 }
 
 .hljs-variable,
 .hljs-literal,
 .hljs-number,
 .hljs-doctag {
-    color: #e36209;
+    color: var(--primary);
 }
 
 .hljs-params {
-    color: #24292e;
+    color: var(--foreground);
 }
 
 .hljs-function {
-    color: #6f42c1;
+    color: var(--accent);
 }
 
 .hljs-class,
 .hljs-tag,
 .hljs-title,
 .hljs-built_in {
-    color: #22863a;
+    color: var(--syntax-tag);
 }
 
 .hljs-keyword,
@@ -49,28 +49,28 @@
 .hljs-meta-keyword,
 .hljs-template-tag,
 .hljs-template-variable {
-    color: #d73a49;
+    color: var(--syntax-keyword);
 }
 
 .hljs-string,
 .hljs-undefined {
-    color: #032f62;
+    color: var(--syntax-string);
 }
 
 .hljs-regexp {
-    color: #032f62;
+    color: var(--syntax-string);
 }
 
 .hljs-symbol {
-    color: #005cc5;
+    color: var(--accent);
 }
 
 .hljs-bullet {
-    color: #e36209;
+    color: var(--primary);
 }
 
 .hljs-section {
-    color: #005cc5;
+    color: var(--accent);
     font-weight: bold;
 }
 
@@ -78,30 +78,30 @@
 .hljs-name,
 .hljs-selector-tag,
 .hljs-selector-pseudo {
-    color: #22863a;
+    color: var(--syntax-tag);
 }
 
 .hljs-emphasis {
-    color: #e36209;
+    color: var(--primary);
     font-style: italic;
 }
 
 .hljs-strong {
-    color: #e36209;
+    color: var(--primary);
     font-weight: bold;
 }
 
 .hljs-deletion {
-    color: #b31d28;
-    background-color: #ffeef0;
+    color: var(--danger);
+    background-color: var(--danger-soft);
 }
 
 .hljs-addition {
-    color: #22863a;
-    background-color: #f0fff4;
+    color: var(--success);
+    background-color: var(--success-soft);
 }
 
 .hljs-link {
-    color: #032f62;
+    color: var(--syntax-string);
     font-style: underline;
 }