Vorschau
Es können Anpassungen für generelle Farben innherhalb der Vorschau gemacht werden.
| Variable |
Erklärung |
Standard |
| record-preview-action-icon-color |
Die Farbe eines Aktionsicons innerhalb einer Vorschau |
invert(73%) sepia(8%) saturate(0%) hue-rotate(189deg) brightness(81%) contrast(84%) |
| record-preview-action-hover-icon-color |
Die Farbe eines Aktionsicons innerhalb einer Vorschau beim Hovern |
var(--icon-color-highlight) |
| record-preview-label-font-color |
Die Schriftfarbe des Labels in der Vorschau |
var(--label-font-color) |
| record-preview-icon-label-color |
Die Farbe eines Icons, welches als Label innerhalb der Vorschau verwendet wird |
var(--icon-color-idle) |
| record-preview-text-style-title-color |
Die Schriftfarbe von als Maskentitel formatierten Steuerelementen in der Vorschau |
var(--title-control-font-color) |
| record-preview-group-title-font-color |
Die Schriftfarbe von gruppen-ähnlichen Überschriften in z.B. HTML-Steuerelement oder Anhangssteuerelement |
var(--group-headline-color-4) |
Auch die Steuerelemente der Vorschau können angepasst werden.
Bild
| Variable |
Erklärung |
Standard |
| record-preview-icon-color |
Die Farbe des Icons, welches im Bild-Steuerelement der Vorschau angezeigt wird |
var(--title-control-icon-color) |
Datum-Zeit
| Variable |
Erklärung |
Standard |
| record-preview-recurrence-info-color |
Die Schriftfarbe der Wiederholinformation innerhalb einer Vorschau |
#c0c0c0 |
Anhänge
| Variable |
Erklärung |
Standard |
| record-preview-attachment-control-attachment-item-background-color |
Die Hintergrundfarbe eines Anhangs im Anhangsteuerelement der Vorschau |
var(--attachment-control-non-compact-attachment-item-background-color) |
| record-preview-attachment-control-attachment-item-font-color |
Die Schriftfarbe eines Anhangs im Anhangsteuerelement der Vorschau |
var(--attachment-control-non-compact-attachment-item-font-color) |
| record-preview-attachment-control-attachment-item-background-color-hover |
Die Hintergrundfarbe eines Anhangs im Anhangsteuerelement der Vorschau beim hovern |
var(--attachment-control-non-compact-attachment-item-background-color-hover) |
| record-preview-attachment-control-attachment-item-font-color-hover |
Die Schriftfarbe eines Anhangs im Anhangsteuerelement der Vorschau beim hovern |
var(--attachment-control-non-compact-attachment-item-font-color-hover) |
| record-preview-attachment-control-attachment-item-background-color-active |
Die Hintergrundfarbe eines aktiven Anhangs im Anhangsteuerelement der Vorschau |
var(--attachment-control-non-compact-attachment-item-background-color-active) |
| record-preview-attachment-control-attachment-item-font-color-active |
Die Schriftfarbe eines aktiven Anhangs im Anhangsteuerelement der Vorschau |
var(--attachment-control-non-compact-attachment-item-font-color-active) |
| record-preview-attachment-control-no-data-font-color |
Die Schriftfarbe des Leertexts innerhalb eines Anhangsteuerelements in der Vorschau |
var(--secondary-font-color) |
Memo und HTML
Das Memo- und das HTML-Steuerelement verfügen über gemeinsame Designeigenschaften.
| Variable |
Erklärung |
Standard |
| record-preview-large-input-border-color |
Die Rahmenfarbe Mehrzeiliger Steuerelemente in der Preview |
transparent |
| record-preview-large-input-border-top-color |
Die obere Rahmenfarbe Mehrzeiliger Steuerelemente in der Preview |
record-preview-large-input-border-color |
| record-preview-large-input-border-left-color |
Die linke Rahmenfarbe Mehrzeiliger Steuerelemente in der Preview |
record-preview-large-input-border-color |
| record-preview-large-input-border-bottom-color |
Die untere Rahmenfarbe Mehrzeiliger Steuerelemente in der Preview |
record-preview-large-input-border-color |
| record-preview-large-input-border-right-color |
Die rechte Rahmenfarbe Mehrzeiliger Steuerelemente in der Preview |
record-preview-large-input-border-color |
