Μια σύντομη σημείωση για να αναφέρω εδώ ότι σήμερα προστέθηκε η προσαρμοσμένη σκοτεινή λειτουργία με ένα κουμπί επιλογής θέματος στα δεξιά του επάνω μενού.
Η αυτόματη εφαρμογή (prefers-color-scheme) έχει αντικατασταθεί από μια διαχείριση που βασίζεται στον επιλογέα [data-theme="dark"], η οποία επέτρεπε την εμφάνιση του σκούρου θέματος όταν ο χρήστης το επέλεγε στον περιηγητή του. Ορισμένοι, όπως ο Opera, διαθέτουν μια επιλογή«επιβολής σκοτεινής λειτουργίας» που εμφανίζει μια αρκετά αξιοπρεπή σκοτεινή έκδοση, αλλά με κάποια σφάλματα, όπως η αντιστροφή των εικόνων που εμφανίζονται σε αρνητικό και το γεγονός ότι δεν επιτρέπει καμία ρύθμιση.
Επέλεξα να χρησιμοποιήσω HTML και JS ενσωματωμένα με στοιχεία του GeneratePress και CSS σε ένα εκτενές απόσπασμα κώδικα με όλες τις σημειώσεις, ώστε να έχω έναν πλήρη κατάλογο των προσαρμογών που έχουν γίνει, σε περίπτωση που θελήσω να το βελτιώσω ή να το αλλάξω κάποια μέρα, ενώ παράλληλα έχω πλήρη έλεγχο της φόρτωσης των στυλ και απόλυτη οπτική συνοχή σε ολόκληρο τον ιστότοπο.
Αυτές είναι οι κύριες βελτιώσεις σε σχέση με την αυτόματη έκδοση:
- Βελτιστοποίηση απόδοσης: Εξάλειψη του τρεμοπαίγματος και των συγκρούσεων μέσω μιας ενοποιημένης ιεραρχίας στυλ CSS που εξασφαλίζει την άμεση φόρτωση του σκούρου θέματος.
- Οπτική συνοχή: Ακριβής ρύθμιση χρωμάτων και φίλτρων σε δυναμικά στοιχεία (GenerateBlocks, Query Loops, καρτέλες και ακορντεόν) για την αποφυγή προβλημάτων αναγνωσιμότητας (γκρι χρώματα σε λευκό φόντο).
- Έλεγχος δυναμικών στοιχείων: Διόρθωση των φίλτρων ανάμειξης (
mix-blend-mode) και της διαφάνειας σε εικόνες και μενού, διασφαλίζοντας ότι στοιχεία όπως το εικονίδιο του Polylang ή οι κάρτες της σελίδας των ντοκιμαντέρ διατηρούν τη σωστή αντίθεση υπό οποιεσδήποτε συνθήκες. - Τεχνικός καθαρισμός: Απομάκρυνση περιττών επιλογών και ενοποίηση κανόνων CSS, με σκοπό τη διευκόλυνση μελλοντικών εργασιών συντήρησης χωρίς επιπτώσεις στην απόδοση ή στο CLS.
Αυτό, το οποίο μπορεί να γίνει και με ένα plugin, με τους αναμενόμενους περιορισμούς, αποφάσισα να το υλοποιήσω με κώδικα, όχι μόνο για να γλιτώσω ένα plugin, αλλά και για να έχω λεπτομερή έλεγχο και δυνατότητα λεπτών ρυθμίσεων για κάθε μικρή λεπτομέρεια, ώστε να μπορώ να αντιμετωπίσω τυχόν επιπτώσεις που μπορεί να έχει στην ταχύτητα φόρτωσης.
Αν κάποιος ενδιαφέρεται για τον κώδικα – που δεν είναι και τίποτα το ιδιαίτερο – ας μου το πει και θα τον δημοσιεύσω εδώ. Αν είσαι από αυτούς που απολαμβάνουν να περιηγούνται στο σκοτάδι και βρεις κάτι που μπορεί να βελτιωθεί, μην διστάσεις να αφήσεις ένα σχόλιο ή να πατήσεις δυνατά το κίτρινο κουμπί «Αναφορά σφάλματος» που θα βρεις στο κάτω μέρος κάθε ανάρτησης.
Επίσης, θα ήθελα να σου υπενθυμίσω ότι αναλαμβάνω εργασίες βελτιστοποίησης του WordPress και, περιστασιακά, μεταφορές και προσαρμογές σε πρότυπα GeneratePress με μπλοκ GenerateBlocks.
