custom.css
... ...
@@ -279,7 +279,7 @@ h1.header-title {
279 279
display: none !important;
280 280
}
281 281
282
-/* === PERFECT HEX PACKING (flat-top) === */
282
+/* === HEX PACKING === */
283 283
/* Geometry:
284 284
- Hex width = 2 * side
285 285
- Hex height = √3 * side ≈ 0.866 * width
... ...
@@ -318,8 +318,8 @@ h1.header-title {
318 318
clip-path: polygon(25% 0%, 75% 0%, 100% 50%,
319 319
75% 100%, 25% 100%, 0% 50%);
320 320
321
- background: #1b1b1b;
322
- border: 1px solid #333;
321
+ background: var(--code-bg);
322
+ border: 1px solid var(--border);
323 323
transition: background .15s ease, transform .06s ease;
324 324
}
325 325
... ...
@@ -327,7 +327,7 @@ h1.header-title {
327 327
.hex a { margin: -0.25px; }
328 328
329 329
.hex a:hover, .hex a:focus {
330
- background: #232323;
330
+ background: var(--muted);
331 331
transform: translateY(-1px);
332 332
outline: none;
333 333
}
... ...
@@ -422,6 +422,6 @@ h1.header-title {
422 422
}
423 423
.tagitl-glyph {
424 424
stroke: var(--fg);
425
- stroke-width: 2.5;
425
+ stroke-width: 2.2;
426 426
vector-effect: non-scaling-stroke;
427 427
}