### Author:  [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [8. Juli 2022 um 14:33 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/6 "2022-07-08T14:33:03Z")
> [@Paracelsus](#):
>
> Ist es möglich, die Farben der Kreise auf dem Ladebildschirm zu ändern? 😁
Der Splashscreen befindet sich in einem anderen CSS-Scope, daher können Sie das CSS leider nicht über Themes ändern. Allerdings sind Verbesserungen geplant, und ich habe mit dieser begonnen.
>
>
> The dots in the splash were previously hard-coded (v1). This PR makes progress t…owards making them be based on current theme colors.
>
> Note that this is an improvement and not the "final" version. We're going to dynamically generate the splash file and the base64 URL later on.
Sobald die Änderung auf Ihrer Website live ist, verwenden die Splash-Punkte die Farben Ihres aktuellen Themes.
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [14. Juli 2022 um 06:14 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/7 "2022-07-14T06:14:15Z")
Ich denke, anstelle dieser Animation sollte der Standard-Discourse-Spinner zur Konsistenz angezeigt werden. Nur meine Meinung.
---
### Author:  [@agemo](https://meta.discourse.org/u/agemo)
#### Post date: [14. Juli 2022 um 23:22 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/8 "2022-07-14T23:22:31Z")
Schöne Funktion, habe sie jetzt im neuesten Upgrade.
Ich hätte gedacht, eine Priorität, bevor wir uns um die Dekoration kümmern, wäre, dass sie mit dem dunklen Thema synchronisiert wird. Ein plötzlicher Ausbruch von vollflächigem WEISS im dunklen Thema ist ein irrsinniger Angriff auf die optischen Sensoren, wenn man sich auch in einem dunklen Raum befindet! 😵💫
Bitte fügen Sie einige 🕶 hinzu, um die Konsistenz mit dem dunklen Thema zu wahren.
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [17. Juli 2022 um 23:07 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/9 "2022-07-17T23:07:58Z")
Mein Verständnis ist, dass wir den dunklen Hintergrund bereits synchronisieren, @Johani?
Das Problem ist, dass es ein paar Sekunden dauern kann, bis der Server uns mitteilt, dass wir es mit einem dunklen Thema zu tun haben. Wir könnten die zweite Ladung mit Service-Worker-Zauberei verbessern, aber es ist ein sehr, sehr kniffliges Problem.
---
### Author:  [@agemo](https://meta.discourse.org/u/agemo)
#### Post date: [17. Juli 2022 um 23:17 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/10 "2022-07-17T23:17:06Z")
Mir ist seit meinem letzten Beitrag etwas aufgefallen. Um es zu qualifizieren: Wenn ich abgemeldet bin, bemerke ich, dass Discourse das OS-Theme als dunkel erkennt, die Discourse-Seite synchron dazu dunkel einstellt und somit der Ladebildschirm ebenfalls eine dunkle Hintergrundfarbe verwendet, um sich an das Theme-Styling anzupassen.
Wenn ich mich jedoch als Benutzer anmelde, bei dem das dunkle Theme standardmäßig aktiviert ist, wechselt der Ladebildschirm zurück zu einem weißen Hintergrund.
Ich könnte also richtig liegen, wenn ich sage, dass es bereits zu 50 % wie erwartet funktioniert. 🥸
Ich habe es nicht getestet, vielleicht kann es jemand anderes ausprobieren.
---
### Author:  [@agemo](https://meta.discourse.org/u/agemo)
#### Post date: [18. Juli 2022 um 16:13 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/11 "2022-07-18T16:13:09Z")
Ja, habe das heute getestet, so verhält es sich. Es funktioniert, wenn man abgemeldet ist, und zeigt dann einen weißen Bildschirm an, wenn man als Benutzer mit eingestelltem DUNKLEM Design angemeldet ist. Wenn es sich so verhält, wie wenn das Design für das dunkle OS-Design erkannt wird, dann sollte das alles sein.
---
### Author:  [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [18. Juli 2022 um 23:44 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/12 "2022-07-18T23:44:48Z")
> [@sam](#):
>
> Das Problem ist, dass es ein paar Sekunden dauern kann, bis der Server uns mitteilt, dass wir es mit einem dunklen Thema zu tun haben. Wir könnten die zweite Ladung mit Service-Worker-Zauberei verbessern, aber das ist ein sehr, sehr kniffliges Problem.
Seltsamerweise scheint es davon abzuhängen, ob mein Betriebssystem auf hellen oder dunklen Modus eingestellt ist, und Discourse macht das Gegenteil von dem, was ich erwarten würde. Grundsätzlich, wenn auf dunklen Modus eingestellt, flackert Discourse weiß, aber wenn auf hellen Modus eingestellt, zeigt Discourse eine dunkle Seite an, bis der Inhalt geladen ist.
Hier ist der dunkle Modus. Beachten Sie, dass er dunkel beginnt (iOS wartet auf Daten vom Server), dann weiß flackert (ich glaube, die anfängliche Seitenladung für Discourse) und dann das dunkle Thema lädt, das ich eingestellt habe:
Und hier ist der helle Modus. Er beginnt weiß (iOS wartet auf Daten vom Server), wird dann dunkel (ich glaube, die anfängliche Seitenladung für Discourse) und bleibt dann im dunklen Thema, das ich eingestellt habe:
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [19. Juli 2022 um 00:42 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/13 "2022-07-19T00:42:14Z")
Interessant! Danke für die Videos, @Johani wird sich das ansehen und berichten.
---
### Author:  [@agemo](https://meta.discourse.org/u/agemo)
#### Post date: [20. Juli 2022 um 15:06 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/14 "2022-07-20T15:06:11Z")
> [@seanblue](#):
>
> > [@sam](#):
> >
> > Das Problem ist, dass es ein paar Sekunden dauern kann, bis der Server uns mitteilt, dass wir es mit einem dunklen Thema zu tun haben. Wir könnten die zweite Ladung mit Service-Worker-Zauberei verbessern, aber das ist ein sehr, sehr kniffliges Problem.
>
> Seltsamerweise scheint es davon abzuhängen, ob mein Betriebssystem auf hellen oder dunklen Modus eingestellt ist, und Discourse macht das Gegenteil von dem, was ich erwarten würde. Grundsätzlich flackert Discourse weiß, wenn es auf dunklen Modus eingestellt ist, aber wenn es auf hellen Modus eingestellt ist, zeigt Discourse eine dunkle Seite an, bis der Inhalt geladen ist.
Ja, das ist es, perfektes Beispiel auch mit Video!
Ich wusste, dass ich nicht verrückt wurde! 🤪
---
### Author:  [@agemo](https://meta.discourse.org/u/agemo)
#### Post date: [23. Juli 2022 um 12:25 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/17 "2022-07-23T12:25:37Z")
@Johani Ich habe den letzten Commit mit dem aktualisiert, was ich für die Korrektur oder eine hoffnungsvolle Korrektur hielt, aber ich bin mir nicht sicher, ob es einen Unterschied gemacht hat (iOS, Safari / macOS Safari)
Meine Verbindung ist im Moment zu gut, um es leicht zu reproduzieren. Lassen Sie mich etwas Einwahlleitung oder so finden… 🤣
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [23. Juli 2022 um 13:35 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/18 "2022-07-23T13:35:08Z")
Auf dem Desktop können Sie Ihre Verbindung über die Entwicklertools Ihres Browsers drosseln: [How to perform Network Throttling in Chrome | BrowserStack](https://www.browserstack.com/guide/how-to-perform-network-throttling-in-chrome)
Ich weiß jedoch nichts über mobile Browser.
---
### Author:  [@agemo](https://meta.discourse.org/u/agemo)
#### Post date: [23. Juli 2022 um 16:49 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/19 "2022-07-23T16:49:52Z")
Danke, ich benutze Chrome nicht, aber ich werde mir die Xcode-Tools ansehen und eine Drosselung konfigurieren.
Ich hatte etwas mehr Zeit und kann bestätigen, dass es unverändert bleibt.
---
### Author:  [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [24. Juli 2022 um 03:19 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/20 "2022-07-24T03:19:23Z")
Dies hängt möglicherweise mit den weißen Blitzen zusammen, daher poste ich es hier.
iPhone im Lichtmodus, die obere Leiste ist dunkel. Dies ist zu erwarten, da es dem dunklen Discourse-Layout entspricht, das ich verwende.
iPhone im Dunkelmodus, die obere Leiste ist hell. Dies ist unerwartet und scheint, wie der weiße Blitz, darauf hinzuweisen, dass etwas am Layout das Telefon davon überzeugt, dass die Seite weiß ist. Der Grund, warum ich das sage, ist, dass Safari auf dem iPhone versucht, die obere Leiste passend zur Hauptfarbe der von Ihnen angezeigten Website einzufärben.
---
### Author:  [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [25. Juli 2022 um 12:04 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/21 "2022-07-25T12:04:33Z")
> [@sam](#):
>
> Mein Verständnis ist, dass wir den dunklen Hintergrund bereits synchronisieren @Johani?
Das haben wir, aber wir haben den Fall übersehen, dass der Benutzer nur das normale Farbschema als dunkel einstellt. Zuvor haben wir uns auf die Betriebssystemeinstellung verlassen, um zwischen dem hellen/dunklen Modus für den Splashscreen zu wählen, mit der Annahme, dass Benutzer beides einstellen und den Betriebssystemschalter verwenden.
Ich habe ein paar Korrekturen vorgenommen
>
>
> Context: https://meta.discourse.org/t/introducing-discourse-splash-a-visual-prel…oader-displayed-while-site-assets-load/232003/17
>
> We currently set the theme \`secondary\` color as the background for the splash, and this works and respects light/dark modes.
>
> The issue is that we set it on the \`#d-splash\` div. That div doesn't have a specified height and only gets its height when the splash image loads.
>
> This can cause a flicker effect where the \`\\` background shows for a fraction of a second while the splash image loads.
>
> This PR sets the theme color on the \`\\` tag to alleviate this. This allows us to set the theme color a little bit sooner and should hopefully prevent the flicker effect from happening.
>
> This PR also adds the \`theme-color\` \`\\` tag for dark mode. Browsers that don't support multiple \`theme-color\` tags will ignore the second tag and fall back to the first one.
>
>
> Follow up to: https://github.com/discourse/discourse/pull/17619
> Context: https:…//meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/17
>
> We previously relied on the user's browser when deciding when to show the splash in light/dark mode. This worked well but can fail if the user manually selects a theme with a default "dark" scheme.
>
> This PR will now factor that in. If the user selects a theme with a default dark scheme, use that. If a user selects a theme with a "light" default scheme and also picks a secondary "dark" scheme, use the \`media\` detection we had before.
>
> This PR also removes the dark mode \`theme-color\` that was added in the previous PR. That will now go in a separate PR
Wenn das normale Schema dunkel ist, verwende dieses. Wenn es hell ist, verwende das helle Schema für den hellen Betriebssystemmodus und das dunkle Schema für den dunklen Betriebssystemmodus (falls eingestellt).
Das Problem, sowie dieses hier
> [@seanblue](#):
>
> iPhone versucht, die obere Leiste passend zur Hauptfarbe der von Ihnen besuchten Website einzufärben
sollte jetzt behoben sein. Danke für die Berichte 👍
---
### Author:  [@agemo](https://meta.discourse.org/u/agemo)
#### Post date: [26. Juli 2022 um 10:09 UTC](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003/22 "2022-07-26T10:09:36Z")
👍 Cool, ich freue mich darauf, das auszuprobieren!
### Vorschlag – Branding
Ist es möglich, eine einfache Logo-Anpassung über den animierten Punkten zu erlauben oder die „Punkte“ mit dem Logo (fav.ico-Größe Bild) oder einer festen, niedrig aufgelösten, festen Größe zu füllen (falls Ladezeit und Geschwindigkeit ein Problem darstellen)?
Ein anderer Benutzer schlug vor, den Ladekreis zurückzugeben, der ein bekanntes Artefakt von Discourse ist, was meiner Meinung nach eine gute Idee für UI/UX-Konsistenz ist und durch die Möglichkeit, ein statisches Basisbild/Logo anzugeben, verbessert würde – es hält den Benutzer während des Schwebezustands der Ladezeit orientiert und verortet, was die Benutzererfahrung und das Vertrauen des Benutzers erhöht.
* * *
Hinzuzufügen – das Bild aus dem bestehenden Branding-Setup, fav.ico oder „logo small“ zu nehmen, ist wahrscheinlich eine gute Standardeinstellung.
[Next page](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003.md?page=2)