Farbe kehrt dorthin zurück, wo sie eine Aussage trägt

Die schwarzweiße Fassung nahm der Synopse mehr, als sie ihr gab: Rot und Grün
sind am Bildschirm die schnellste Scheidung von Streichung und Einfügung, und die
Balken der Hinweiskästen finden das Auge, bevor es liest. Beides kehrt zurück.
Schwarzweiß bleibt das Grundgerüst — Schrift, Rahmen, Knopf, Verweise —, sodass
Farbe nurmehr dort auftritt, wo sie etwas bedeutet, und überall dasselbe meint:
Rot warnt, Grün bestätigt.

Was bleibt, ist die Erkenntnis aus der farblosen Fassung. Sie hat gezeigt, dass
die Farbe im Diff nicht bloß schmückte, sondern allein trug: Die Einfügung hob
die ihr vom Browser zugedachte Unterstreichung ausdrücklich auf, sodass der grüne
Grund ihr einziges Merkmal war. Die Unterstreichung bleibt daher wiederher-
gestellt und tritt nun neben das Grün, wie die Durchstreichung neben dem Rot
steht. Wer schwarzweiß ausdruckt oder Farben anders wahrnimmt, sieht die Änderung
seither auch dann.

Die Hinweiskästen der Startseite erhalten Balken nach derselben Regel: rot für
den noscript-Hinweis und die Fehlermeldung, grün für die Fertigmeldung, grau
während der Arbeit, weil noch nichts feststeht. Die Abzeichen behalten ihre
Farben, bleiben aber in Versalien gesetzt. Für den Druck werden die farbigen
Flächen von der Sparschaltung der Browser ausgenommen.

Dreihundertzwölf Testfälle bestehen unverändert; die Synopse des Gebäude-
energiegesetzes ergibt weiterhin achtundsechzig angewandte Befehle, einund-
fünfzig zur manuellen Prüfung und siebenundvierzig geänderte Normen. Seiten und
Synopse sind in Hell- und Dunkelfassung in Augenschein genommen worden.

Artikel 7 des Verzeichnisses der Fassungen wird auf den nunmehr geltenden Stand
gebracht; er beschrieb die farblose Zwischenfassung.

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

1 files changed, 17 insertions, 7 deletions

diff --git a/src/main/resources/eu/mulk/aendggner/web/style.css b/src/main/resources/eu/mulk/aendggner/web/style.css
index d770551..c872cbe 100644
--- a/src/main/resources/eu/mulk/aendggner/web/style.css
+++ b/src/main/resources/eu/mulk/aendggner/web/style.css
@@ -1,10 +1,15 @@
-/* Schwarz auf Papier wie ein Gesetzblatt: keine Buntheit, nur Graustufen. */
+/* Schwarz auf Papier wie ein Gesetzblatt. Farbe tritt allein an den Balken der
+   Hinweiskästen auf und meint dort dasselbe wie in der Synopse: rot warnt, grün
+   bestätigt. Die Kästen bleiben auch ohne den Balken lesbar; er hebt sie hervor,
+   er trägt nicht allein. */
 :root {
   color-scheme: light dark;
   --fg: #111;
   --bg: #fff;
   --muted: #595959;
   --border: #bbb;
+  --warnung: #8b0000;
+  --bestaetigung: #005f00;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -13,6 +18,8 @@
     --bg: #141414;
     --muted: #a0a0a0;
     --border: #4a4a4a;
+    --warnung: #ffb3b3;
+    --bestaetigung: #b3ffb3;
   }
 }
 
@@ -114,11 +121,11 @@ button:hover {
   color: var(--fg);
 }
 
-/* Warnung ohne Rot: der doppelt starke Rahmen trägt das Gewicht. */
 .noscript {
   margin: 0 0 2rem;
   padding: 1rem;
-  border: 2px solid var(--fg);
+  border: 1px solid var(--border);
+  border-left: 4px solid var(--warnung);
   font-size: 0.875rem;
 }
 
@@ -184,12 +191,15 @@ footer a {
   font-size: 0.8125rem;
 }
 
-/* Die drei Zustände unterscheiden sich ohne Farbe: matter Text, kräftiger Rahmen,
-   doppelt starker Rahmen mit Fettung. */
+/* Der Balken links zeigt den Zustand an; der Text benennt ihn ohnehin, sodass die
+   Meldung auch ohne Farbe verständlich bleibt. Während der Arbeit steht kein Balken,
+   weil noch nichts feststeht. */
 .meldung {
   margin-top: 1.25rem;
   padding: 0.75rem 1rem;
   border: 1px solid var(--border);
+  border-left-width: 4px;
+  border-left-color: var(--border);
   font-size: 0.9375rem;
 }
 
@@ -198,11 +208,11 @@ footer a {
 }
 
 .meldung.fertig {
-  border-color: var(--fg);
+  border-left-color: var(--bestaetigung);
 }
 
 .meldung.fehler {
-  border: 2px solid var(--fg);
+  border-left-color: var(--warnung);
   font-weight: bold;
 }