Bernardo Magri
5aad3153ce
All checks were successful
Check / eval (push) Successful in 3m49s
Bernardo saw Recovery ellipsize on a 2560x1440 external, which falsified the item's model (40% + Inter 11 → "only below 1920"). Real cause: text menus render through themes/<slug>/rofi.rasi, where boreal + neon-glass pinned width: 620px (fixed — a wide panel buys nothing) while seven used 40%, and the font is whatever that file says — mostly monospace, far wider than the Inter that was measured. The modelled combination ships in no theme. The insight: a menu must fit its longest label, which is a count of characters in the THEME's font — so the window must scale with the font, not the screen. 40% gives a 1366 panel 546px and a 2560 one 1024px for the same row, and a 14pt mono theme needs ~25% more room than an 11pt one on both; a percentage cannot see either fact. Rofi has the right unit (`ch` = width of one digit in the current font) and `calc( a min b )` to cap it, so every text menu — generated and all nine whole-swaps — is now `width: calc( 84ch min 65% )`. 84ch fits the longest row we ship (69 chars) plus icon and padding; the cap is Bernardo's condition (never sprawl on a low-res panel) and it is measured, not assumed. Verified on hardware, not by arithmetic: 84ch = 756px in GeistMono 11 and 924px in JetBrainsMono 14; `calc( 84ch min 300px )` → 300px, so the clamp really clamps. Screenshots at both ends — the real Recovery menu at 756px (29% of 2560) with every label complete, and the Acer worst case reproduced pixel-exactly (888px = 65% of 1366, JetBrainsMono 14) also complete. Grid views override width per-invocation and are untouched. checks.rofi-text-width guards the class, proven by pinning boreal back to 620px and watching it fail by name. Acer V3 queued for its own fontconfig. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
134 lines
2.8 KiB
Plaintext
134 lines
2.8 KiB
Plaintext
/**
|
|
* Neon Glass — rofi whole-swap (themes/<slug>/rofi.rasi).
|
|
* Vibe: cyber-frost panel on near-black void — cyan rim light, soft
|
|
* violet alt, translucent surfaces (hex-alpha, same pattern as Boreal's
|
|
* glassBg). Structure mirrors the generated theme so the theme-grid
|
|
* picker's -theme-str still lays out. No configuration {} block —
|
|
* modi/terminal/show-icons come from modules/home/rofi.nix.
|
|
*
|
|
* Palette locks to themes/neon-glass.json (keep in sync on color edits).
|
|
*/
|
|
|
|
* {
|
|
base: #0B0E14;
|
|
glassBg: #0B0E14E0; /* ~88% opaque void glass */
|
|
surface: #151A22;
|
|
glassSurf: #151A22CC;
|
|
overlay: #1E2530;
|
|
text: #E0E6F0;
|
|
subtext: #8F9BB3;
|
|
muted: #4B566B;
|
|
accent: #00F0FF;
|
|
accentAlt: #B026FF;
|
|
accentSoft: #00F0FF33; /* cyan wash for selection */
|
|
neonEdge: #00F0FF80; /* cyan border glow */
|
|
good: #00FFA3;
|
|
warn: #FFD000;
|
|
bad: #FF003C;
|
|
|
|
font: "Inter 12";
|
|
background-color: transparent;
|
|
text-color: @text;
|
|
}
|
|
|
|
window {
|
|
background-color: @glassBg;
|
|
border: 1px;
|
|
border-color: @neonEdge;
|
|
border-radius: 16px;
|
|
width: calc( 84ch min 65% );
|
|
location: center;
|
|
anchor: center;
|
|
padding: 18px;
|
|
}
|
|
|
|
mainbox {
|
|
background-color: transparent;
|
|
children: [ inputbar, message, listview ];
|
|
spacing: 14px;
|
|
}
|
|
|
|
inputbar {
|
|
children: [ prompt, entry ];
|
|
background-color: @glassSurf;
|
|
text-color: @text;
|
|
border: 1px;
|
|
border-color: @neonEdge;
|
|
border-radius: 12px;
|
|
padding: 12px 16px;
|
|
spacing: 12px;
|
|
}
|
|
|
|
prompt { text-color: @accent; }
|
|
|
|
entry {
|
|
text-color: @text;
|
|
cursor: text;
|
|
placeholder: "Search…";
|
|
placeholder-color: @muted;
|
|
}
|
|
|
|
listview {
|
|
background-color: transparent;
|
|
columns: 1;
|
|
lines: 8;
|
|
dynamic: true;
|
|
scrollbar: true;
|
|
spacing: 6px;
|
|
padding: 4px 0px 0px 0px;
|
|
}
|
|
|
|
element {
|
|
background-color: transparent;
|
|
text-color: @text;
|
|
orientation: horizontal;
|
|
border-radius: 12px;
|
|
padding: 10px 14px;
|
|
spacing: 12px;
|
|
}
|
|
|
|
element normal.normal,
|
|
element alternate.normal {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Selected: soft cyan wash + bright accent label (glass highlight). */
|
|
element selected.normal {
|
|
background-color: @accentSoft;
|
|
text-color: @accent;
|
|
border: 1px;
|
|
border-color: @neonEdge;
|
|
}
|
|
|
|
element-icon {
|
|
background-color: transparent;
|
|
size: 30px;
|
|
cursor: inherit;
|
|
}
|
|
|
|
element-text {
|
|
background-color: transparent;
|
|
text-color: inherit;
|
|
highlight: bold;
|
|
vertical-align: 0.5;
|
|
}
|
|
|
|
message { padding: 0px; }
|
|
|
|
textbox {
|
|
background-color: @glassSurf;
|
|
text-color: @text;
|
|
border: 1px;
|
|
border-color: @overlay;
|
|
border-radius: 12px;
|
|
padding: 10px 14px;
|
|
}
|
|
|
|
scrollbar {
|
|
width: 4px;
|
|
handle-width: 4px;
|
|
handle-color: @accent;
|
|
background-color: @surface;
|
|
border: 0px;
|
|
}
|