Http11Probe/docs/assets/css/custom.css at aa9db783ab4c6a92122d28ac994cc8579d489e85 · MDA2AV/Http11Probe · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
/* ── Theme colors ─────────────────────────────────────────────── */

:root {
  --primary-hue: 215deg;
  --primary-saturation: 70%;
  --primary-lightness: 45%;
}

/* Light mode — cool blue-gray tint */
body {
  background: linear-gradient(180deg, #f0f4f8 0%, #e2e8f0 100%);
}

.hextra-content {
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
  border-radius: 12px;
  padding: 2rem;
}

/* Dark mode — deep navy */
html.dark body {
  background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
}

html.dark .hextra-content {
  background: rgba(15, 23, 42, 0.5);
}

/* ── Fix opaque backgrounds clashing with gradient ───────────── */

/* TOC — "Edit this page" sticky area */
.hextra-toc .hextra-scrollbar > div:last-child {
  background: transparent !important;
  box-shadow: none !important;
}

/* Hide sidebar theme toggle (moved to navbar) */
.hextra-sidebar-container div[data-toggle-animation] {
  display: none !important;
}

/* Footer */
.hextra-footer {
  background: transparent !important;
}

/* ── Cards ───────────────────────────────────────────────────── */

.hextra-card {
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(59, 130, 246, 0.15) !important;
  box-shadow: 0 4px 16px rgba(59, 130, 246, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.hextra-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(59, 130, 246, 0.18), 0 4px 8px rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(59, 130, 246, 0.35) !important;
}

html.dark .hextra-card {
  background: rgba(30, 41, 59, 0.8) !important;
  border: 1px solid rgba(96, 165, 250, 0.15) !important;
  box-shadow: 0 4px 16px rgba(96, 165, 250, 0.08), 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

html.dark .hextra-card:hover {
  box-shadow: 0 12px 32px rgba(96, 165, 250, 0.15), 0 4px 8px rgba(0, 0, 0, 0.4) !important;
  border-color: rgba(96, 165, 250, 0.35) !important;
}

/* ── Nav ─────────────────────────────────────────────────────── */

/* Leaderboards — primary nav item */
a[href$="/probe-results"],
a[href$="/probe-results/"] {
  font-weight: 700 !important;
  font-size: 1.1em !important;
}


/* ── Code blocks: fix dark-mode readability ─────────────────── */

/* The "http" lexer marks all tokens as .err, which carries a light
   pink background (#e3d2d2) from the default Chroma theme.
   Override it in dark mode so the block stays dark and text is legible. */
html.dark .highlight .chroma .err {
  background-color: transparent !important;
  color: #e2e8f0 !important;
}