nvrl/narlblog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

disable theme switching + fixed some visual bugs

Browse Source
This commit is contained in:
Nils Pukropp
2026-05-15 19:15:40 +02:00
parent dcec203378
commit 86e2c9dbfa
3 changed files with 37 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/global.css
+32 -35
View File
@@ -790,17 +790,35 @@ code, pre, kbd, samp {
}
.plate-tag-mini {
position: absolute;
bottom: 18px;
right: 18px;
background: color-mix(in srgb, var(--crust) 78%, transparent);
bottom: 16px;
right: 16px;
background: color-mix(in srgb, var(--crust) 70%, transparent);
color: var(--rosewater);
border: 1px solid color-mix(in srgb, var(--rosewater) 22%, transparent);
font-family: var(--font-display);
font-size: 0.7rem;
letter-spacing: 0.16em;
padding: 3px 8px;
border: 1px solid color-mix(in srgb, var(--rosewater) 18%, transparent);
border-radius: 999px;
font-family: var(--font-sans);
font-size: 0.6rem;
font-weight: 600;
letter-spacing: 0.22em;
padding: 4px 11px;
text-transform: uppercase;
backdrop-filter: blur(2px);
backdrop-filter: blur(3px);
}
/* Breakcore: hard neon catalogue tag — sharp rect, offset shadow, glow.
* Matches the layer's hazard-tape / hard-offset chrome language. */
.breakcore .plate-tag-mini {
background: var(--crust);
color: var(--green);
border: 1px solid var(--mauve);
border-radius: 0;
font-family: var(--font-mono);
font-weight: 500;
letter-spacing: 0.14em;
text-shadow: 0 0 6px color-mix(in srgb, var(--green) 60%, transparent);
box-shadow:
2px 2px 0 var(--mauve),
0 0 14px -2px color-mix(in srgb, var(--mauve) 65%, transparent);
backdrop-filter: none;
}
/* Nameplate — the museum-style header used in the site chrome */
@@ -811,19 +829,6 @@ code, pre, kbd, samp {
gap: 2px;
position: relative;
}
.nameplate::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -6px;
height: 2px;
background: linear-gradient(to right,
var(--mauve) 0%,
var(--mauve) 35%,
var(--surface2) 35%,
var(--surface2) 100%);
}
.nameplate-title {
font-family: var(--font-display);
font-weight: 600;
@@ -831,7 +836,10 @@ code, pre, kbd, samp {
font-size: 1.6rem;
letter-spacing: -0.01em;
color: var(--text);
line-height: 1.12;
/* Loose enough that italic-Fraunces descenders (g, y, p) and the
* breakcore chromatic glow clear the line box — nothing slices them. */
line-height: 1.2;
padding-bottom: 0.06em;
}
.nameplate-subtitle {
font-family: var(--font-sans);
@@ -1275,18 +1283,7 @@ input[type="date"] { color-scheme: light; }
);
}
/* Nameplate — striped datamosh underline + glitch-shear burst on hover. */
.breakcore .nameplate::after {
height: 3px;
bottom: -6px;
opacity: 0.9;
background: repeating-linear-gradient(
90deg,
var(--mauve) 0 6px,
var(--green) 6px 12px,
var(--blue) 12px 18px
);
}
/* Nameplate — glitch-shear burst on hover (underline removed site-wide). */
@keyframes bc-shear {
0% { clip-path: inset(0 0 0 0); transform: translateX(0);
text-shadow: -1px 0 0 var(--teal), 1px 0 0 var(--mauve); }