discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

composer applets: --duoUser felt + masked h2 (matching My Sky / My Sea / My Sign)

Browse Source 
The New Game and New Post composer applets (#id_applet_new_game / #id_applet_new_post) now take the same treatment as the My Sky / My Sea / My Sign applets: a --duoUser green-felt content bg with the rotated >h2 title bar masked back to the default dark.

The h2 mask is an opaque --priUser base under the same two 0,0,0/0.125 overlays the %applet-box + its >h2 give every normal applet — so the title bars read identically dark instead of green-tinted, and it stays palette-correct on *-light palettes (no flat 0,0,0). The same mask was applied to the three #id_applet_my_* shells, whose h2 had been left as pure --priUser (lighter than the other applets).

Composer line-inputs (#id_new_game_name / #id_new_post_text / #id_post_line_text) keep a --priUser fill + faint --secUser placeholder + 700 weight + --terUser focus, standing out against the felt like My Sky's form fields.

Bundled: palette felt retunes (rootvars --terFor / --terPer).

[[project-room-scroll-of-events]]

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-06-01 21:24:42 -04:00
parent 91f48384ff
commit 430c3bf141
5 changed files with 54 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/static_src/scss/_billboard.scss
View File

@@ -511,7 +511,15 @@ body.page-billposts {
h2 {
flex-shrink: 0;
background-color: rgba(var(--priUser), 1);
// Mask the --duoUser aperture behind the rotated title: an opaque
// --priUser base (the default applet content bg) under the same two
// 0,0,0/0.125 overlays %applet-box + its >h2 give every other applet,
// so the bar reads identically dark instead of green-tinted. Layered
// (not a flat 0,0,0) so it stays palette-correct on *-light palettes.
background:
linear-gradient(rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.125)),
linear-gradient(rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.125)),
rgba(var(--priUser), 1);
box-shadow: rgba(0, 0, 0, 1) !important;
}