ps/ClimbingBoardGPT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refresh webapp theme and favicon

Browse Source
This commit is contained in:
Pawel Sarkowicz
2026-06-06 22:07:18 -04:00
parent fb9674fcdb
commit f87d116c03
3 changed files with 39 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/static/app.css
+30 -40
View File
@@ -1,19 +1,19 @@
/* Theme tokens shared by the full single-page demo. */ /* Theme tokens shared by the full single-page demo. */
:root { :root {
--base00: #263238; --base00: #1A1B26;
--base01: #2e3c43; --base01: #16161E;
--base02: #314549; --base02: #2F3549;
--base03: #546e7a; --base03: #444B6A;
--base04: #b2ccd6; --base04: #787C99;
--base05: #eeffff; --base05: #A9B1D6;
--base07: #ffffff; --base07: #D5D6DB;
--base08: #f07178; --base08: #F7768E;
--base0a: #ffcb6b; --base0a: #0DB9D7;
--base0b: #c3e88d; --base0b: #9ECE6A;
--base0c: #89ddff; --base0c: #B4F9F8;
--base0d: #82aaff; --base0d: #2AC3DE;
--base0e: #c792ea; --base0e: #BB9AF7;
--base0f: #ff5370; --base0f: #F7768E;
--bg: var(--base00); --bg: var(--base00);
--off-bg: var(--base01); --off-bg: var(--base01);
--inner-bg: var(--base02); --inner-bg: var(--base02);
@@ -25,7 +25,8 @@
--highlight: var(--base0a); --highlight: var(--base0a);
--logo: var(--base0b); --logo: var(--base0b);
--danger: var(--base08); --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; --mono: "Fira Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
} }
@@ -34,9 +35,9 @@
/* Page shell and header status. */ /* Page shell and header status. */
body { body {
margin: 0; margin: 0;
font-family: var(--mono); font-family: var(--sans);
font-size: 16px; font-size: 16px;
line-height: 1.5rem; line-height: 1.6rem;
background: var(--bg); background: var(--bg);
color: var(--fg); color: var(--fg);
} }
@@ -64,8 +65,7 @@ body {
} }
.site-header h1::before { .site-header h1::before {
content: "# "; content: none;
color: var(--muted);
} }
.site-header p { .site-header p {
@@ -120,8 +120,7 @@ body {
} }
.card h2::before, .result-card h2::before { .card h2::before, .result-card h2::before {
content: "## "; content: none;
color: var(--muted);
} }
label { label {
@@ -162,7 +161,7 @@ button {
color: var(--bg); color: var(--bg);
background: var(--link); background: var(--link);
cursor: pointer; cursor: pointer;
font-family: var(--mono); font-family: var(--sans);
} }
button:hover { button:hover {
@@ -178,7 +177,7 @@ button.secondary {
} }
button.secondary:hover { button.secondary:hover {
color: var(--bg); color: var(--hover);
border-color: var(--hover); border-color: var(--hover);
} }
@@ -409,17 +408,10 @@ button.secondary:hover {
} }
.link-list li::marker { .link-list li::marker {
content: "* "; content: '·\00A0\00A0';
color: var(--muted); color: var(--muted);
} }
.link-list a {
color: var(--link);
}
.link-list a:hover {
color: var(--hover);
}
.site-footer { .site-footer {
display: flex; display: flex;
@@ -432,11 +424,16 @@ button.secondary:hover {
font-size: 0.82rem; font-size: 0.82rem;
} }
.site-footer a { .site-footer a,
.link-list a,
#data-acknowledgement-card a {
color: var(--link); 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); color: var(--hover);
} }
@@ -448,10 +445,3 @@ button.secondary:hover {
line-height: 1.45; line-height: 1.45;
} }
#data-acknowledgement-card a {
color: var(--link);
}
#data-acknowledgement-card a:hover {
color: var(--hover);
}
webapp/static/favicon.svg
+4
View File
@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 253 B

webapp/static/index.html
+5 -1
View File
@@ -4,7 +4,11 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>ClimbingBoardGPT</title> <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> </head>
<body> <body>
<header class="site-header"> <header class="site-header">