Στυλ Κάρτας

Η Κάρτα Dreame Vacuum συμμορφώνεται φυσικά με το προεπιλεγμένο θέμα του Home Assistant. Όλα τα εσωτερικά στοιχεία, τα μενού και οι διατάξεις προσαρμόζονται αυτόματα στο ενεργό θέμα του Home Assistant. Κληρονομεί απρόσκοπτα τόσο τα χρώματα της λειτουργίας Light όσο και της λειτουργίας Dark δυναμικά, καθιστώντας την προσαρμοσμένη στιλιστική παρέμβαση περιττή υπό κανονικές συνθήκες.

Η δημιουργία ενός προσαρμοσμένου θέματος του Home Assistant για να προσαρμόσετε την αισθητική περιλαμβάνει την υπερισχύση των εξωτερικών ιδιοτήτων CSS που αναφέρονται παρακάτω.

Στυλ Χάρτη

Αυτές οι ρυθμίσεις επηρεάζουν μόνο τα στοιχεία διεπαφής της κάρτας. Η προσαρμογή των εσωτερικών χρωμάτων του ίδιου του χάρτη του ρομπότ-σκούπας, όπως δωμάτια, διαδρομές και τοίχοι, γίνεται στην ενότητα Υπερισχύστε Χρώματα.

Η κάρτα χρησιμοποιεί επίσης εσωτερικές ρυθμίσεις που έχουν ως πρόθεμα το --dvc-. Η απευθείας υπερισχύση των εσωτερικών ρυθμίσεων δεν συνιστάται, καθώς η λειτουργία τους αλλάζει σε μελλοντικές ενημερώσεις. Στοχεύστε αντ’ αυτού τις εξωτερικές ρυθμίσεις θέματος του Home Assistant που αναφέρονται παρακάτω.

card-mod

Το πρόσθετο card-mod είναι ρητά απενεργοποιημένο και μη υποστηριζόμενο σε αυτή την κάρτα για να διασφαλιστεί η σταθερότητα. Πρέπει να χρησιμοποιούνται προσαρμοσμένα θέματα Home Assistant για να αντικαταστήσουν τις ιδιότητες CSS που παρέχονται σε αυτή τη σελίδα.

Εάν μια συγκεκριμένη οπτική αλλαγή δεν μπορεί να επιτευχθεί μέσω θεμάτων, μπορεί να υποβληθεί αίτημα χαρακτηριστικού που εξηγεί τις επιθυμητές αλλαγές και τον λόγο πίσω από αυτές μέσω της σελίδας Αναφορά Προβλήματος.

Υπόβαθρα & Περιγράμματα

Αυτές οι ρυθμίσεις ελέγχουν την κύρια δομική εμφάνιση της κάρτας.

Μεταβλητή	Περιγραφή
--ha-card-background	Ορίζει το κύριο χρώμα φόντου της κάρτας.
--secondary-background-color	Χρησιμοποιείται για δευτερεύουσες επιφάνειες, φόντα επικάλυψης και ανεξάρτητα μενού.
--view-background	Το βασικό χρώμα φόντου του πίνακα ελέγχου. Η κάρτα το χρησιμοποιεί όταν είναι σε panel ή picture λειτουργία για να ενσωματωθεί άψογα.
--ha-card-border-radius	Ορίζει την στρογγυλότητα των εξωτερικών γωνιών της κάρτας.
--ha-card-border-width	Πλάτος της γραμμής περιγράμματος της κάρτας.
--ha-card-border-color	Χρώμα του περιγράμματος της κάρτας.
--divider-color	Χρώμα εσωτερικών διαχωριστικών λίστας και διαχωριστών.
--ha-card-box-shadow	Η σκιά κουτιού που εφαρμόζεται στο κύριο δοχείο της κάρτας.
--ha-card-backdrop-filter	Επιτρέπει την προσθήκη φίλτρων φόντου, όπως blur, στο φόντο της κάρτας.

Κείμενο & Τυπογραφία

Αυτές οι ρυθμίσεις καθορίζουν τα χρώματα κειμένου που χρησιμοποιούνται σε όλο το περιβάλλον χρήστη.

Μεταβλητή	Περιγραφή
--primary-text-color	Το κύριο χρώμα κειμένου που χρησιμοποιείται για κύριους τίτλους, κείμενο κατάστασης και τιμές.
--secondary-text-color	Χρησιμοποιείται για δευτερεύον κείμενο, αναλυτικές καταστάσεις και ανενεργές ετικέτες καρτελών.
--disabled-text-color	Χρώμα που χρησιμοποιείται για κείμενο που είναι αυτή τη στιγμή μη διαθέσιμο ή απενεργοποιημένο.
--text-primary-color	Το χρώμα του κειμένου που βρίσκεται απευθείας πάνω από κουμπιά με κύριο χρώμα.

Εικονίδια & Επισημάνσεις

Αυτές οι ρυθμίσεις διαχειρίζονται το χρωματισμό διαδραστικών στοιχείων, ενεργών καταστάσεων και εικονιδίων.

Μεταβλητή	Περιγραφή
--primary-color	Το κύριο χρώμα επισημάνσεων για ενεργά στοιχεία, κουμπιά, κινούμενα φορτωτή και επιλεγμένες καρτέλες.
--light-primary-color	Μια πιο ανοιχτή εκδοχή του κύριου χρώματος, που χρησιμοποιείται για καταστάσεις hover ή φόντα ενεργών κουμπιών.
--accent-color	Εναλλακτικό χρώμα επισημάνσεων που χρησιμοποιείται για συγκεκριμένες επισημάνσεις στο UI.
--mdc-theme-on-primary	Χρώμα κειμένου ή εικονιδίων που τοποθετούνται πάνω σε φόντο με κύριο χρώμα.
--paper-item-icon-color	Το προεπιλεγμένο χρώμα για εικονίδια κατάστασης και μενού.
--paper-item-icon-active-color	Το χρώμα που εφαρμόζεται σε εικονίδια όταν η αντίστοιχη κατάσταση τους είναι ενεργή.

Χρώματα Κατάστασης & Σημασιολογικά Χρώματα

Η κάρτα αλλάζει δυναμικά χρώμα ανάλογα με την κατάσταση της σκούπας και τις ενεργές ειδοποιήσεις.

Μεταβλητή	Περιγραφή
--success-color	Χρησιμοποιείται για επιτυχημένες ενέργειες ή θετικές καταστάσεις, όπως όταν είναι πλήρως φορτισμένη.
--info-color	Χρησιμοποιείται για ενημερωτικά στοιχεία και τυπικές ειδοποιήσεις.
--warning-color	Χρησιμοποιείται για προειδοποιητικές ειδοποιήσεις, καταστάσεις χαμηλής μπαταρίας ή μικρά προβλήματα.
--error-color	Χρησιμοποιείται για κρίσιμα σφάλματα, λάθη και αδιάβατα αντικείμενα στον χάρτη.
--state-unavailable-color	Το χρώμα που υποδεικνύει ότι η σκούπα δεν είναι διαθέσιμη ή είναι εκτός σύνδεσης.

Διαδραστικά Στοιχεία

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

Μεταβλητή	Περιγραφή
--mdc-theme-surface	Το χρώμα της επιφάνειας για αιωρούμενα μενού, αναπτυσσόμενα και αναδυόμενες κάρτες.
--mdc-button-raised-box-shadow	Η σκιά που εφαρμόζεται σε ανυψωμένα κουμπιά για να τους δώσει βάθος.
--input-hover-line-color	Χρώμα της υπογράμμισης όταν ο χρήστης περνάει τον δείκτη πάνω από συγκεκριμένα πεδία εισόδου.
--input-dropdown-icon-color	Χρώμα των εικονιδίων δρομέα/βέλους μέσα σε αναπτυσσόμενα μενού.
--scrollbar-thumb-color	Χρώμα που χρησιμοποιείται για τον αντίχειρα του joystick του τηλεχειριστηρίου και των ραβδώσεων κύλισης.
--rgb-primary-color	Έκδοση RGB διαχωρισμένη με κόμμα του βασικού χρώματος, που χρησιμοποιείται για την εφαρμογή διαφάνειας alpha.
--rgb-primary-text-color	Έκδοση RGB διαχωρισμένη με κόμμα του βασικού χρώματος κειμένου, που χρησιμοποιείται για την εφαρμογή διαφάνειας alpha.