Skip to main content

max / balanced_breakfast

Adopt surface-well on the article and feed lists The light inset fill now goes around the rows, inside the bordered container, rather than leaving rows sitting on the panel. Same treatment GoingsOn's list containers just took. Uses the .well class makeover-webview emits rather than writing the fill and the inset bevel out again. Both apps read the identical generated rule, so the two cannot drift on what a well is. Adds --surface-well to the intent layer at the resolved flatwhite value, annotated themed like its neighbours. makeover derives it and themes.js applies the whole intent set, so the default only covers first paint, but it is required: an undefined var() invalidates the whole declaration rather than degrading, so the lists would lose their background entirely until the theme loads. Bumps makeover to 2.3.0, which carries the derivation. Cargo.lock staged as a partial hunk so the unrelated synckit-client lines stay out.
Author: Max Johnson <me@maxj.phd> · 2026-07-28 22:37 UTC
Signed with PGP, not checked
Commit: 0b4c2308754cee05b330e88b9afc03dbfe60b7c4
Parent: 82da513
4 files changed, +6 insertions, -5 deletions
M Cargo.lock +2 -2
@@ -3105,9 +3105,9 @@
3105 3105
3106 3106 [[package]]
3107 3107 name = "makeover"
3108 - version = "2.2.0"
3108 + version = "2.3.0"
3109 3109 source = "registry+https://github.com/rust-lang/crates.io-index"
3110 - checksum = "f3d7c2a566230afeed8b2b9d8decc2edfdc9b1f067e7791303df8301a73aeff1"
3110 + checksum = "e35cc903581eea6df09a3a102f101d85a6b941ea18431fcd0a70738762271fdf"
3111 3111 dependencies = [
3112 3112 "include_dir",
3113 3113 "serde",
M Cargo.toml +1 -1
@@ -53,7 +53,7 @@
53 53 # Utilities
54 54 chrono = { version = "0.4.43", features = ["serde"] }
55 55 uuid = { version = "1.20.0", features = ["v4", "serde"] }
56 - makeover = "2.2.0"
56 + makeover = "2.3.0"
57 57 # The invariant half of the design system: relational spacing. makeover
58 58 # resolves colour, which a theme may override; this carries what no theme may.
59 59 toml = "1.1"
@@ -41,7 +41,7 @@
41 41 <aside class="sidebar">
42 42 <h2>Sources</h2>
43 43 <nav aria-label="Feed sources">
44 - <ul id="sources-list" class="sources-list">
44 + <ul id="sources-list" class="sources-list well">
45 45 <li class="source-item active" data-source="">
46 46 <span class="source-name">All</span>
47 47 <span class="source-count">0</span>
@@ -68,7 +68,7 @@
68 68 <option value="starred">Starred</option>
69 69 </select>
70 70 </div>
71 - <ul id="items-list" class="items-list" aria-live="polite"></ul>
71 + <ul id="items-list" class="items-list well" aria-live="polite"></ul>
72 72 <div id="load-more" class="load-more" style="display: none;">
73 73 <button id="load-more-btn" class="btn">Load More</button>
74 74 </div>
@@ -137,6 +137,7 @@
137 137 --surface-raised: #f7f3ee; /* themed */
138 138 --surface-sunken: #dcd3c6; /* themed */
139 139 --surface-overlay: #e4ddd2; /* themed */
140 + --surface-well: #fffef9; /* themed: derived by makeover from surface-raised */
140 141 --bevel-light: #fffef9; /* themed: derived by makeover from surface-raised */
141 142 --bevel-dark: #bcb8b4; /* themed: derived by makeover from surface-raised */
142 143 --content: #605a52; /* themed */