Commit 5daf169d25
Verified · cmc
internal/web/static/style.css +40 −22
| @@ -162,6 +162,25 @@ | ||
| 162 | 162 | --shell-hover: #141414; |
| 163 | 163 | --shell-mark: #ff6b3d; |
| 164 | 164 | |
| 165 | /* the languages' own colours; the same in both schemes */ | |
| 166 | --lang-go: #00add8; | |
| 167 | --lang-rust: #dea584; | |
| 168 | --lang-c: #555555; | |
| 169 | --lang-python: #3572a5; | |
| 170 | --lang-javascript: #f1e05a; | |
| 171 | --lang-typescript: #3178c6; | |
| 172 | --lang-shell: #89e051; | |
| 173 | --lang-ruby: #701516; | |
| 174 | --lang-java: #b07219; | |
| 175 | --lang-swift: #f05138; | |
| 176 | --lang-html: #e34c26; | |
| 177 | --lang-css: #563d7c; | |
| 178 | --lang-org: #77aa99; | |
| 179 | --lang-markdown: #083fa1; | |
| 180 | --lang-emacs-lisp: #c065db; | |
| 181 | --lang-nix: #7e7eff; | |
| 182 | --lang-sql: #e38c00; | |
| 183 | ||
| 165 | 184 | --shadow: 0 4px 16px rgba(0, 0, 0, 0.5); |
| 166 | 185 | --chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a3a9b3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); |
| 167 | 186 | } |
| @@ -304,7 +323,7 @@ ul.raillist.wide .owner { display: block; font-size: var(--fs-0); } | ||
| 304 | 323 | } |
| 305 | 324 | .count { |
| 306 | 325 | font-size: var(--fs-0); |
| 307 | font-weight: 700; | |
| 326 | font-weight: 600; | |
| 308 | 327 | letter-spacing: 0; |
| 309 | 328 | background: var(--shell-mark); |
| 310 | 329 | color: var(--shell-bg); |
| @@ -1165,7 +1184,6 @@ table.difftable td.ln a.cmt:focus { color: var(--link); text-decoration: underli | ||
| 1165 | 1184 | ground and the face */ |
| 1166 | 1185 | .chroma { font-family: var(--mono); background: none; } |
| 1167 | 1186 | |
| 1168 | .blame { border-radius: var(--r-card); } | |
| 1169 | 1187 | .blamehunk { display: flex; gap: var(--sp-3); border-top: 1px solid var(--line); align-items: flex-start; } |
| 1170 | 1188 | .blamehunk:first-child { border-top: 0; } |
| 1171 | 1189 | .blameinfo { flex: none; width: 17rem; min-width: 0; padding: var(--sp-2) var(--sp-3); } |
| @@ -1193,39 +1211,39 @@ table.difftable td.ln a.cmt:focus { color: var(--link); text-decoration: underli | ||
| 1193 | 1211 | |
| 1194 | 1212 | /* ---- chips and badges ---- */ |
| 1195 | 1213 | .chip, .badge { |
| 1196 | --c: var(--neutral); | |
| 1214 | --chip: var(--neutral); | |
| 1197 | 1215 | display: inline-block; |
| 1198 | 1216 | padding: 1px 8px; |
| 1199 | 1217 | border-radius: var(--r-ctl); |
| 1200 | 1218 | font-size: var(--fs-0); |
| 1201 | 1219 | font-weight: 500; |
| 1202 | 1220 | line-height: 1.5; |
| 1203 | color: var(--c); | |
| 1204 | border: 1px solid color-mix(in srgb, var(--c) 40%, transparent); | |
| 1205 | background: color-mix(in srgb, var(--c) 10%, transparent); | |
| 1221 | color: var(--chip); | |
| 1222 | border: 1px solid color-mix(in srgb, var(--chip) 40%, transparent); | |
| 1223 | background: color-mix(in srgb, var(--chip) 10%, transparent); | |
| 1206 | 1224 | white-space: nowrap; |
| 1207 | 1225 | vertical-align: middle; |
| 1208 | 1226 | } |
| 1209 | .chip-open { --c: var(--ok); } | |
| 1210 | .chip-closed { --c: var(--bad); } | |
| 1211 | .chip-merged, .chip-done { --c: var(--done); } | |
| 1212 | .chip-neutral, .chip-source_gone { --c: var(--neutral); } | |
| 1213 | .chip-stale { --c: var(--warn); } | |
| 1214 | .chip.topic { --c: var(--link); } | |
| 1215 | .chip.topic:hover { text-decoration: none; background: color-mix(in srgb, var(--c) 18%, transparent); } | |
| 1227 | .chip-open { --chip: var(--ok); } | |
| 1228 | .chip-closed { --chip: var(--bad); } | |
| 1229 | .chip-merged, .chip-done { --chip: var(--done); } | |
| 1230 | .chip-neutral, .chip-source_gone { --chip: var(--neutral); } | |
| 1231 | .chip-stale { --chip: var(--warn); } | |
| 1232 | .chip.topic { --chip: var(--link); } | |
| 1233 | .chip.topic:hover { text-decoration: none; background: color-mix(in srgb, var(--chip) 18%, transparent); } | |
| 1216 | 1234 | /* a label carries its own colour inline, from the label's hex */ |
| 1217 | 1235 | .chip.label { font-weight: 500; } |
| 1218 | .badge-verified { --c: var(--ok); } | |
| 1219 | .badge-unsigned { --c: var(--neutral); } | |
| 1220 | .badge-signed_unknown_key, .badge-signed_key_expired { --c: var(--warn); } | |
| 1221 | .badge-signed_email_mismatch, .badge-signed_key_revoked, .badge-bad_signature { --c: var(--bad); } | |
| 1222 | .badge.check-success, .chip.check-success { --c: var(--ok); } | |
| 1236 | .badge-verified { --chip: var(--ok); } | |
| 1237 | .badge-unsigned { --chip: var(--neutral); } | |
| 1238 | .badge-signed_unknown_key, .badge-signed_key_expired { --chip: var(--warn); } | |
| 1239 | .badge-signed_email_mismatch, .badge-signed_key_revoked, .badge-bad_signature { --chip: var(--bad); } | |
| 1240 | .badge.check-success, .chip.check-success { --chip: var(--ok); } | |
| 1223 | 1241 | .badge.check-pending, .chip.check-pending, |
| 1224 | .badge.check-running, .chip.check-running { --c: var(--warn); } | |
| 1242 | .badge.check-running, .chip.check-running { --chip: var(--warn); } | |
| 1225 | 1243 | .badge.check-failure, .chip.check-failure, |
| 1226 | .badge.check-error, .chip.check-error { --c: var(--bad); } | |
| 1244 | .badge.check-error, .chip.check-error { --chip: var(--bad); } | |
| 1227 | 1245 | .badge.check-cancelled, .chip.check-cancelled, |
| 1228 | .badge.check-skipped, .chip.check-skipped { --c: var(--neutral); } | |
| 1246 | .badge.check-skipped, .chip.check-skipped { --chip: var(--neutral); } | |
| 1229 | 1247 | span.check-success { color: var(--ok); } |
| 1230 | 1248 | span.check-pending, span.check-running { color: var(--warn); } |
| 1231 | 1249 | span.check-failure, span.check-error { color: var(--bad); } |
| @@ -1353,7 +1371,7 @@ details.refmenu .refdrop a.allrefs { | ||
| 1353 | 1371 | .landing h1 { font-size: var(--fs-6); display: flex; align-items: center; gap: var(--sp-3); margin-bottom: var(--sp-3); } |
| 1354 | 1372 | .lede { font-size: var(--fs-4); color: var(--muted); line-height: 1.5; max-width: 40rem; margin: 0 0 var(--sp-5); } |
| 1355 | 1373 | pre.quickstart { margin: 0 0 var(--sp-4); } |
| 1356 | .shot { border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden; margin: var(--sp-5) 0; box-shadow: var(--shadow); } | |
| 1374 | .shot { border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden; margin: var(--sp-5) 0; } | |
| 1357 | 1375 | .shot img { display: block; width: 100%; } |
| 1358 | 1376 | .facets { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-5); margin: var(--sp-5) 0; } |
| 1359 | 1377 | .facets h2 { font-size: var(--fs-3); margin: 0 0 var(--sp-1); } |