Das Firmenstrukturwidget ist ein Widget zum Abbilden von Firmenstrukturen.
Für dieses Widget können die Farben angepasst werden.
Achtung: Anders als an anderen Stellen innerhalb der Anwendung, verwenden die Icons, welche im Firmenstrukturwidget dargestellt werden, NICHT die Filter zum Einfärben der Icons, sondern die üblichen Farbvariablen.
Variable | Erklärung | Standard |
---|---|---|
company-structure-widget-node-icon-color | Die Farbe in der ein Icon innerhalb des Widgets dargestellt wird | var(--main-font-color) |
company-structure-widget-node-font-color | Die Schriftfarbe innerhalb eines Knotens | var(--main-font-color) |
company-structure-widget-node-icon-color-highlight | Die Farbe in der ein hervorgehobenes Icon innerhalb des Widgets dargestellt wird | var(--secondary-color) |
company-structure-widget-node-font-color-highlight | Die Schriftfarbe innerhalb eines hervorgehobenen Knotens | var(--main-color) |
company-structure-widget-edge-border-color | Die Farbe eines Pfeiles innherhalb des Widgets | var(--default-border-color) |
company-structure-widget-edge-border-color-parent-highlight | Die Farbe der Pfeile auf dem aktuellen Elternpfad | var(--secondary-color) |
company-structure-widget-edge-border-color-child-highlight | Die Farbe der Pfeile in richtung der direkten Kinder | var(--company-structure-widget-edge-border-color) |
company-structure-widget-zoom-icon-color | Die Farbe der Zoom-Icons | var(--icon-color-idle) |
company-structure-widget-zoom-icon-color-hover | Die Farbe der Zoom-Icons beim Hovern | var(--icon-color-highlight) |
company-structure-widget-zoom-icon-color-active | Die Farbe der aktiven Zoom-Icons | var(--icon-color-contrast) |
company-structure-widget-zoom-icon-color-disable | Die Farbe der deaktivierten Zoom-Icons | var(--icon-color-disable) |
company-structure-widget-zoom-border-color | Die Rahmenfarbe der Zoom-Icons | var(--default-border-color) |
company-structure-widget-zoom-border-color-hover | Die Rahmenfarbe der Zoom-Icons beim Hovern | var(--secondary-color) |
company-structure-widget-zoom-border-color-active | Die Rahmenfarbe der aktiven Zoom-Icons | var(--company-structure-widget-zoom-border-color-hover) |
company-structure-widget-zoom-border-color-disable | Die Rahmenfarbe der deaktivierten Zoom-Icons | var(--light-border-color) |
company-structure-widget-zoom-background-color | Die Hintergrundfarbe der Zoom-Icons | var(--main-background-color) |
company-structure-widget-zoom-background-color-hover | Die Hintergrundfarbe der Zoom-Icons beim Hovern | var(--company-structure-widget-zoom-background-color) |
company-structure-widget-zoom-background-color-active | Die Hintergrundfarbe der aktiven Zoom-Icons | var(--secondary-color) |
company-structure-widget-zoom-background-color-disable | Die Hintergrundfarbe der deaktivierten Zoom-Icons | var(--company-structure-widget-zoom-background-color) |
company-structure-widget-grabbed-indicator-color | Die Farbe des Bewegungsindikators | var(--secondary-color-lighter) |