feat(themes): summer pair JSON SoT + status CSS + recapture previews
All checks were successful
Check / eval (push) Successful in 2m58s
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:
@@ -1,21 +1,23 @@
|
||||
/* Everforest light names; hexes track themes/summer-day.json roles
|
||||
(JSON is SoT for Stylix/swaync + these tokens). */
|
||||
@define-color bg_dim #efebd4;
|
||||
@define-color bg0 #fdf6e3;
|
||||
@define-color bg0 #fdf6e3; /* base */
|
||||
@define-color bg1 #f4f0d9;
|
||||
@define-color bg2 #efebd4;
|
||||
@define-color bg2 #efebd4; /* surface-ish */
|
||||
@define-color bg3 #e6e2cc;
|
||||
@define-color bg4 #e0dcc7;
|
||||
@define-color bg5 #bdc3af;
|
||||
@define-color fg #5c6a72;
|
||||
@define-color red #f85552;
|
||||
@define-color fg #5c6a72; /* text */
|
||||
@define-color red #f85552; /* bad */
|
||||
@define-color orange #f57d26;
|
||||
@define-color yellow #dfa000;
|
||||
@define-color green #8da101;
|
||||
@define-color yellow #ca9210; /* warn */
|
||||
@define-color green #8da101; /* good */
|
||||
@define-color aqua #35a77c;
|
||||
@define-color blue #3a94c5;
|
||||
@define-color purple #df69ba;
|
||||
@define-color blue #3a94c5; /* accent */
|
||||
@define-color purple #d863b4; /* accentAlt */
|
||||
@define-color grey0 #a6b0a0;
|
||||
@define-color grey1 #939f91;
|
||||
@define-color grey2 #829181;
|
||||
@define-color grey1 #939f91; /* overlay */
|
||||
@define-color grey2 #829181; /* muted */
|
||||
|
||||
/* margin: top right bottom left */
|
||||
/* Spacing outside the element */
|
||||
@@ -25,7 +27,7 @@
|
||||
|
||||
* {
|
||||
font-family: JetBrainsMono Nerd Font, FontAwesome;
|
||||
font-size: 16px;
|
||||
font-size: 13px; /* paired with summer-night */
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@@ -55,6 +57,7 @@ window#waybar {
|
||||
#custom-updates,
|
||||
#battery,
|
||||
#tray,
|
||||
#custom-vpn,
|
||||
#custom-doctor,
|
||||
#custom-notification,
|
||||
#custom-powermenu {
|
||||
@@ -124,12 +127,29 @@ window#waybar {
|
||||
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: @grey2; }
|
||||
|
||||
/* 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: @grey2; }
|
||||
|
||||
/* Icon-only status modules — match glyph scale of neighbours. */
|
||||
#custom-recording,
|
||||
#custom-updates,
|
||||
#custom-doctor,
|
||||
#custom-nightlight,
|
||||
#custom-vpn,
|
||||
#custom-notification { font-size: 17px; }
|
||||
|
||||
Reference in New Issue
Block a user