| Semantischer Token | Verwendeter Foundation-Token | Beschreibung Verwendungszweck im Pattern |
|---|---|---|
| surface-portal-header | color-darkblue | Header-Grundfläche. |
| surface-portal-header-tab | color-midblue | Fläche nicht aktiver Header-Tabs. |
| surface-portal-header-tab-active | color-light-grey | Fläche aktiver Header-Tabs. |
| text-portal-header-brand | color-font-light | Textfarbe der Brand. |
| font-size-portal-header-brand | calc(var(--font-size-brand) * 1.1) | Schriftgröße der Brand im Portal Header (10% größer als Standard-Brand). |
| text-portal-header-tab | color-font-light | Textfarbe nicht aktiver Header-Tabs. |
| text-portal-header-tab-active | color-font-dark | Textfarbe aktiver Header-Tabs. |
| Semantischer Token | Verwendeter Foundation-Token | Beschreibung Verwendungszweck im Pattern |
|---|---|---|
| surface-options-row | color-light-grey | Grundfläche der Options Row. |
| surface-options-row-control | surface-control-default | Alias auf Standard-Control-Fläche innerhalb der Options Row. |
| surface-options-row-control-selected | surface-control-active | Alias auf aktive Control-Fläche innerhalb der Options Row. |
| surface-options-row-input-clear | surface-input-clear | Alias auf Clear-Button-Fläche im Input der Options Row. |
| surface-options-row-toggle-track | surface-toggle-track | Alias auf Toggle-Track-Fläche innerhalb der Options Row. |
| surface-options-row-toggle-handle | surface-toggle-handle | Alias auf Toggle-Handle-Fläche innerhalb der Options Row. |
| surface-options-row-help-icon | surface-help-icon | Alias auf Help-Icon-Fläche innerhalb der Options Row. |
| surface-options-row-help-panel | surface-help-panel | Alias auf Help-Panel-Fläche innerhalb der Options Row. |
| divider-options-row-mobile | color-white | Trennerfarbe zwischen Segmenten im mobilen Layout der Options Row. |
| text-options-row-default | text-control-default | Alias auf Standard-Textfarbe für Controls in der Options Row. |
| text-options-row-placeholder | text-control-disabled | Alias auf Placeholder-/Disabled-Textfarbe in der Options Row. |
| text-options-row-help-icon | color-font-light | Textfarbe im Help-Icon der Options Row. |
| text-options-row-help-panel | text-help-panel | Alias auf Help-Panel-Textfarbe der Options Row. |
| text-options-row-description | color-font-light | Textfarbe der beschreibenden Hinweistexte oberhalb der Options Row. |
| Semantischer Token | Verwendeter Foundation-Token | Beschreibung Verwendungszweck im Pattern |
|---|---|---|
| surface-object-card-lower-segment | color-white | Hintergrundfläche der unteren zwei Segmente der Object Card. |
| Semantischer Token | Verwendeter Foundation-Token | Beschreibung Verwendungszweck im Pattern |
|---|---|---|
| surface-navigation-card | color-white | Grundfläche der Navigation Card. |
| surface-navigation-card-body | color-white | Fläche im Body-Segment der Navigation Card. |
| Semantischer Token | Verwendeter Foundation-Token | Beschreibung Verwendungszweck im Pattern |
|---|---|---|
| surface-content-block-card-title | color-light-grey | Hintergrundfläche des oberen Titel-Segments der Inhaltsblock-Karte. |
| surface-content-block-card-content | color-white | Hintergrundfläche des unteren Inhalts-Segments der Inhaltsblock-Karte. |
| text-content-block-card-title | color-font-dark | Textfarbe im Titel-Segment der Inhaltsblock-Karte. |
| text-content-block-card-content | color-font-dark | Textfarbe im Inhalts-Segment der Inhaltsblock-Karte. |
| surface-card-list-drawer | color-background-purple | Fläche des ausziehbaren Card-Listenbereichs. |
| text-card-list-drawer | color-font-dark | Textfarbe im ausziehbaren Card-Listenbereich. |