ShadowsOverWestgate/sow-nodebb-theme
3
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Activity

p1 polish pass

Browse Source 
1. Candy-bright category icon plates — the loudest spell-breaker. Untuned ACP category colors (default orange/red/green) came through nearly raw. The plates now get a translucent plum wash plus a stronger desaturation clamp, so any admin-picked color lands in the velvet register while keeping its per-category hue. This hardens production against future un-tuned categories too, without overriding the documented ACP-color mechanism.
2. Groups page showed the stock gray-triangle covers — the existing velvet override only matched .cover, but the groups list renders .list-cover. Extended the selector; group cards now wear the plum velvet material.
3. 404 page showed a beige dog icon — replaced (CSS mask, no template override) with the existing cowled.svg game icon in old gilt. The lost-page screen now reads as a hooded figure in Westgate rather than stock NodeBB.
4. Token drift — three literal copies of the etched-highlight color now use the existing --wg-etched-highlight token, and a dead transform entry was dropped from the category card transition.
This commit is contained in:
archvillainette
2026-07-11 15:53:40 +02:00
parent 71ecf96a3f
commit 044fc50095
2 changed files with 37 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/westgate/_surfaces.scss
+19 -1
View File
@@ -224,8 +224,26 @@ li[component="category/topic"] .user-icon {
text-transform: none;
}
// 404: core ships a beige dog glyph; wear the cowl instead
.template-404 i.fa-dog {
display: inline-block;
width: 4.5rem;
height: 4.5rem;
background-color: var(--wg-gold-soft);
-webkit-mask: url("./plugins/nodebb-theme-westgate/game-icons/cowled.svg")
center / contain no-repeat;
mask: url("./plugins/nodebb-theme-westgate/game-icons/cowled.svg")
center / contain no-repeat;
&::before {
content: "";
}
}
// replace core's grey-triangle default cover with the velvet material
.cover[style*="cover-default.png"] {
// (.cover on profiles, .list-cover on the groups list)
.cover[style*="cover-default.png"],
.list-cover[style*="cover-default.png"] {
background-image:
radial-gradient(120% 90% at 18% 0%, rgba(58, 24, 48, 0.6), transparent 60%),
linear-gradient(100deg, #2a1222, #110f15 55%, #09080b) !important;