feat(themes): summer pair JSON SoT + status CSS + recapture previews
All checks were successful
Check / eval (push) Successful in 2m58s

Align summer-day/night waybar tokens with JSON roles (hierarchy split
on night; day overlay≠muted), unify bar font 13px + battery 25/10, add
VPN pill and status states (.on/.available/.recording/…). Recapture
executive-slate and neon-glass picker previews from theme-shot.

Verified: V0 contrast+wholeswap; V2 theme-shot four slugs.
This commit is contained in:
Bernardo Magri
2026-07-10 12:03:51 +01:00
parent 2fff3ad628
commit 099d214529
9 changed files with 107 additions and 64 deletions

View File

@@ -1,7 +1,9 @@
/* Everforest dark names; hexes track themes/summer-night.json roles
(JSON is SoT for Stylix/swaync + these tokens). */
@define-color bg_dim #232a2e;
@define-color bg0 #2d353b;
@define-color bg0 #2d353b; /* base */
@define-color bg1 #343f44;
@define-color bg2 #3d484d;
@define-color bg2 #3c474d; /* surface */
@define-color bg3 #475258;
@define-color bg4 #4f585e;
@define-color bg5 #56635f;
@@ -10,17 +12,17 @@
@define-color bg_green #425047;
@define-color bg_blue #3a515d;
@define-color bg_yellow #4d4c43;
@define-color fg #d3c6aa;
@define-color red #e67e80;
@define-color fg #d3c6aa; /* text */
@define-color red #e68183; /* bad */
@define-color orange #e69875;
@define-color yellow #dbbc7f;
@define-color green #a7c080;
@define-color yellow #d9bb80; /* warn */
@define-color green #a7c080; /* good */
@define-color aqua #83c092;
@define-color blue #7fbbb3;
@define-color purple #d699b6;
@define-color grey0 #7a8478;
@define-color grey1 #859289;
@define-color grey2 #9da9a0;
@define-color blue #83b6af; /* accent */
@define-color purple #d39bb6; /* accentAlt */
@define-color grey0 #7a8478; /* muted */
@define-color grey1 #859289; /* overlay */
@define-color grey2 #9da9a0; /* subtext */
/* margin: top right bottom left */
/* Spacing outside the element */
@@ -60,6 +62,7 @@ window#waybar {
#custom-updates,
#idle_inhibitor,
#battery,
#custom-vpn,
#custom-doctor,
#custom-notification,
#custom-powermenu {
@@ -126,22 +129,35 @@ window#waybar {
padding-right: 23px;
}
#battery.charging {
color: @green;
}
#idle_inhibitor {
padding-left: 10px;
padding-right: 10px;
font-size: 20px;
}
/* Recording in progress: alert red; the module is also the stop button. */
#custom-recording.recording {
color: @red;
}
/* Status semantics — parity with boreal/generated (BACKLOG summer polish). */
#custom-recording.recording { color: @red; }
#custom-updates.available { color: @blue; }
#custom-doctor { color: @red; }
#idle_inhibitor.activated { color: @yellow; }
#custom-nightlight.on { color: @yellow; }
#custom-vpn.on { color: @green; }
#pulseaudio.muted { color: @grey0; }
/* Doctor tripwire: only rendered when something is broken. */
#custom-doctor {
color: @red;
}
#battery.charging { color: @green; }
#battery.warning:not(.charging) { color: @yellow; }
#battery.critical:not(.charging) { color: @red; }
#custom-notification.notification { color: @blue; }
#custom-notification.dnd-none,
#custom-notification.dnd-notification,
#custom-notification.inhibited-none,
#custom-notification.inhibited-notification { color: @grey0; }
/* Icon-only status modules — match glyph scale of neighbours. */
#custom-recording,
#custom-updates,
#custom-doctor,
#custom-nightlight,
#custom-vpn,
#custom-notification { font-size: 17px; }