Τι είναι το prefers-color-scheme;

Το prefers-color-scheme είναι μια δυνατότητα μέσων του CSS που ενημερώνει τους ιστότοπους αν προτιμάτε σκούρο ή ανοιχτό θέμα. Τα προγράμματα περιήγησης αντλούν αυτή την πληροφορία από τη ρύθμιση σκούρας λειτουργίας του συστήματός σας στα Windows, macOS, Linux, Android ή iOS, και οι ιστότοποι αλλάζουν τα χρώματά τους με το @media (prefers-color-scheme: dark) στο CSS ή το window.matchMedia("(prefers-color-scheme: dark)") στο JavaScript. Αν ένας ιστότοπος παραμένει ανοιχτόχρωμος ενώ το σύστημά σας είναι σε σκούρα λειτουργία, το πρώτο πράγμα που πρέπει να ελέγξετε είναι τι αναφέρει πραγματικά το πρόγραμμα περιήγησής σας.

Περιγραφή εργαλείου

Αυτό το εργαλείο εμφανίζει το θέμα του συστήματός σας σε ένα μεγάλο πλαίσιο: Σκούρο με ένα φεγγάρι ή Ανοιχτό με έναν ήλιο. Ρωτά το πρόγραμμα περιήγησής σας αν ταιριάζει το prefers-color-scheme: dark και παρακολουθεί τις αλλαγές, ώστε όταν εναλλάσσετε τη σκούρα και την ανοιχτή λειτουργία στις ρυθμίσεις της συσκευής σας, το αποτέλεσμα να ενημερώνεται αμέσως, χωρίς επαναφόρτωση. Οτιδήποτε δεν αναφέρεται ως σκούρο εμφανίζεται ως Ανοιχτό.

Η απάντηση είναι αυτή που μεταφέρει το πρόγραμμα περιήγησής σας στους ιστότοπους και δεν αντιστοιχεί πάντα στη ρύθμιση του συστήματός σας. Για παράδειγμα, ο Firefox διαθέτει ρύθμιση εμφάνισης ιστότοπων, η οποία μπορεί να ορίσει κάθε ιστότοπο ως ανοιχτόχρωμο ή σκουρόχρωμο, ανεξάρτητα από τη ρύθμιση του συστήματος.

Δυνατότητες

  • Εμφανίζει με μια ματιά αν το θέμα είναι Σκούρο ή Ανοιχτό
  • Ενημερώνεται άμεσα όταν αλλάζετε το θέμα του συστήματός σας
  • Εκτελείται στο πρόγραμμα περιήγησής σας, χωρίς να απαιτείται εγκατάσταση