Hilfe bei Erstellung eines Toggles – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Hilfe bei Erstellung eines Toggles Mon, 05 Apr 21 08:46:04 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786919#m1786919 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786919#m1786919 <p>Hallo,</p> <p>Wer kann mir bei einer Toggle Erstellung helfen? ( bin ein kompletter Newbie in diesen Dingen)</p> <p>Würde gerne einen Toggle mit Text haben wo man zwischen einen hellen und dunklen Hintergrund wählen kann.</p> <p>Hier der HTML Code:</p> <p>Heller Background:</p> <pre><code class="block language-html"><span class="token comment"><!-- TradingView Widget BEGIN --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tradingview-widget-container<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tradingview-widget-container__widget<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tradingview-widget-copyright<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://de.tradingview.com/symbols/EURUSD/?exchange=FX<span class="token punctuation">"</span></span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>noopener<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>blue-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>EURUSD Kurse<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> von TradingView<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://s3.tradingview.com/external-embedding/embed-widget-single-quote.js<span class="token punctuation">"</span></span> <span class="token attr-name">async</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript"> <span class="token punctuation">{</span> <span class="token string-property property">"symbol"</span><span class="token operator">:</span> <span class="token string">"FX:EURUSD"</span><span class="token punctuation">,</span> <span class="token string-property property">"width"</span><span class="token operator">:</span> <span class="token number">350</span><span class="token punctuation">,</span> <span class="token string-property property">"colorTheme"</span><span class="token operator">:</span> <span class="token string">"light"</span><span class="token punctuation">,</span> <span class="token string-property property">"isTransparent"</span><span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span> <span class="token string-property property">"locale"</span><span class="token operator">:</span> <span class="token string">"de_DE"</span> <span class="token punctuation">}</span> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token comment"><!-- TradingView Widget END --></span> </code></pre> <p>Dunkler Background:</p> <pre><code class="block language-html"><span class="token comment"><!-- TradingView Widget BEGIN --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tradingview-widget-container<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tradingview-widget-container__widget<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tradingview-widget-copyright<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://de.tradingview.com/symbols/EURUSD/?exchange=FX<span class="token punctuation">"</span></span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>noopener<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>blue-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>EURUSD Kurse<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> von TradingView<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://s3.tradingview.com/external-embedding/embed-widget-single-quote.js<span class="token punctuation">"</span></span> <span class="token attr-name">async</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript"> <span class="token punctuation">{</span> <span class="token string-property property">"symbol"</span><span class="token operator">:</span> <span class="token string">"FX:EURUSD"</span><span class="token punctuation">,</span> <span class="token string-property property">"width"</span><span class="token operator">:</span> <span class="token number">350</span><span class="token punctuation">,</span> <span class="token string-property property">"colorTheme"</span><span class="token operator">:</span> <span class="token string">"dark"</span><span class="token punctuation">,</span> <span class="token string-property property">"isTransparent"</span><span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span> <span class="token string-property property">"locale"</span><span class="token operator">:</span> <span class="token string">"de_DE"</span> <span class="token punctuation">}</span> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token comment"><!-- TradingView Widget END --></span> </code></pre> <p>Danke im Vorfeld</p> <p>Gerhard</p> Hilfe bei Erstellung eines Toggles Mon, 05 Apr 21 09:08:12 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786921#m1786921 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786921#m1786921 <p>Herzlich willkommen bei SELFHTML!</p> <blockquote> <p>Hallo,</p> <p>Wer kann mir bei einer Toggle Erstellung helfen? ( bin ein kompletter Newbie in diesen Dingen)</p> <p>Würde gerne einen Toggle mit Text haben wo man zwischen einen hellen und dunklen Hintergrund wählen kann.</p> <p>Hier der HTML Code:</p> </blockquote> <p>Dein Ansatz ist falsch. Das HTML-Markup bleibt gleich - es wird nur eine Klasse getoggelt.</p> <p>Hier auf englisch: <a href="https://www.w3schools.com/howto/howto_js_toggle_dark_mode.asp" rel="nofollow noopener noreferrer">w3schools.com/howto_js_toggle_dark_mode</a></p> <p>Und auf Deutsch: <a href="https://wiki.selfhtml.org/wiki/JavaScript/DOM/Element/classList" rel="nofollow noopener noreferrer">JavaScript/DOM/Element/classList</a></p> <blockquote></blockquote> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> Löschantrag Mon, 05 Apr 21 11:31:10 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786935#m1786935 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786935#m1786935 <p>Anfrage an die anderen Moderatoren:</p> <p>Da der gezeigte Code so gut wie gar nichts mit dem Problem zu tun hat (außer ein JS-Objekt in einem <script src...> Element zu zeigen, wo eine colorTheme Eigenschaft als Feigenblatt drinsteckt), frage ich mich, ob das eine ernst gemeinte Frage ist oder Link-Spam für tradingview.com?</p> <p>Hallo Gerhard,</p> <p>wenn das kein Link-Spam ist und Du dieses Snippet einfach nur von tradingview.com <s>geklaut</s> abgeguckt hast, dann hast Du zwar die Einstellung für hell/dunkel gefunden, den Mechanismus zur Realisierung aber komplett übersehen.</p> <p>Matthias Vorschlag mit der prefers-color-scheme Medienabfrage scheint mir der sinnvollste und vor allem für Newbies beste. Denn dann brauchst Du gar nichts eigenes auf deiner Webseite. Du musst lediglich dein CSS so gestalten, dass Du alle für's Farbschema relevanten Farben über custom properties setzt, damit die Umschaltung klappt. Und Du musst deine Seite mit einem leeren Satz custom-properties testen, denn nicht alle Browser können die und du möchtest ja auch für Kunden mit Internet Explorer zumindest erreichen, dass die Seite grundbedienbar bleibt.</p> <p>Zu beachten ist allerdings, dass der bei css-tricks gezeigte Weg, die OS-Einstellung überschreiben zu können, unvollständig ist. Man kann damit ein light-Thema abdunkeln, aber kein dark-Thema aufhellen. Und ich finde es lästig, beide Farbschemata doppelt notieren zu müssen (einmal in der Klassen-Abfrage und einmal in der @media Query - sowas ist nur mit einem CSS Präprozessor sinnvoll machbar).</p> <p>Eine Lösung ohne JavaScript wäre wohl auch möglich, dann brauchst Du drei Buttons / Links für die Themen, von denen jeweils zwei aktiv sind. Und zwar "Hell", "Dunkel" und "Default". Das Setzen der Thema-Klasse am body machst Du dann mit serverseitigem Code. Sofern Du sowas kannst.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dark Mode - Einstellung im Betriebssystem des Nutzers Mon, 05 Apr 21 09:21:45 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786922#m1786922 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786922#m1786922 <p>Servus!</p> <blockquote> <p>Herzlich willkommen bei SELFHTML!</p> <blockquote> <p>Hallo,</p> <p>Wer kann mir bei einer Toggle Erstellung helfen? ( bin ein kompletter Newbie in diesen Dingen)</p> <p>Würde gerne einen Toggle mit Text haben wo man zwischen einen hellen und dunklen Hintergrund wählen kann.</p> <p>Hier der HTML Code:</p> </blockquote> <p>Dein Ansatz ist falsch. Das HTML-Markup bleibt gleich - es wird nur eine Klasse getoggelt.</p> </blockquote> <p>Noch besser wäre es, das dem Nutzer zu überlassen (der es schon im OS eingestellt hat) und im CSS folgende Einstellung zu setzen:</p> <pre><code class="block language-css"><span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">prefers-color-scheme</span><span class="token punctuation">:</span> dark<span class="token punctuation">)</span></span> <span class="token punctuation">{</span> <span class="token comment">/* Dark theme styles go here */</span> <span class="token punctuation">}</span> 
 <span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">prefers-color-scheme</span><span class="token punctuation">:</span> light<span class="token punctuation">)</span></span> <span class="token punctuation">{</span> <span class="token comment">/* Light theme styles go here */</span> <span class="token punctuation">}</span> </code></pre> <blockquote></blockquote> <p>Das könnte man mit JS dann auch noch abfragen / bzw. mit einem Toggle-Button aktivieren.</p> <p>Siehe: css-tricks: <a href="https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web" rel="nofollow noopener noreferrer">A Complete Guide to Dark Mode on the Web </a></p> <p><strong>[[EDIT]]</strong> Ich hab's im SELF-Wiki mal eingefügt:</p> <ul> <li><a href="https://wiki.selfhtml.org/wiki/CSS/Media_Queries/Medienmerkmale#prefers-color-scheme" rel="nofollow noopener noreferrer">CSS/Media_Queries/Medienmerkmale#prefers-color-scheme</a></li> </ul> <p>Eigentlich sollte es dazu auch ein Live-Beispiel und eine ausführlichere Erklärung geben. Direkt im Absatz oder als eigenes Kapitel?</p> <p><strong>[[/EDIT]]</strong></p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> Dark Mode - Einstellung im Betriebssystem des Nutzers Tue, 06 Apr 21 09:06:23 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786970#m1786970 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786970#m1786970 <p>Hallo Matthias,</p> <p>Vielen Dank für deine Hilfe!!</p> <p>Ich werde mir die Links die du gepostet hast, mir mal in Ruhe anschauen.</p> <p>Auf jeden Fall hast du mir weitergeholfen !!</p> <p>schöne Woche noch</p> <p>Gerhard</p> Löschantrag Mon, 05 Apr 21 20:31:57 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786962#m1786962 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786962#m1786962 <p>Servus!</p> <p>grad noch gefunden:</p> <p>Lea Verou: <a href="https://lea.verou.me/2021/03/inverted-lightness-variables/" rel="nofollow noopener noreferrer">Dark mode in 5 minutes, with inverted lightness variables</a></p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> Löschantrag Mon, 05 Apr 21 21:35:42 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786966#m1786966 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786966#m1786966 <p>Hallo Rolf,</p> <blockquote> <p>frage ich mich, ob das eine ernst gemeinte Frage ist oder Link-Spam für tradin....view.com?</p> </blockquote> <p>gut möglich.</p> <p>Gruss<br> Henry</p> <div class="signature">-- <br> Meine Meinung zu DSGVO & Co:<br> „Principiis obsta. Sero medicina parata, cum mala per longas convaluere moras.“ </div> Löschantrag Tue, 06 Apr 21 09:14:18 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786972#m1786972 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786972#m1786972 <p>Hallo Rolf,</p> <p>Vielen Dank auch bei dir für deine Ausführung!</p> <p>Hat mir genauso weitergeholfen wie die von Matthias!!</p> <p>schöne Grüße</p> <p>Gerhard</p> Löschantrag Mon, 05 Apr 21 21:07:18 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786964#m1786964 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786964#m1786964 <p>Hallo Matthias,</p> <p>nun ja, 5 Minuten plus die Umstellung auf HSL plus die Erkenntnis, dass HSL nicht das beste Farbmodell dafür ist und man ein gaaaanz neues Farbmodell bräuchte, dass außer Safari noch kein Browser kennt.</p> <p>Es klingt durchaus spannend, ist aber mit Vorsicht und einer Prise Senf (bzw. Sempf) zu genießen.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Löschantrag Mon, 05 Apr 21 21:19:04 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786965#m1786965 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786965#m1786965 <p>Servus!</p> <blockquote> <p>Hallo Matthias,</p> <p>nun ja, 5 Minuten plus die Umstellung auf HSL plus die Erkenntnis, dass HSL nicht das beste Farbmodell dafür ist und man ein gaaaanz neues Farbmodell bräuchte, dass außer Safari noch kein Browser kennt.</p> </blockquote> <p>Ich hab doch Safari 5.1.7 auf meiner Windows-Kiste! </p> <blockquote> <p>Es klingt durchaus spannend, ist aber mit Vorsicht und einer Prise Senf (bzw. Sempf) zu genießen.</p> <p><em>Rolf</em></p> </blockquote> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> Löschantrag Tue, 06 Apr 21 09:00:33 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786969#m1786969 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786969#m1786969 <p>Hallo Henry,</p> <p>Das war eine ernstgemeinte Fage von mir und kein LinkSpam.</p> <p>Den Code ist frei zugänglich und kann in jede Webseite eingebettet werden.</p> <p>Ich wollte meine Frage "Realitätsnah" formulieren </p> <p>Grüße</p> <p>Gerhard</p> Dark Mode - Einstellung im Betriebssystem des Nutzers Tue, 06 Apr 21 09:13:15 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786971#m1786971 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1786971#m1786971 <p>Hallo Gerhard,</p> <blockquote></blockquote> <p>Ich finde das Thema interessant. Es taucht im Forum immer wieder mal auf und deshalb haben wir 2019 einen kurzen Glossar-Artikel: <a href="https://wiki.selfhtml.org/wiki/Dark_Mode" rel="nofollow noopener noreferrer">Dark_Mode</a> angelegt.</p> <p>In den Weblinks unten findest Du die Diskussionen von 2018 und 2019 verlinkt.</p> <p>Mittlerweile gibt es eine gute Browserunterstützung für <code>prefers-color-scheme</code> und trotzdem ...</p> <p><a href="/users/6547" class="mention registered-user" rel="noopener noreferrer">@Rolf B</a> schrieb mir in einer PN dazu:</p> <blockquote> <p>Für ein Beispiel muss man sich etwas mehr Gedanken über die drei Varianten "light", "dark" und "Betriebssystem-Default" machen. Das Thema "Dark Mode" ist ja auch bei weitem nicht so einfach, wie es auf css-tricks suggeriert wird.</p> <p>Das Farbschema einer Webseite hat zumeist mehr als 2 Farben, eher 10. Man muss jede Farbangabe über custom property machen.</p> <p>Und man muss schauen, was der IE macht - der kennt nämlich keine custom properties und würde damit jede Farbangabe ignorieren.</p> </blockquote> <p>Der Ansatz von Lea Verou, nicht die Farben, sondern nur die Helligkeit mit custom properties zu veränden, ist charmant, wirkt aber auch nur auf den neuesten Macs:</p> <p>Lea Verou: <a href="https://lea.verou.me/2021/03/inverted-lightness-variables/" rel="nofollow noopener noreferrer">Dark mode in 5 minutes, with inverted lightness variables</a></p> <p>Da frag ich mich, wieso die Fotos HSl vs. LCH auch auf normalen Bildschirmen den Farbraum so unterschiedlich zeigen?</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> Dark Mode Tutorial und Design-Entwurf - bitte Testen Sat, 10 Apr 21 09:52:07 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787127#m1787127 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787127#m1787127 <p>Hallo Gerhard, hallo ihr anderen,</p> <p>ich habe mal versucht, alles in einem Tutorial zusammenzufassen:</p> <p><a href="https://wiki.selfhtml.org/wiki/Benutzer:MScharwies/Dark_Mode" rel="nofollow noopener noreferrer">Benutzer:MScharwies/Dark_Mode</a></p> <p>Da arbeite ich noch weiter. Jetzt habe ich erst einmal versucht 3 gute Themes zu realisieren.</p> <ol> <li>Für IE9-11 und ältere Versionen der Evergreen-Browser (laut caniuse fast mehr als der IE) Farbangaben mit festen Hex-Werten</li> <li>ein Helligkeits-Modus, bei dem die HEX-Werte als custom properties notiert sind.</li> <li>eine class .dark, die diese custom properties überschreibt.</li> </ol> <p>Ein erster Design-Entwurf: <a href="https://jsr-hersbruck.de/apps/design01/" rel="nofollow noopener noreferrer"><strong>Design01</strong> zum Toggeln, aber auch Auslesen mit prefers-color-scheme </a></p> <p>Wie würdet ihr folgende Knackpunkte lösen?</p> <ol> <li> <p>Heller Modus: Textfarbe footer</p> </li> <li> <p>#news-Box, welche Hintergrundfarbe im dunklen Modus oder...</p> </li> <li> <p>Dark mode: Schriftfarbe #news für</p> <ul> <li>h3</li> <li>li</li> <li>span</li> </ul> </li> <li> <p>Hintergrund der SVG-Grafiken: so lassen oder als inline-SVG auch mit custom-properties füllen? (Dann wird evtl. das Markup nicht mehr anfängergerecht.)</p> </li> <li> <p>Soll ich für die Navi nur feste HEX-Werte nehmen, oder zusätzlich auch custom properties notieren?</p> </li> </ol> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> Dark Mode Tutorial und Design-Entwurf - bitte Testen Sat, 10 Apr 21 11:11:24 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787131#m1787131 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787131#m1787131 <p>Hallo Matthias,</p> <p>grundsätzlich finde ich es toll, dass Du das mal eben aus dem Boden gestampft hast. Am Text kann man sicher noch einiges erweitern - aber da will ich mich jetzt nicht reinmengen, sonst arbeiten wir noch gegeneinander.</p> <p>Eins nur: Du schreibst, dass ein Dark-Mode Control nichts auf der Page verloren hat und bringst dann ein Control. Man kann das begründen (es ist für OS die das nicht anbieten und für Anwender, die die OS-Einstellung überschreiben wollen), sollte es aber auch tun.</p> <p>Zur Demoseite:</p> <p>Die Platzierung des Dark Mode Control mitten auf der Seite finde ich unglücklich. Ich habe eine Weile gesucht. Ich habe zuerst am Rand der Seite gesucht. Vorzugsweise oben rechts.</p> <p>Und ich bin im Light- und Dark-Mode mit den Kontrasten unzufrieden. Der Lightmode ist das fertige Design - da mag das meine grundsätzliche Abneigung gegen Ammerländer Farbwahl sein (d.h. knapp an Ostfriesland vorbei, deren Banner ja bekanntlich der weiße Adler auf weißem Grund ist). Im Darkmode ist der Kontrast fast überall gut, auch wenn Kontrast-Tools meinen, dass das Orange auf dem Body zu schwach kontrastiert.</p> <p>Leider ist der Kontrast-Inspektor von Chrome unzuverlässig und zeigt nur nach Lust und Laune was an, aber soviel sehe ich:</p> <ul> <li>die News-Boxen müssten im Darkmode dunkler werden und nicht ihre Farbe behalten. Weiß auf #ccc ist eindeutig zu wenig Kontrast.</li> <li>der Body muss ebenfalls dunkler werden, damit das Orange des Footer-Texts stark genug herauskommt. Du hellst ihn sogar noch explizit auf , warum?</li> <li>Es gibt einige Stellen, im light-Design, wo grau auf weiß steht. Vielleicht stylish, aber zu kontrastschwach. Dass ein Designer automatisch ein guter Ergonom ist, scheint durch dieses Design mal wieder widerlegt. Es sei denn, ich bin zu streng, das kann Marc vermutlich besser beurteilen als ich.</li> </ul> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dark Mode Tutorial und Design-Entwurf - bitte Testen Sat, 10 Apr 21 15:30:10 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787142#m1787142 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787142#m1787142 <p>Servus!</p> <blockquote> <p>Zur Demoseite:</p> <p>Die Platzierung des Dark Mode Control mitten auf der Seite finde ich unglücklich. Ich habe eine Weile gesucht. Ich habe zuerst am Rand der Seite gesucht. Vorzugsweise oben rechts.</p> </blockquote> <p>Das war meine Frage 6 nach der Positionierung des Widgets, wollte ich nach dem Absenden eigentlich editieren und musste dann weg.</p> <p>Ich habe jetzt ein Settings-Icon, das ich oben rechts positionieren werde und das dann auf den entsprechenden Abschnitt verlinken soll.</p> <blockquote> <p>Und ich bin im Light- und Dark-Mode mit den Kontrasten unzufrieden. Der Lightmode ist das fertige Design - da mag das meine grundsätzliche Abneigung gegen Ammerländer Farbwahl sein (d.h. knapp an Ostfriesland vorbei, deren Banner ja bekanntlich der weiße Adler auf weißem Grund ist).</p> </blockquote> <p>Das Design beruht auf diesem Entwurf von 2013:</p> <p><a href="/images/6f59790a-9a0e-11eb-9b73-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/6f59790a-9a0e-11eb-9b73-b42e9947ef30.png?size=medium" alt="2013" title="2103" loading="lazy"></a></p> <p>Divsuppe, nicht responsiv, floats und Text als Bild, viele Rastergrafiken.</p> <p>Ich habe das 2014 so realisiert:</p> <p><a href="/images/89bfd83e-9a0e-11eb-bf30-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/89bfd83e-9a0e-11eb-bf30-b42e9947ef30.png?size=medium" alt="2014" title="2014" loading="lazy"></a></p> <p>HTML5, responsiv und Flexbox, SVG</p> <blockquote> <blockquote> <ul> <li>Es gibt einige Stellen, im light-Design, wo grau auf weiß steht. Vielleicht stylish, aber zu kontrastschwach. Dass ein Designer automatisch ein guter Ergonom ist, scheint durch dieses Design mal wieder widerlegt. Es sei denn, ich bin zu streng, das kann Marc vermutlich besser beurteilen als ich.</li> </ul> </blockquote> </blockquote> <p>Der Designer hat <a href="https://blog.selfhtml.org/2013/feb/22/unterstuetzung-von-designenlassen-de" rel="noopener noreferrer">50€ dafür gekriegt</a>.</p> <p>Bevor ich jetzt alles im Dark mode mache, muss ich / sollten wir erst mal schauen, was man am Light Mode verbessern kann.</p> <p>Den Schatten der Nav-Bar werde ich auch (in geringerem Umfang) auf die #news-Boxen und die Icons legen, um räumliche Tiefe zu erzielen.</p> <blockquote> <blockquote> <ol> <li>Heller Modus: Textfarbe footer</li> </ol> </blockquote> </blockquote> <p>Der Footer muss verbessert werden, bloß wie? Entweder</p> <p>a. ohne Extra-Styling oder</p> <p>b. als dunkelroter Balken am unteren Seitenrand mit weißer Schrift.</p> <blockquote> <blockquote> <ol start="2"> <li>#news-Box, welche Hintergrundfarbe im dunklen Modus oder...</li> </ol> </blockquote> </blockquote> <blockquote> <ul> <li>die News-Boxen müssten im Darkmode dunkler werden und nicht ihre Farbe behalten. Weiß auf #ccc ist eindeutig zu wenig Kontrast.</li> </ul> </blockquote> <p>Mit der Hintergundfarbe #ccc im hellen Modus und dem Schatten an zwei Seiten sieht es gut aus. Ich finde es interessant, dass man im Dark Mode meint, dass sich das #ccc geändert hätte.</p> <p>Ja, die Textfarbe muss entweder #333 oder darkred sein. Für h3 will ich aber kein darkred nehmen, da das ja die Linkfarbe ist. <strong>Mal überlegen.</strong></p> <blockquote> <p>Im Darkmode ist der Kontrast fast überall gut, auch wenn Kontrast-Tools meinen, dass das Orange auf dem Body zu schwach kontrastiert.</p> </blockquote> <p>Ja #333 und orange bringen 1:6.41s anstelle 1:2.93</p> <blockquote></blockquote> <blockquote> <ul> <li>der Body muss ebenfalls dunkler werden, damit das Orange des Footer-Texts stark genug herauskommt. Du hellst ihn sogar noch explizit auf , warum?</li> </ul> </blockquote> <p>Siehe 1. ich weiß noch nicht, was ich mit dem footer machen soll</p> <p>Das <a href="https://wiki.selfhtml.org/wiki/Benutzer:MScharwies/Dark_Mode" rel="nofollow noopener noreferrer">Tutorial</a> passe ich an, wenn das Beispiel vorzeigbar ist.</p> <p>Weitere Aufgaben:</p> <ul> <li>Bilder, deren Brillianz im <a href="https://wiki.selfhtml.org/wiki/Benutzer:MScharwies/Dark_Mode#Grafiken" rel="nofollow noopener noreferrer">Dark Mode angepasst </a> wird</li> <li>evtl. andere <a href="https://wiki.selfhtml.org/wiki/Benutzer:MScharwies/Dark_Mode#Typografie" rel="nofollow noopener noreferrer">Fonts im Dunklen Modus</a>, wobei ich aber keine Lust auf einen Google-Font habe.</li> </ul> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> Dark Mode Design-Entwurf -0.2 Sun, 11 Apr 21 05:53:08 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787161#m1787161 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787161#m1787161 <p>Servus!</p> <p>Der <a href="https://jsr-hersbruck.de/apps/design01/" rel="nofollow noopener noreferrer">2. Versuch ist online</a></p> <p><a href="/images/60b814ee-9a89-11eb-95fb-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/60b814ee-9a89-11eb-95fb-b42e9947ef30.png?size=medium" alt="Entwurf" title="Entwirf" loading="lazy"></a></p> <p><strong>Wie würdet ihr folgende Knackpunkte lösen?</strong></p> <ol> <li> <p>Footer ist in beiden Modi jetzt dunkelrot. <em><strong>Gut so?</strong></em></p> </li> <li> <p>Dark mode: Schriftfarbe .news für</p> <ul> <li>h3</li> <li>li</li> <li>span</li> </ul> </li> </ol> <p>jetzt dunkelgrau und -rot, <code>.news ul span</code> hat einen orangen Hintergrund. <em><strong>Gut so?</strong></em></p> <ol start="4"> <li>Hintergrund der SVG-Grafiken: so lassen oder als inline-SVG auch mit custom-properties füllen? (Dann wird evtl. das Markup nicht mehr anfängergerecht.)</li> </ol> <p>Dies betrifft vor allem die <code>.more</code>-"Weiter lesen"-Icons. <em><strong>Da muss ich mir noch was überlegen!?</strong></em></p> <ol start="5"> <li> <p>Soll ich für die Navi nur feste HEX-Werte nehmen, oder zusätzlich auch custom properties notieren?</p> </li> <li> <p>Position Widget, das Rad oben rechts gefällt mir; optimalerweise würde beim Klick drauf ne Dialog-Box aufgehen, oder? <em><strong>Zu schwierig für Anfänger-Tutorial?</strong></em></p> </li> </ol> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> Dark Mode Design-Entwurf -0.2 Sun, 11 Apr 21 13:02:14 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787175#m1787175 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787175#m1787175 <p>Hallo</p> <blockquote> <p>Der <a href="https://jsr-hersbruck.de/apps/design01/" rel="nofollow noopener noreferrer">2. Versuch ist online</a></p> <p><a href="/images/60b814ee-9a89-11eb-95fb-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/60b814ee-9a89-11eb-95fb-b42e9947ef30.png?size=medium" alt="Entwurf" title="Entwirf" loading="lazy"></a></p> <p><strong>Wie würdet ihr folgende Knackpunkte lösen?</strong></p> <ol> <li>Footer ist in beiden Modi jetzt dunkelrot. <em><strong>Gut so?</strong></em></li> </ol> </blockquote> <p>Auf dem dunkelgrauen Hintergrund des Dark Mode geht der dunkelrote Footer IMHO unter. Vielleicht sollte der Footer ein µ heller sein (dann aber auch Navi und rote balten des Logos) oder er sollte, wie die Navi auch, durch einen Schattenwurf vor dem Hintergrund hervorgehoben werden.</p> <blockquote> <ol start="3"> <li>Dark mode: Schriftfarbe .news für <ul> <li>h3</li> <li>li</li> <li>span</li> </ul> </li> </ol> </blockquote> <p>Die orangenen Überschriften in den hellgrauen Boxen (<code>.news</code>) sind für mich sehr schlecht erkennbar. Das gilt auch für die Listenbulletdreiecke und – in gewissem Maße – die Konturen der Ions. Interessanterweise gilt das mehr für den Dark Mode als für den Light Mode, wo für den Hintergrund der Boxen, die Dreiecke und die Farben der Icons die selben Farben benutzt werden. Das hellere Drumherum lässt mich die genannten Elemente im Light Mode zumindest <em>besser</em> erkennen.</p> <p><strong>[edit]</strong><br> Der Vollständigkeit halber noch eine Ergänzung: Das dunkelrot gesetzte Wort „Recht“ im Slogan im Seitenkopf auf dunklem Hintergrund ist für mich ebenfalls kaum erkennbar. Das ist das selbe Problem wie beim Footer, aber durch die sehr viel kleinere Anzeigefläche des Schriftzugs ist das Problem an dieser Stelle sehr viel gravierender.<br> <strong>[/edit]</strong></p> <p>Für mich bleibt als definitiv änderungsbedürftig der untergehende Footer und die orangenen Überschriften auf hellem Boxenhintergrund in <code>.news</code> übrig.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br> <em>Hohle Köpfe</em> von Terry Pratchett </div> Dark Mode Design-Entwurf -0.2 Sun, 11 Apr 21 13:06:32 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787176#m1787176 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787176#m1787176 <p>Servus!</p> <blockquote> <p>Hallo</p> <blockquote> <p>Der <a href="https://jsr-hersbruck.de/apps/design01/" rel="nofollow noopener noreferrer">2. Versuch ist online</a></p> <p><a href="/images/60b814ee-9a89-11eb-95fb-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/60b814ee-9a89-11eb-95fb-b42e9947ef30.png?size=medium" alt="Entwurf" title="Entwirf" loading="lazy"></a></p> <p><strong>Wie würdet ihr folgende Knackpunkte lösen?</strong></p> <ol> <li>Footer ist in beiden Modi jetzt dunkelrot. <em><strong>Gut so?</strong></em></li> </ol> </blockquote> <p>Auf dem dunkelgrauen Hintergrund des Dark Mode geht der dunkelrote Footer IMHO unter. Vielleicht sollte der Footer ein µ heller sein (dann aber auch Navi und rote balten des Logos) oder er sollte, wie die Navi auch, durch einen Schattenwurf vor dem Hintergrund hervorgehoben werden.</p> <blockquote> <ol start="3"> <li>Dark mode: Schriftfarbe .news für <ul> <li>h3</li> <li>li</li> <li>span</li> </ul> </li> </ol> </blockquote> <p>Die orangenen Überschriften in den hellgrauen Boxen (<code>.news</code>) sind für mich sehr schlecht erkennbar. Das gilt auch für die Listenbulletdreiecke und – in gewissem Maße – die Konturen der Ions. Interessanterweise gilt das mehr für den Dark Mode als für den Light Mode, wo für den Hintergrund der Boxen, die Dreiecke und die Farben der Icons die selben Farben benutzt werden. Das hellere Drumherum lässt mich die genannten Elemente im Light Mode zumindest <em>besser</em> erkennen.</p> <p>Für mich bleibt als definitiv änderungsbedürftig der untergehende Footer und die orangenen Überschriften auf hellem Boxenhintergrund in <code>.news</code> übrig.</p> </blockquote> <p>Danke! Ich schau's mir die Tage wieder an, ob ich mit den bis jetzt verwendeten Farben eine andere, bessere Kombination herbringen kann.</p> <blockquote> <p>Tschö, Auge</p> </blockquote> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> Dark Mode Design-Entwurf -0.2 Sun, 11 Apr 21 13:12:19 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787178#m1787178 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787178#m1787178 <p>Hallo</p> <blockquote> <blockquote> <p>Für mich bleibt als definitiv änderungsbedürftig der untergehende Footer und die orangenen Überschriften auf hellem Boxenhintergrund in <code>.news</code> übrig.</p> </blockquote> <p>Danke! Ich schau's mir die Tage wieder an, ob ich mit den bis jetzt verwendeten Farben eine andere, bessere Kombination herbringen kann.</p> </blockquote> <p>Ich habe gerade beim rumspielen noch etwas gefunden, was ich als Bug klassifizieren würde. Im Dark Mode bleibt die Schriftfarbe der Navigationspunkte beim hovern eines Links weiß auf dem dann blassgilbem Hintergrund. Im Light Mode wechselt die Farbe bei <code>:hover</code> von weiß auf dunkelrot.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br> <em>Hohle Köpfe</em> von Terry Pratchett </div> Dark Mode Design-Entwurf -0.2 Sun, 11 Apr 21 13:13:52 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787179#m1787179 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787179#m1787179 <p>Servus!</p> <blockquote> <p>Ich habe gerade beim rumspielen noch etwas gefunden, was ich als Bug klassifizieren würde. Im Dark Mode bleibt die Schriftfarbe der Navigationspunkte beim hovern eines Links weiß auf dem dann blassgilbem Hintergrund. Im Light Mode wechselt die Farbe bei <code>:hover</code> von weiß auf dunkelrot.</p> </blockquote> <p>Danke! Korrigiere ich!</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> Dark Mode Design-Entwurf -0.2 Tue, 13 Apr 21 12:41:07 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787244#m1787244 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787244#m1787244 <p>Hallo</p> <blockquote> <blockquote> <p>Ich habe gerade beim rumspielen noch etwas gefunden, was ich als Bug klassifizieren würde. Im Dark Mode bleibt die Schriftfarbe der Navigationspunkte beim hovern eines Links weiß auf dem dann blassgilbem Hintergrund. Im Light Mode wechselt die Farbe bei <code>:hover</code> von weiß auf dunkelrot.</p> </blockquote> <p>Danke! Korrigiere ich!</p> </blockquote> <p>Ich habe mir gerade eben deine bisherigen Korrekturen für den Dark Mode angeschaut. Gefunden habe ich den Schattenwurf des Footers, womit er tatsächlich besser sichtbar ist und die nunmehr dunkelrote Farbe der gehoverten Links der Hauptnavigation.</p> <p>Was für mich bleibt, sind die schlecht lesbaren Überschriften. Das ist einerseits die orangene Schrift auf hellgrauem Grund in den Boxen mit der Klasse <code>.news</code> und andererseits das <a href="https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787175#m1787175" rel="noopener noreferrer">in meinem ersten Posting</a> als Nachtrag vermerkte Wort „Recht“ im Slogan „Für alle, die Recht haben“, das mit dunkelroter Schrift auf dunkelgrauem Hintergrund für mich gänzlich absäuft.</p> <p>Diese unglückliche Farbkombination mit den selben daraus resultierenden Unzulänglichkeiten gibt es übrigens auch im Logo sowie in den Icons für „Über uns“ und „Kosten“. Ob bei „Über uns“ nun ein oder zwei Männekens im Icon zu sehen sind, kann man als unkritisch ansehen (no pun intended), wenn das „€“ in „Kosten“ aber zu einem „=“ wird, passt das irgendwie nicht mehr übereinander.</p> <p>Vielleicht würde schon ein etwas hellerer Rotton reichen … vielleicht aber auch nur für mich. </p> <p>Tschö, Auge</p> <div class="signature">-- <br> Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br> <em>Hohle Köpfe</em> von Terry Pratchett </div> Dark Mode Design-Entwurf -0.2 Tue, 13 Apr 21 16:49:39 Z https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787247#m1787247 https://forum.selfhtml.org/self/2021/apr/05/hilfe-bei-erstellung-eines-toggles/1787247#m1787247 <p>Hallo Auge,</p> <p>danke für Dein Feedback, ich habe die Seite mal kurz vom Netz genommen, werde aber weiter dran arbeiten.</p> <p>Wenn's fertig ist, bzw. die nächste Vorversion halbfertig ist, melde ich mich wieder!</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div>