Refresh webapp theme and favicon

2026-06-06 22:07:18 -04:00
parent fb9674fcdb
commit f87d116c03
3 changed files with 39 additions and 41 deletions
@@ -1,19 +1,19 @@
 /* Theme tokens shared by the full single-page demo. */
 :root {
-  --base00: #263238;
-  --base01: #2e3c43;
-  --base02: #314549;
-  --base03: #546e7a;
-  --base04: #b2ccd6;
-  --base05: #eeffff;
-  --base07: #ffffff;
-  --base08: #f07178;
-  --base0a: #ffcb6b;
-  --base0b: #c3e88d;
-  --base0c: #89ddff;
-  --base0d: #82aaff;
-  --base0e: #c792ea;
-  --base0f: #ff5370;
+  --base00: #1A1B26;
+  --base01: #16161E;
+  --base02: #2F3549;
+  --base03: #444B6A;
+  --base04: #787C99;
+  --base05: #A9B1D6;
+  --base07: #D5D6DB;
+  --base08: #F7768E;
+  --base0a: #0DB9D7;
+  --base0b: #9ECE6A;
+  --base0c: #B4F9F8;
+  --base0d: #2AC3DE;
+  --base0e: #BB9AF7;
+  --base0f: #F7768E;
  --bg: var(--base00);
  --off-bg: var(--base01);
  --inner-bg: var(--base02);
@@ -25,7 +25,8 @@
  --highlight: var(--base0a);
  --logo: var(--base0b);
  --danger: var(--base08);
-  --border: rgba(178, 204, 214, 0.18);
+  --border: rgba(120, 124, 153, 0.3);
+  --sans: "Inter", sans-serif;
  --mono: "Fira Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
 }

@@ -34,9 +35,9 @@
 /* Page shell and header status. */
 body {
  margin: 0;
-  font-family: var(--mono);
+  font-family: var(--sans);
  font-size: 16px;
-  line-height: 1.5rem;
+  line-height: 1.6rem;
  background: var(--bg);
  color: var(--fg);
 }
@@ -64,8 +65,7 @@ body {
 }

 .site-header h1::before {
-  content: "# ";
-  color: var(--muted);
+  content: none;
 }

 .site-header p {
@@ -120,8 +120,7 @@ body {
 }

 .card h2::before, .result-card h2::before {
-  content: "## ";
-  color: var(--muted);
+  content: none;
 }

 label {
@@ -162,7 +161,7 @@ button {
  color: var(--bg);
  background: var(--link);
  cursor: pointer;
-  font-family: var(--mono);
+  font-family: var(--sans);
 }

 button:hover {
@@ -178,7 +177,7 @@ button.secondary {
 }

 button.secondary:hover {
-  color: var(--bg);
+  color: var(--hover);
  border-color: var(--hover);
 }

@@ -409,17 +408,10 @@ button.secondary:hover {
 }

 .link-list li::marker {
-  content: "* ";
+  content: '·\00A0\00A0';
  color: var(--muted);
 }

-.link-list a {
-  color: var(--link);
-}
-
-.link-list a:hover {
-  color: var(--hover);
-}

 .site-footer {
  display: flex;
@@ -432,11 +424,16 @@ button.secondary:hover {
  font-size: 0.82rem;
 }

-.site-footer a {
+.site-footer a,
+.link-list a,
+#data-acknowledgement-card a {
  color: var(--link);
+  transition: color 0.15s ease;
 }

-.site-footer a:hover {
+.site-footer a:hover,
+.link-list a:hover,
+#data-acknowledgement-card a:hover {
  color: var(--hover);
 }

@@ -448,10 +445,3 @@ button.secondary:hover {
  line-height: 1.45;
 }

-#data-acknowledgement-card a {
-  color: var(--link);
-}
-
-#data-acknowledgement-card a:hover {
-  color: var(--hover);
-}
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <rect width="100" height="100" rx="15" fill="#9ECE6A"/>
+  <text x="50" y="73" font-family="sans-serif" font-size="68" font-weight="700" text-anchor="middle" fill="#263238">P</text>
+</svg>
@@ -4,7 +4,11 @@
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>ClimbingBoardGPT</title>
-  <link rel="stylesheet" href="/static/app.css?v=20" />
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap">
+  <link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
+  <link rel="stylesheet" href="/static/app.css?v=21" />
 </head>
 <body>
  <header class="site-header">