Weblog Kommentare
Styx 3.7-beta1 und PHP 8.0.13
Beat Post author am |
Hab nur mal schnell die Änderungen in der index.tpl nachgetragen, damit ich hier im Header den Frontend-Darkmode-Umschaltknopf kriege. Es wartet nun noch einiges an CSS-Arbeit auf mich. Gegen Ende Woche sollte ich mehr Zeit dafür finden.
Vielen Dank für die tolle Weiterentwicklung! 🤗 SUPER! 👌
Ian Styx am |
😱 ..... 😂
So wie da --> https://styx.beatsblog.ch/categories/BLOG <-- siehts dann in echt aus.
SCNR
Ich habe es gleich noch mal zum Anlass genommen ein paar Sachen nachzutragen, für die shariff social buttons, die /comments/ summary Seiten und für ein paar code hightlight Farben. Schon committed.
Bitte unbedingt melden wenn noch Dinge fehlen oder farblich noch nicht optimal sind!!!
Beat Post author am |
😏 gleich gemerkt, dass ich beim Original-Pure-Theme abschaue (styx.beatsblog.ch) 😉
Wenn man dort auf Dark-Mode umstellt, wird bei den Beiträgen kein Erstellungsdatum mehr angezeigt (z.B. "Donnerstag, 19. März 2020"). Resp. es hat die gleiche Farbe wie der Hintergrund.
Beat Post author am |
Auf dem Mobile wechselt das Navigationsmenü die Farbe nicht. Was vielleicht gar nicht schlecht ist, da es eh schon ziemlich dunkel dargestellt wird.
Ian Styx am |
Super!! 😀
Was so ein paar zusätzliche Augen so ausmacht... siehe Wald und Baum und so... 🙂
Danke! Ist gefixt.
Ian Styx am |
Ja, das fand ich auch.. Ich habe das unter dem Motto geschrieben: "Ändere so wenig wie möglich"
Beat Post author am |
"Ändere so wenig wie möglich"
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 |
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. 🤨
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 |
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.
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 |
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.
Ian Styx am |
Ja ha ha ha!° Loohoohoobet den Herren, auf das er nächstes Jahr auch noch Lust hat....😁
Beam me up, Scotty! 🚀