From 5ef3a1361574eb8befe47431dd2a12cc05ef39c5 Mon Sep 17 00:00:00 2001 From: Dogfather Date: Sat, 5 Sep 2026 23:35:25 +0200 Subject: [PATCH] Jede App der Domain bekommt eine eigene Fensterfarbe Beim Installieren als App sahen alle Dienste gleich aus. Nicht wegen der Symbole - die sind seit heute Mittag gut unterscheidbar - sondern wegen der Farbe: zwoelf von vierzehn trugen dasselbe Fast-Schwarz (#05070b, #05070d, #0a0910, #0b0d10, #0d0817, #0e0a16). Das ist die theme_color, also am PC die Titelleiste des App-Fensters und am Handy die Statusleiste. Neu, je App eine Farbe, abgeleitet vom eigenen Symbol: Hauptseite #065f76 Petrol (Symbol stahlblau) DogiCrew-Verwaltung #8d4125 Kupfer (Symbol orange) Webdesign #564e95 Violett (Symbol lila) Kundenportal #924985 Magenta (Symbol pink) WD-Verwaltung #b44f5e Rose (Symbol rot) Creator Workspace #0674b9 Blau (Symbol nachtblau) Nextcloud (#17a5a6) bleibt unveraendert - als einzige hob sie sich schon ab. WICHTIG war, beide Stellen zu aendern: Die meta-Angabe im HTML ueberschreibt die theme_color aus dem Manifest. Nur das Manifest zu aendern haette gar nichts bewirkt. Der background_color (Startbildschirm beim Oeffnen) bleibt bewusst sehr dunkel, nur leicht in Richtung der App-Farbe getoent - kraeftig ist nur die schmale Leiste, damit nichts grossflaechig aufblitzt (Vorgabe augenschonend). Wie die Farben entstanden sind: Zwei Entwuerfe fielen bei der eigenen Pruefung durch. In HSL gerechnet lagen Workspace und Webdesign bei einem Farbabstand von 12.6 statt der noetigen 25 - auf dem Papier 30 Grad auseinander, fuers Auge dasselbe Blauviolett. Auch der zweite Versuch scheiterte (Hauptseite zu nah an Nextclouds Tuerkis, 19.1). Neun Farben bei gleicher Helligkeit passen schlicht nicht mit genug Abstand auf den Farbkreis. Erst mit der Helligkeit als dritter Dimension und einem Optimierer, der den KLEINSTEN Abstand im Satz maximiert, kam ein Satz heraus, der haelt: kleinster Abstand 25.5. Geprueft: 68 Farbpruefungen (weisse Schrift ueberall lesbar 5.0-7.2:1, keine blendet, jede hebt sich vom bisherigen Schwarz ab, alle Paare >= 25 Delta E) und 101 Browserpruefungen ueber 16 Seiten (Manifest und meta stimmen ueberein, genau eine theme-color je Seite, Symbole vorhanden) - alle gruen, Gegenprobe schlaegt an. Co-Authored-By: Claude Opus 5 --- 404.html | 2 +- abonnieren.html | 2 +- agb.html | 2 +- aktion-detail.html | 2 +- bewerben-creator.html | 2 +- bewerben-kooperation.html | 2 +- bewerben-modi.html | 2 +- bewerben-scout.html | 2 +- bewerben.html | 2 +- casper.html | 2 +- community.html | 2 +- creator.html | 2 +- dogfather.html | 2 +- gate.html | 2 +- hasidog.html | 2 +- index.html | 2 +- kontakt.html | 2 +- links.html | 2 +- manager.html | 2 +- manifest-verwaltung.json | 4 ++-- manifest.json | 4 ++-- medien-casper.html | 2 +- medien-dogfather.html | 2 +- medien-hasidog.html | 2 +- profil.html | 2 +- rabattcodes.html | 2 +- stimmen.html | 2 +- streamer.html | 2 +- streamplan.html | 2 +- supporter.html | 2 +- team-modis.html | 2 +- team-scouts.html | 2 +- tt-muddi.html | 2 +- vanvan.html | 2 +- verwaltung.html | 2 +- webdesign/ablauf.html | 2 +- webdesign/anfrage.html | 2 +- webdesign/app.webmanifest | 4 ++-- webdesign/diagnose.html | 2 +- webdesign/faq.html | 2 +- webdesign/index.html | 2 +- webdesign/leistungen.html | 2 +- webdesign/portal.html | 2 +- webdesign/portal.webmanifest | 4 ++-- webdesign/portfolio.html | 2 +- webdesign/rechtliches.html | 2 +- webdesign/ueber.html | 2 +- webdesign/verwaltung.html | 2 +- webdesign/verwaltung.webmanifest | 4 ++-- webdesign/widerruf.html | 2 +- webdesign/zugang.html | 2 +- werte.html | 2 +- workspace/app.webmanifest | 4 ++-- zeitreise.html | 2 +- 54 files changed, 60 insertions(+), 60 deletions(-) diff --git a/404.html b/404.html index a32d2771..4b1535cd 100644 --- a/404.html +++ b/404.html @@ -6,7 +6,7 @@ - + diff --git a/abonnieren.html b/abonnieren.html index 6f5d94f0..a8d6ec6a 100644 --- a/abonnieren.html +++ b/abonnieren.html @@ -8,7 +8,7 @@ - + diff --git a/agb.html b/agb.html index c4ddb96f..c845c95b 100644 --- a/agb.html +++ b/agb.html @@ -8,7 +8,7 @@ - + diff --git a/aktion-detail.html b/aktion-detail.html index 1645d67d..059204c4 100644 --- a/aktion-detail.html +++ b/aktion-detail.html @@ -8,7 +8,7 @@ - + diff --git a/bewerben-creator.html b/bewerben-creator.html index 77f449d9..0d63c9d9 100644 --- a/bewerben-creator.html +++ b/bewerben-creator.html @@ -8,7 +8,7 @@ - + diff --git a/bewerben-kooperation.html b/bewerben-kooperation.html index 3f8e6af7..d343f77b 100644 --- a/bewerben-kooperation.html +++ b/bewerben-kooperation.html @@ -11,7 +11,7 @@ - + diff --git a/bewerben-modi.html b/bewerben-modi.html index e25deb93..ba94f769 100644 --- a/bewerben-modi.html +++ b/bewerben-modi.html @@ -8,7 +8,7 @@ - + diff --git a/bewerben-scout.html b/bewerben-scout.html index 039cc32e..f5f643be 100644 --- a/bewerben-scout.html +++ b/bewerben-scout.html @@ -8,7 +8,7 @@ - + diff --git a/bewerben.html b/bewerben.html index 2a069d3c..3b2aac2f 100644 --- a/bewerben.html +++ b/bewerben.html @@ -8,7 +8,7 @@ - + diff --git a/casper.html b/casper.html index 0876d70f..ec54aaf4 100644 --- a/casper.html +++ b/casper.html @@ -8,7 +8,7 @@ - + diff --git a/community.html b/community.html index b9db42d0..e85c0593 100644 --- a/community.html +++ b/community.html @@ -8,7 +8,7 @@ - + diff --git a/creator.html b/creator.html index e82a67ab..fd1fe262 100644 --- a/creator.html +++ b/creator.html @@ -8,7 +8,7 @@ - + diff --git a/dogfather.html b/dogfather.html index 3dde4364..f56b6787 100644 --- a/dogfather.html +++ b/dogfather.html @@ -8,7 +8,7 @@ - + diff --git a/gate.html b/gate.html index db5bc6cb..a7397eb1 100644 --- a/gate.html +++ b/gate.html @@ -16,7 +16,7 @@ in VanVans Shop (dort gefixt) -- hier war er nur nie aufgefallen, weil die Seite hinter der Schranke (index.html) das alles laengst hatte. --> - + diff --git a/webdesign/leistungen.html b/webdesign/leistungen.html index 7cfe24fc..2036de29 100644 --- a/webdesign/leistungen.html +++ b/webdesign/leistungen.html @@ -12,7 +12,7 @@ - + diff --git a/webdesign/portal.html b/webdesign/portal.html index 389b87c6..c8f5c3a1 100644 --- a/webdesign/portal.html +++ b/webdesign/portal.html @@ -11,7 +11,7 @@ Kundenportal — Dogfather Webdesign - + diff --git a/webdesign/portal.webmanifest b/webdesign/portal.webmanifest index b347b626..6c44a64e 100644 --- a/webdesign/portal.webmanifest +++ b/webdesign/portal.webmanifest @@ -9,8 +9,8 @@ "orientation": "any", "lang": "de", "dir": "ltr", - "background_color": "#05070b", - "theme_color": "#05070b", + "background_color": "#261a23", + "theme_color": "#924985", "icons": [ { "src": "/assets/img/app-symbole/portal-192.png", diff --git a/webdesign/portfolio.html b/webdesign/portfolio.html index 1cbd9294..65feb1c8 100644 --- a/webdesign/portfolio.html +++ b/webdesign/portfolio.html @@ -12,7 +12,7 @@ - + diff --git a/webdesign/rechtliches.html b/webdesign/rechtliches.html index f38e4369..0b5de075 100644 --- a/webdesign/rechtliches.html +++ b/webdesign/rechtliches.html @@ -13,7 +13,7 @@ - + diff --git a/webdesign/ueber.html b/webdesign/ueber.html index 9c10f734..faee1b92 100644 --- a/webdesign/ueber.html +++ b/webdesign/ueber.html @@ -12,7 +12,7 @@ - + diff --git a/webdesign/verwaltung.html b/webdesign/verwaltung.html index 9f168f74..581c908e 100644 --- a/webdesign/verwaltung.html +++ b/webdesign/verwaltung.html @@ -11,7 +11,7 @@ Verwaltung — Dogfather Webdesign - + - +