Gate 0.0.26 en Relay 0.5.3: Running weer accent, gloed uit op mobiel

Twee bijstellingen op de opfrisbeurt van vanochtend, allebei op verzoek van de gebruiker.

"Running" staat weer in de accentkleur. In Evolu Relay hing die tekst aan --pos, en die ging van
oranje naar groen omdat --pos het accent volgde en dat als merkkleur las in plaats van als
betekenis. In Electrum Gate hing hij aan niets en was hij gewoon --text-primary. Beide staan nu op
--accent-text, met een eigen .stat-val.ok: "Running" is de eigen toestand van de app en geen
positief cijfer, en --pos blijft groen voor "het staat in de plus". In Gate wordt die klasse
alleen bij state 'ok' gezet; 'off' en 'pending' zijn niet fout maar ook niet in orde en houden de
gewone tekstkleur.

Op een telefoon valt de pagina terug op de vlakke stand. De gloed is 58rem breed, ongeveer 928
pixels, dus op een telefoonscherm is het beeld smaller dan de gloed zelf en wordt het een egale
waas in plaats van een verloop. De blur gaat in dezelfde stap eruit, en dat is geen extraatje:
doorzichtigheid met niets erachter is gewoon grijs, terwijl een backdrop-filter op een telefoon wel
per frame rekenwerk kost. Rand, schaduw en randlicht blijven staan. Grens 900 pixels.

De selector is html[data-depth] en niet :root, want :root heeft dezelfde specificiteit als de
[data-theme]-blokken en zou dan alleen winnen zolang hij er in het bestand onder staat.

Alleen de pagina's, dus opnieuw geen nieuwe images.

Suite groen: 22 + 43 + 22 + 115 op de geraakte delen.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

Docs/CHANGELOG-electrum-gate.md

@@ -8,6 +8,23 @@ Wat er nog moet gebeuren staat **niet** hier maar in de plannen; zie [CONTINUE_H
 Een lijst met geplande features op twee plekken loopt uit elkaar, en dan is geen van beide meer te
 vertrouwen.
 
+## [0.0.26] - 2026-08-31
+
+### Changed
+
+- **"Running" staat weer in de accentkleur.** Hij volgde tot 0.0.25 helemaal geen statuskleur en was
+  gewoon `--text-primary`; de tegel in Evolu Relay hing wél aan `--pos` en werd daar groen toen die
+  variabele van oranje naar groen ging. Beide apps zetten die tekst nu op `--accent-text`, want
+  "Running" is de eigen toestand van de app en geen positief cijfer. `--pos` blijft groen en betekent
+  "het staat in de plus". Alleen `ok` krijgt de kleur: `off` en `pending` zijn niet fout maar ook niet
+  in orde, en houden de gewone tekstkleur.
+
+- **Op een telefoon valt de pagina terug op de vlakke stand.** De gloed is 58rem breed, ongeveer 928
+  pixels, dus op een telefoonscherm is het beeld smaller dan de gloed zelf: dan is het geen verloop
+  meer maar een egale waas. De blur gaat in dezelfde stap eruit, want doorzichtigheid met niets
+  erachter is gewoon grijs, en een `backdrop-filter` kost op een telefoon wel per frame rekenwerk.
+  Rand, schaduw en randlicht blijven staan. Grens: 900 pixels.
+
 ## [0.0.25] - 2026-08-31
 
 ### Changed

Docs/CHANGELOG-evolu-relay.md

@@ -19,6 +19,21 @@ De regel is: **verhoog je `VERSION`, dan verhoog je ook het manifest; andersom n
 > geschreven uit de `releaseNotes` in het manifest en uit `PROGRESS.md` van het plan **Umbrelapp**. Ze zijn
 > daarom korter dan de rest.
 
+## 0.5.3 - 31-08-2026
+
+**Alleen de pagina, dus geen nieuwe image.** `VERSION` in `tools/evolu-relay/build.sh` blijft op 0.5.0.
+
+Twee bijstellingen op 0.5.2, allebei op verzoek van de gebruiker en allebei ook in Electrum Gate:
+
+- **"Running" staat weer in de accentkleur.** Die tekst hing aan `--pos`, en die ging in 0.5.2 van
+  oranje naar groen omdat hij het accent volgde en dat als merkkleur las. Nu staat hij op
+  `--accent-text`: "Running" is de eigen toestand van de app en geen positief cijfer. `--pos` blijft
+  groen en betekent "het staat in de plus", dus de twee betekenissen blijven uit elkaar.
+- **Op een telefoon valt de pagina terug op de vlakke stand.** De gloed is 58rem breed, ongeveer 928
+  pixels; op een telefoonscherm is het beeld dus smaller dan de gloed zelf en wordt het een egale waas
+  in plaats van een verloop. De blur gaat mee eruit, want doorzichtigheid met niets erachter is gewoon
+  grijs terwijl een `backdrop-filter` op een telefoon wel per frame rekenwerk kost. Grens: 900 pixels.
+
 ## 0.5.2 - 31-08-2026
 
 **Alleen de pagina, dus geen nieuwe image.** `VERSION` in `tools/evolu-relay/build.sh` blijft staan; het

Docs/CONTINUE_HERE.md

@@ -29,9 +29,9 @@
 
 | Plan | App | Volgende stap | Status |
 |-|-|-|-|
-| [Umbrelapp](Plannen/Actief/008-Umbrelapp/TAKEN.md) | Relay | **0.5.2 staat klaar (31-08-2026): de opfrisbeurt uit het gedeelde designsysteem** (accentgloed, doorschijnende kaarten met randlicht en schaduw, één hoek voor elk buitenste kader, het volle accentpalet met oranje als stand). Alleen de pagina, dus geen nieuwe image. **Nog nakijken op het apparaat, en dat is een blik.** Daarvóór stond er: **0.5.1 staat klaar en de pagina is af op de lijst van de gebruiker (30-08-2026):** tijdvenster van twee minuten met de teller in het relay-proces, labels op een eigenaar-id, geblokkeerd en geweigerd in één kader, maatvoering gelijk aan Electrum Gate. De image is dezelfde dag op de Umbrel gebouwd, geduwd en gepind. **Volgende stap is van de gebruiker en is een blik, geen sessie:** verversen, updaten, en dan de drie dingen nakijken die alleen het apparaat kan zeggen (teller met de pagina dicht, label na een herstart, het adres achter de app-proxy). Wat daarna nog open is: data per eigenaar wissen, en een `package-lock.json`. **Het pinnen van `python:3-alpine` en `nginx:alpine` is bewust géén werk meer hier** en wacht op Eigenimage; zie [KNOWLEDGE.md](KNOWLEDGE.md) | 🔶 |
+| [Umbrelapp](Plannen/Actief/008-Umbrelapp/TAKEN.md) | Relay | **0.5.3 staat klaar (31-08-2026): "Running" weer in de accentkleur en op een telefoon terug naar de vlakke stand.** Daarvóór 0.5.2 (31-08-2026): de opfrisbeurt uit het gedeelde designsysteem** (accentgloed, doorschijnende kaarten met randlicht en schaduw, één hoek voor elk buitenste kader, het volle accentpalet met oranje als stand). Alleen de pagina, dus geen nieuwe image. **Nog nakijken op het apparaat, en dat is een blik.** Daarvóór stond er: **0.5.1 staat klaar en de pagina is af op de lijst van de gebruiker (30-08-2026):** tijdvenster van twee minuten met de teller in het relay-proces, labels op een eigenaar-id, geblokkeerd en geweigerd in één kader, maatvoering gelijk aan Electrum Gate. De image is dezelfde dag op de Umbrel gebouwd, geduwd en gepind. **Volgende stap is van de gebruiker en is een blik, geen sessie:** verversen, updaten, en dan de drie dingen nakijken die alleen het apparaat kan zeggen (teller met de pagina dicht, label na een herstart, het adres achter de app-proxy). Wat daarna nog open is: data per eigenaar wissen, en een `package-lock.json`. **Het pinnen van `python:3-alpine` en `nginx:alpine` is bewust géén werk meer hier** en wacht op Eigenimage; zie [KNOWLEDGE.md](KNOWLEDGE.md) | 🔶 |
 | [Proefopstelling](Plannen/Actief/007-Proefopstelling/TAKEN.md) | Relay | **Volledig ingehaald op 28-08-2026 en klaar voor het archief.** Beide vragen die het nog bezat zijn beantwoord door **Umbrelapp**: Trezor Suite accepteert een eigen relay, en een eigenaar registreren is niet meer nodig sinds de quota-manager eruit is. Wat er in fase 2 en 3 stond gaat over een pakket dat niet meer bestaat. **Eén beslissing van de gebruiker: opheffen of laten staan** | 🔶 |
-| [Webinterface](Plannen/Actief/005-Webinterface/TAKEN.md) | Gate | **0.0.25 (31-08-2026): dezelfde opfrisbeurt als de Relay**, uit het gedeelde designsysteem, plus een reparatie die daarbij aan het licht kwam: `prefers-reduced-motion` zette per ongeluk de hele opmaak plat, omdat die wens met `prefers-reduced-transparency` in één media-query stond. **Nog nakijken op het apparaat.** Daarvóór: **De pagina is af en goedgekeurd, op een breed scherm én op een telefoon (27-08-2026).** Op 28-08-2026 kapotgegaan door de tweede app en gerepareerd in 0.0.23. In 0.0.24 (30-08-2026) is de statuswidget van "Answering" naar "Running" gegaan en is er een menu-item "About this app" bij gekomen; dat kwam uit het werk aan Evolu Relay, waar de gebruiker de twee pagina's naast elkaar zag. **Nog nakijken op het apparaat, en dat is een blik en geen sessie.** Wat er verder staat wacht op tijd (het activiteitenlog een etmaal laten lopen) of is een beslissing van de gebruiker (waar Nginx Proxy Manager zijn certificaten neerzet, en of Zoraxy een harde afhankelijkheid wordt) | 🔶 |
+| [Webinterface](Plannen/Actief/005-Webinterface/TAKEN.md) | Gate | **0.0.26 (31-08-2026): "Running" weer in de accentkleur en op een telefoon terug naar de vlakke stand.** Daarvóór 0.0.25 (31-08-2026): dezelfde opfrisbeurt als de Relay**, uit het gedeelde designsysteem, plus een reparatie die daarbij aan het licht kwam: `prefers-reduced-motion` zette per ongeluk de hele opmaak plat, omdat die wens met `prefers-reduced-transparency` in één media-query stond. **Nog nakijken op het apparaat.** Daarvóór: **De pagina is af en goedgekeurd, op een breed scherm én op een telefoon (27-08-2026).** Op 28-08-2026 kapotgegaan door de tweede app en gerepareerd in 0.0.23. In 0.0.24 (30-08-2026) is de statuswidget van "Answering" naar "Running" gegaan en is er een menu-item "About this app" bij gekomen; dat kwam uit het werk aan Evolu Relay, waar de gebruiker de twee pagina's naast elkaar zag. **Nog nakijken op het apparaat, en dat is een blik en geen sessie.** Wat er verder staat wacht op tijd (het activiteitenlog een etmaal laten lopen) of is een beslissing van de gebruiker (waar Nginx Proxy Manager zijn certificaten neerzet, en of Zoraxy een harde afhankelijkheid wordt) | 🔶 |
 | [Appstore](Plannen/Actief/010-Appstore/TAKEN.md) | Gate | De repo `ElectrumTLS` weghalen op de Git-server; daar staat het domein nog in de historie. **De omschakeling naar Fulcrum is op 27-08-2026 gelukt zonder aanpassing**, dus daarvan is alleen de herstartcontrole nog over, en die komt vanzelf bij de eerstvolgende herstart | 🔶 |
 
 ## C - Wacht op afhankelijkheid

whatsnext-electrum-gate/index.html.template

@@ -176,6 +176,31 @@
   body::before, .card { transition: none; }
 }
 
+/* -- Mobiel: terug naar de vlakke stand (keuze gebruiker, 31-08-2026) ---------
+   De gloed is 58rem breed, ongeveer 928 pixels. Op een telefoon is het scherm dus
+   smaller dan de gloed zelf, en dan is het geen verloop meer maar een egale waas
+   over de hele pagina: alle nuance die hem op een breed scherm mooi maakt valt
+   buiten beeld.
+
+   De blur gaat in dezelfde stap eruit, en dat is geen extraatje. Doorzichtigheid
+   met niets erachter is gewoon grijs, dus zonder de gloed voegt het niets meer
+   toe; ondertussen kost een backdrop-filter op een telefoon wel per frame
+   rekenwerk. Wat blijft staan is de rand, de schaduw en het randlicht.
+
+   De selector is html[data-depth] en niet :root, want :root heeft dezelfde
+   specificiteit als de [data-theme]-blokken hierboven en zou dan alleen winnen
+   zolang hij er in het bestand ONDER staat. Dat is een afhankelijkheid van
+   volgorde die je bij de eerstvolgende verplaatsing stil kwijtraakt. */
+@media (max-width: 900px) {
+  html[data-depth] {
+    --surface: var(--bg-elevated);
+    --surface-inset: var(--bg-raised);
+    --surface-blur: 0px;
+    --surface-sat: 100%;
+    --ambient: none;
+  }
+}
+
 /* De gloed ligt achter alles en vangt geen klikken. z-index 0 hier en 1 op .wrap:
    zonder stapelcontext kan een fixed pseudo-element van body over de inhoud heen
    komen te liggen. */
@@ -376,6 +401,12 @@ body {
 /* Rood is voor het geval waar je iets aan moet doen. Bewust niet voor "off": geen
    certificaat gekozen is de normale begintoestand van een verse installatie, en
    daar staat de melding bovenaan al voor. */
+/* De accentkleur en niet --pos (keuze gebruiker, 31-08-2026, gelijk aan Evolu
+   Relay). "Running" is de eigen toestand van de app en geen positief cijfer, dus
+   het accent hoort erbij; --pos betekent sinds het gedeelde palet "het staat in de
+   plus" en is groen. Zo blijven die twee betekenissen uit elkaar en volgt deze
+   tekst het accent mee als de app ooit een andere kleur krijgt. */
+.stat-val.ok { color: var(--accent-text); }
 .stat-val.bad { color: var(--neg); }
 .stat-sub.mono { font-family: var(--font-mono); overflow-wrap: anywhere; }
 /* Even hoog als de sparkline hieronder, en met dezelfde bovenmarge. Anders staat
@@ -1557,7 +1588,7 @@ body {
 
     if (!kind) {
       put('self-state', null);
-      node.classList.remove('bad');
+      node.classList.remove('bad', 'ok');
       // Dit is de toestand op een installatie met een oudere agent. Zwijgen zou
       // hier als "in orde" lezen.
       sub.textContent = self ? 'Reported as ' + self.state : 'The agent has not reported this yet.';
@@ -1566,6 +1597,9 @@ body {
 
     put('self-state', kind.label);
     node.classList.toggle('bad', kind.bad);
+    // Alleen 'ok' krijgt het accent. 'off' en 'pending' zijn niet fout maar ook
+    // niet in orde, en die horen dus de gewone tekstkleur te houden.
+    node.classList.toggle('ok', self.state === 'ok');
 
     if (self.state === 'ok') {
       // Wat er gemeten is, in gewone woorden. Het getal blijft, want dat is het

whatsnext-electrum-gate/umbrel-app.yml

@@ -9,7 +9,7 @@ manifestVersion: 1
 id: whatsnext-electrum-gate
 category: bitcoin
 name: Electrum Gate
-version: "0.0.25"
+version: "0.0.26"
 tagline: Your own node from anywhere, without waiting for Tor
 description: >-
   The privacy win is already yours: you run the Electrum server. A public one gets asked for
@@ -56,6 +56,14 @@ description: >-
 # staan. In 0.0.9 stond er daardoor drie keer "Earlier releases" en twee keer
 # dezelfde 0.0.4-regel. De toets let er nu op.
 releaseNotes: >-
+  Two adjustments to yesterday's refresh. The Status card reads in the accent colour again when it says
+  Running, and on a phone the page drops back to the flat look: the glow is wider than a phone screen,
+  so it stopped being a gradient and became a haze over everything.
+
+
+  Everything in 0.0.25:
+
+
   A visual refresh, shared with the other apps in this store. The page now has a soft glow behind it in
   the accent colour, and the cards are translucent with a light edge and a shadow, so they read as
   panels sitting on the page instead of flat blocks painted on it. Card corners are a little tighter,

whatsnext-evolu-relay/index.html.template

@@ -194,6 +194,31 @@
   body::before, .card { transition: none; }
 }
 
+/* -- Mobiel: terug naar de vlakke stand (keuze gebruiker, 31-08-2026) ---------
+   De gloed is 58rem breed, ongeveer 928 pixels. Op een telefoon is het scherm dus
+   smaller dan de gloed zelf, en dan is het geen verloop meer maar een egale waas
+   over de hele pagina: alle nuance die hem op een breed scherm mooi maakt valt
+   buiten beeld.
+
+   De blur gaat in dezelfde stap eruit, en dat is geen extraatje. Doorzichtigheid
+   met niets erachter is gewoon grijs, dus zonder de gloed voegt het niets meer
+   toe; ondertussen kost een backdrop-filter op een telefoon wel per frame
+   rekenwerk. Wat blijft staan is de rand, de schaduw en het randlicht.
+
+   De selector is html[data-depth] en niet :root, want :root heeft dezelfde
+   specificiteit als de [data-theme]-blokken hierboven en zou dan alleen winnen
+   zolang hij er in het bestand ONDER staat. Dat is een afhankelijkheid van
+   volgorde die je bij de eerstvolgende verplaatsing stil kwijtraakt. */
+@media (max-width: 900px) {
+  html[data-depth] {
+    --surface: var(--bg-elevated);
+    --surface-inset: var(--bg-raised);
+    --surface-blur: 0px;
+    --surface-sat: 100%;
+    --ambient: none;
+  }
+}
+
 /* De gloed ligt achter alles en vangt geen klikken. z-index 0 hier en 1 op .wrap:
    zonder stapelcontext kan een fixed pseudo-element van body over de inhoud heen
    komen te liggen. */
@@ -344,7 +369,12 @@ body {
 .stat-val.unknown { color: var(--text-ter); }
 .stat-val.text { overflow-wrap: anywhere; }
 .stat-val.bad { color: var(--neg); }
-.stat-val.ok { color: var(--pos); }
+/* De accentkleur en niet --pos (keuze gebruiker, 31-08-2026). "Running" is de
+   eigen toestand van de app en geen positief cijfer, dus het accent hoort erbij;
+   --pos betekent sinds het gedeelde palet "het staat in de plus" en is groen. Zo
+   blijven de twee betekenissen uit elkaar en volgt deze tekst het accent mee als
+   de app ooit een andere kleur krijgt. */
+.stat-val.ok { color: var(--accent-text); }
 /* Even hoog als bij Electrum Gate, zodat de waarden van beide apps op dezelfde
    lijn liggen als je ze naast elkaar zet. De tekst staat onderin dat vak. */
 .stat-sub {

whatsnext-evolu-relay/umbrel-app.yml

@@ -11,7 +11,7 @@ manifestVersion: 1
 id: whatsnext-evolu-relay
 category: files
 name: Evolu Relay
-version: "0.5.2"
+version: "0.5.3"
 tagline: Encrypted sync and backup for your local-first apps
 description: >-
   Local-first apps keep your data on your own device and work whether or not you have a
@@ -43,6 +43,14 @@ description: >-
   your app at the address shown there. Away from home you will need a way in, such as Tailscale
   or a reverse proxy with your own domain.
 releaseNotes: >-
+  Two adjustments to yesterday's refresh. The Relay card reads in the accent colour again when it says
+  Running, and on a phone the page drops back to the flat look: the glow is wider than a phone screen,
+  so it stopped being a gradient and became a haze over everything.
+
+
+  Everything in 0.5.2:
+
+
   A visual refresh, shared with the other apps in this store. The page now has a soft glow behind it in
   the accent colour, and the cards are translucent with a light edge and a shadow, so they read as
   panels sitting on the page instead of flat blocks painted on it. Card corners are a little tighter,