...vibing UI and fixing doc links

2026-06-17 22:11:06 -04:00
parent 1d05e18306
commit 512f739d4c
5 changed files with 39 additions and 27 deletions
@@ -1,5 +1,7 @@
 html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    background: #0f0f0f;
+    color: #e0e0e0;
 }

 h1:focus {
@@ -7,7 +9,7 @@ h1:focus {
 }

 a, .btn-link {
-    color: #0071c1;
+    color: #7799ff;
 }

 .btn-primary {
@@ -38,9 +40,9 @@ a, .btn-link {

 #blazor-error-ui {
    color-scheme: light only;
-    background: lightyellow;
+    background: #1a1a1a;
    bottom: 0;
-    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    display: none;
    left: 0;
@@ -78,14 +80,14 @@ a, .btn-link {

 .loading-progress circle {
    fill: none;
-    stroke: #e0e0e0;
+    stroke: #2a2a2a;
    stroke-width: 0.6rem;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
 }

 .loading-progress circle:last-child {
-    stroke: #1b6ec2;
+    stroke: #5588ff;
    stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
    transition: stroke-dasharray 0.05s ease-in-out;
 }
@@ -102,7 +104,7 @@ a, .btn-link {
 }

 code {
-    color: #c02d76;
+    color: #7799ff;
 }

 .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
@@ -112,4 +114,4 @@ code {

 .form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
-}
+}
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-bs-theme="dark">

 <head>
    <meta charset="utf-8"/>
@@ -29,6 +29,12 @@
    <span class="dismiss">🗙</span>
 </div>
 <script src="_framework/blazor.webassembly#[.{fingerprint}].js"></script>
+<script>
+    window.scrollToFragment = function (id) {
+        var el = document.getElementById(id);
+        if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    };
+</script>
 </body>

 </html>