🤗 Aber eigentlich sind es nur ein paar wenige Farben und um die geht es ja eigentlich, denn du hast ja nichts am Strukturgerüst verändert. Und ... du musst ja gar nicht alles ändern!!
Eigentlich kann man hier im dark mode gut sehen, woran du in deinem theme überall geschraubt hast. Nicht alles davon ist wirklich sinnvoll gewesen, wie zum Beispiel der dicke text shadow vom h1 banner. Der ist selbst im light mode eher schlecht, wenn er einen Eintragstitel enthält und über deine evolution Grafik ragt.
Ach und übrigens ... warum gibt es in den shariff button styles einen .theme-white selector? Kann man da am Plugin irgendetwas einstellen?
Beat Post author am |
Ach und übrigens ... warum gibt es in den shariff button styles einen .theme-white selector? Kann man da am Plugin irgendetwas einstellen?
Ja, man kann zwischen 3 Farbschemata wählen. Standard, Weiss, Grau. Ich habe Weiss gewählt.
Beat Post author am |
Nicht alles davon ist wirklich sinnvoll gewesen, wie zum Beispiel der dicke text shadow vom h1 banner. Der ist selbst im light mode eher schlecht, wenn er einen Eintragstitel enthält und über deine evolution Grafik ragt.
Genau deswegen habe ich den mal gemacht. Damit man die gleichfarbige Schrift auch über der Grafik noch lesen kann. 🤨
Oh Mist! Danke. Dann muss ich versuchen das zu überschreiben. Kannst du meinen Fix mal übernehmen und eventuell mal kurz ausprobieren ob die dark-theme styles auch wirklich alle drei Varianten überschreiben?
Beat Post author am |
Habe das neuste style.css hochgeladen. Die Texte und Icons von sharebuttons ändern bei Umschaltung in den Dark-Mode in jeder Einstellung. Der Buttonhintergrund ändert bei Dark-Mode nur in der Einstellung "Weiss".
In der Einstellung Standard haben diese die App-Farben (hellblau für Twitter, Dunkelblau für Facebook, Grün für WhatsApp und grau für Mail). Diese ändern nicht, ob Light- oder Dark-Mode.
In der Einstellung "Grau" ändert sich die graue Hintergrundfarbe auch nicht.
Damit Du das sehen kannst, ist hier nun die Einstellung "Grau" aktiv.
Beat Post author am |
Viel lustiger wäre es gewesen die Länge des header würde die Grafik zur Seite schieben ... vielleicht sogar animiert.
Das wäre phänomenal, nur kann ich das nicht.
Beat Post author am |
Ich nehme an, dass Du auch gesehen hast, dass sich der Hintergrund des entrypaging-Plugins im Dark-Mode nicht ändert.
Hier ist das ja echt furchtbar... besser wäre es drüben, denn da weiß ich dass da keine anderen styles dazwischenfunken... 😉
Ist gefixt (hoffentlich). Bitte bestätigen und dann wieder auf weiß zurück, bitte. Danke.
Ich werde wahrscheinlich noch ein paar Verbesserungen vornehmen für content und sidebar und footer Farbe (analog zu Banner) und darauf bezogen auch für die comment Grundbox.
Außerdem habe ich heute ein Blog post über dark mode(s) geschrieben. Ist vielleicht auch für dich interessant.
Das Bild müsste und dürfte nur so groß sein wie sein eigentlicher Inhalt, also die Bikevolution. Dazu der Hintergrund transparent. Den Rest könnte man (wahrscheinlich) mit CSS machen und vielleicht einem zusätzlichen div Element.
O.K. Auf https://styx.beatsblog.ch/categories/BLOG ist nun die aktuelle style.css ...
Das kann nicht sein! Da fehlt ja die Hälfte.. sehe ich gerade. Da kann ich ja rumdoktorn wie ich will... Vielleicht nutzt du falsche Zwischenstände über commit hashes?! Nur so bekommst du wirklich das aktuelle und das auch gleich richtig zum abspeichern:
https://raw.githubusercontent.com/ophian/styx/master/templates/pure/style.css
Es kann sein das ich jetzt sogar wieder etwas zurückstellen muss.
Beat Post author am |
weil so die Arbeit an mir hängen bleibt. 😏
Andere Frage: Weshalb scheitere ich beim Anpassen des "body" für den Dark-Mode? Eigentlich sollte der ganze Bildschirmhintergrund (body) den Verlauf kriegen, den jetzt die Seitenleisten und der Content haben. Danach wollte ich diese Dinge auf transparent stellen. Doch seit einer Stunde mühe ich mich ab und kriege den Body einfach nicht mit einem dunklen Gradient versehen...
.dark-theme body {
.dark-theme .body {
.dark-theme #body {
alles schon ausprobiert, doch nichts greift.
Beat Post author am |
Ähm... bin mir keinem Fehlverhalten bewusst. 🙄
Habe nun nochmal die aktuellste style.css hochgeladen. Nun wechseln die Farben in allen drei Modi "Standard", "Weiss" und "Grau".
Du könntest es in der user entweder genau so überschreiben oder sagst "body.theme-dark {}" mit höherer Wertigkeit.
Allerdings würde ich vorschlagen es nicht so kompliziert zu machen und den dark mode gegenüber deinen user styles besser einfach abzuspecken, also gradients und shadow etc eher besser heraus zu nehmen..🙄
So. Ich habe gerade die letzten changes raufgeladen.
Irgendwann muss ich damit aufhören, denn sonst fummele ich da noch nächstes Jahr dran rum....
Für heute ist erstmal Schluß.
Viel Spaß noch...
Beat Post author am |
Kann ich verstehen. Doch aufgepasst: Nächstes Jahr kommt schneller als Du denkst! 😎🤣
Vielen, vielen Dank für Deine tolle und unermüdliche Arbeit! 🙏 🥇
Beat Post author am |
Darf ich noch eine Frage stellen? 😇
Soweit gefällt mir "mein" Dark-Mode recht gut. Ich habe noch das Problem, dass ich die svg-Grafiken farblich nicht ändern kann. Dies betrifft die Pfeile im entrypaging-Plugin, im Pager-Footer und im Light-/Dark-Umschalter. Was ich auch versuche... nichts scheint zu wirken.
Beat Post author am |
Da wartet ganz schön viel Arbeit auf mich... In style.css gibt es über 130 Einträge mit "dark-theme"... 🤔🤯
Ian Styx am |
🤗 Aber eigentlich sind es nur ein paar wenige Farben und um die geht es ja eigentlich, denn du hast ja nichts am Strukturgerüst verändert. Und ... du musst ja gar nicht alles ändern!!
Eigentlich kann man hier im dark mode gut sehen, woran du in deinem theme überall geschraubt hast. Nicht alles davon ist wirklich sinnvoll gewesen, wie zum Beispiel der dicke text shadow vom h1 banner. Der ist selbst im light mode eher schlecht, wenn er einen Eintragstitel enthält und über deine evolution Grafik ragt.
Ach und übrigens ... warum gibt es in den shariff button styles einen .theme-white selector? Kann man da am Plugin irgendetwas einstellen?
Beat Post author am |
Ja, man kann zwischen 3 Farbschemata wählen. Standard, Weiss, Grau. Ich habe Weiss gewählt.
Beat Post author am |
Genau deswegen habe ich den mal gemacht. Damit man die gleichfarbige Schrift auch über der Grafik noch lesen kann. 🤨
Ian Styx am |
Viel lustiger wäre es gewesen die Länge des header würde die Grafik zur Seite schieben ... vielleicht sogar animiert.
Aber dann müsste sie annders aufgebaut sein.
Ian Styx am |
Oh Mist! Danke. Dann muss ich versuchen das zu überschreiben. Kannst du meinen Fix mal übernehmen und eventuell mal kurz ausprobieren ob die dark-theme styles auch wirklich alle drei Varianten überschreiben?
Beat Post author am |
Habe das neuste style.css hochgeladen. Die Texte und Icons von sharebuttons ändern bei Umschaltung in den Dark-Mode in jeder Einstellung. Der Buttonhintergrund ändert bei Dark-Mode nur in der Einstellung "Weiss".
In der Einstellung Standard haben diese die App-Farben (hellblau für Twitter, Dunkelblau für Facebook, Grün für WhatsApp und grau für Mail). Diese ändern nicht, ob Light- oder Dark-Mode.
In der Einstellung "Grau" ändert sich die graue Hintergrundfarbe auch nicht.
Damit Du das sehen kannst, ist hier nun die Einstellung "Grau" aktiv.
Beat Post author am |
Das wäre phänomenal, nur kann ich das nicht.
Beat Post author am |
Ich nehme an, dass Du auch gesehen hast, dass sich der Hintergrund des entrypaging-Plugins im Dark-Mode nicht ändert.
Ian Styx am |
Hier ist das ja echt furchtbar... besser wäre es drüben, denn da weiß ich dass da keine anderen styles dazwischenfunken... 😉
Ist gefixt (hoffentlich). Bitte bestätigen und dann wieder auf weiß zurück, bitte. Danke.
Ich werde wahrscheinlich noch ein paar Verbesserungen vornehmen für content und sidebar und footer Farbe (analog zu Banner) und darauf bezogen auch für die comment Grundbox.
Außerdem habe ich heute ein Blog post über dark mode(s) geschrieben. Ist vielleicht auch für dich interessant.
Ian Styx am |
Das stammt aber von dir! 😊 aus deiner user.css.
Beat Post author am |
O.K. Auf https://styx.beatsblog.ch/categories/BLOG ist nun die aktuelle style.css und das sharebutton-Plugin ist auf "Standard".
Hier habe ich das Plugin wieder auf "Weiss" gestellt.
Sorry, hier ist echt Augenkrebs-Zeit... Dark-Mode ist derzeit noch ein "Black-Hole" für mich... ich irrlichtere in der user.css umher...
Ian Styx am |
Das Bild müsste und dürfte nur so groß sein wie sein eigentlicher Inhalt, also die Bikevolution. Dazu der Hintergrund transparent. Den Rest könnte man (wahrscheinlich) mit CSS machen und vielleicht einem zusätzlichen div Element.
Spielkram für Winterabende! 😎
Beat Post author am |
Das wollte ich nicht hören. 😜
Ian Styx am |
Wieso nicht?
Ian Styx am |
Das kann nicht sein! Da fehlt ja die Hälfte.. sehe ich gerade. Da kann ich ja rumdoktorn wie ich will... Vielleicht nutzt du falsche Zwischenstände über commit hashes?! Nur so bekommst du wirklich das aktuelle und das auch gleich richtig zum abspeichern:
https://raw.githubusercontent.com/ophian/styx/master/templates/pure/style.css
Es kann sein das ich jetzt sogar wieder etwas zurückstellen muss.
Beat Post author am |
weil so die Arbeit an mir hängen bleibt. 😏
Andere Frage: Weshalb scheitere ich beim Anpassen des "body" für den Dark-Mode? Eigentlich sollte der ganze Bildschirmhintergrund (body) den Verlauf kriegen, den jetzt die Seitenleisten und der Content haben. Danach wollte ich diese Dinge auf transparent stellen. Doch seit einer Stunde mühe ich mich ab und kriege den Body einfach nicht mit einem dunklen Gradient versehen...
alles schon ausprobiert, doch nichts greift.
Beat Post author am |
Ähm... bin mir keinem Fehlverhalten bewusst. 🙄
Habe nun nochmal die aktuellste style.css hochgeladen. Nun wechseln die Farben in allen drei Modi "Standard", "Weiss" und "Grau".
Ian Styx am |
Weil der dark-theme selector ein class selector des body Elementes ist.
Du könntest es in der user entweder genau so überschreiben oder sagst "body.theme-dark {}" mit höherer Wertigkeit.
Allerdings würde ich vorschlagen es nicht so kompliziert zu machen und den dark mode gegenüber deinen user styles besser einfach abzuspecken, also gradients und shadow etc eher besser heraus zu nehmen..🙄
Ian Styx am |
Jupp, jetzt ist es (im Ganzen) vollstandig!
Ich kann sogar die importants für shariff wieder rausnehmen. Habe fertig. 🙂
Beat Post author am |
🙏 Danke! 👍
Ian Styx am |
So. Ich habe gerade die letzten changes raufgeladen.
Irgendwann muss ich damit aufhören, denn sonst fummele ich da noch nächstes Jahr dran rum....
Für heute ist erstmal Schluß.
Viel Spaß noch...
Beat Post author am |
Kann ich verstehen. Doch aufgepasst: Nächstes Jahr kommt schneller als Du denkst! 😎🤣
Vielen, vielen Dank für Deine tolle und unermüdliche Arbeit! 🙏 🥇
Beat Post author am |
Darf ich noch eine Frage stellen? 😇
Soweit gefällt mir "mein" Dark-Mode recht gut. Ich habe noch das Problem, dass ich die svg-Grafiken farblich nicht ändern kann. Dies betrifft die Pfeile im entrypaging-Plugin, im Pager-Footer und im Light-/Dark-Umschalter. Was ich auch versuche... nichts scheint zu wirken.