Diese Variablen beeinflussen das Design des Google Maps-Widgets.
| Variable | Erklärung | Standard |
|---|---|---|
| google-maps-marker-background-color | Die Hintergrundfarbe des Markers im Google Maps-Widget | var(--secondary-color) |
| google-maps-marker-icon-color | Die Farbe des Icons bzw. Buschstaben des Markers im Google Maps-Widget | var(--icon-color-contrast) |
| google-maps-marker-border-color | Die Farbe des Rahmens um einen Marker im Google Maps-Widget | var(--contrast-font-color) |
| google-maps-start-marker-background-color | Die Hintergrundfarbe des Markers für die Startadresse im Google Maps-Widget | var(--main-color) |
| google-maps-start-marker-icon-color | Die Farbe des Icons bzw. Buschstaben des Markers für die Startadresse im Google Maps-Widget | var(--icon-color-contrast) |
| google-maps-start-marker-border-color | Die Farbe des Rahmens um den Marker für die Startadresse im Google Maps-Widget | var(--contrast-font-color) |
| google-maps-switch-background-color | Die Hintergrundfarbe der Schalter im Google Maps-Widget (Zustand: Aus) | var(--switch-background-color) |
| google-maps-switch-checked-background-color | Die Hintergrundfarbe der Schalter im Google Maps-Widget (Zustand: Ein) | var(--switch-checked-background-color) |
| google-maps-switch-handle-color | Die Farbe des Handles der Schalter im Google Maps-Widget | var(--switch-handle-color) |
| google-maps-route-planner-item-font-color | Die Schriftfarbe eines Eintrags im Routenplaner | var(--widget-font-color) |
| google-maps-route-planner-item-icon-color | Die Farbe des Icons eines Eintrags im Routenplaner | var(--icon-color-idle) |
| google-maps-route-planner-item-side-icon-color | Die Farbe des Positionicons eines Eintrags im Routenplaner | brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(27%) hue-rotate(42deg) brightness(93%) contrast(100%) |
| google-maps-route-planner-item-side-separator-icon-color | Die Farbe des Positiontrennicons eines Eintrags im Routenplaner | var(--google-maps-route-planner-item-side-icon-color) |
| google-maps-route-planner-start-item-side-icon-color | Die Farbe des Positionicons des Eintrags für die Startadresse im Routenplaner | var(--google-maps-route-planner-item-side-icon-color) |
| google-maps-route-planner-destination-item-side-icon-color | Die Farbe des Positionicons des Eintrags für die Zieladresse im Routenplaner | var(--google-maps-route-planner-item-side-icon-color) |
| google-maps-route-planner-item-action-icon-color | Die Farbe der Eintragsaktionen im Routenplaner | var(--google-maps-route-planner-item-icon-color) |
| google-maps-route-planner-item-hover-background-color | Die Hintergrundfarbe eines Eintrags im Routenplaner beim Hovern | var(--secondary-color-lighter) |
| google-maps-route-planner-item-hover-font-color | Die Schriftfarbe eines Eintrags im Routenplaner beim Hovern | var(--google-maps-route-planner-item-font-color) |
| google-maps-route-planner-item-hover-icon-color | Die Farbe des Icons eines Eintrags im Routenplaner beim Hovern | var(--google-maps-route-planner-item-icon-color) |
| google-maps-route-planner-item-hover-side-icon-color | Die Farbe des Positionicons eines Eintrags im Routenplaner beim Hovern | var(--google-maps-route-planner-item-side-icon-color) |
| google-maps-route-planner-item-hover-side-separator-icon-color | Die Farbe des Positiontrennicons eines Eintrags im Routenplaner beim Hovern | var(--google-maps-route-planner-item-side-separator-icon-color) |
| google-maps-route-planner-start-item-hover-side-icon-color | Die Farbe des Positionicons des Eintrags für die Startadresse im Routenplaner beim Hovern | var(--google-maps-route-planner-start-item-side-icon-color) |
| google-maps-route-planner-destination-item-hover-side-icon-color | Die Farbe des Positionicons des Eintrags für die Zieladresse im Routenplaner beim Hovern | var(--google-maps-route-planner-destination-item-side-icon-color) |
| google-maps-route-planner-item-hover-action-icon-color | Die Farbe der Eintragsaktionen im Routenplaner beim Hovern | var(--google-maps-route-planner-item-action-icon-color) |
| google-maps-new-address-icon-color | Die Farbe des Icons für neue manuelle Adresse | var(--google-maps-route-planner-item-side-icon-color) |