Icons & Farben

Diese Seite beschreibt gemeinsame Farb- und Icon-Kataloge, die von mehreren Custom Panels verwendet werden.

app_color

app_color ist der gemeinsame Farbkatalog für Maps und Icon-Panels. Maps nutzen den Farbnamen für Marker-Dateien, Icon-Panels nutzen den Hex-Wert für Inline-SVGs.

Wert	Name	Hex
`1`	`Green`	`#00b315`
`2`	`Red`	`#e0101a`
`3`	`Yellow`	`#facc15`
`4`	`Purple`	`#7c3aed`
`5`	`Orange`	`#f97316`
`6`	`Blue`	`#3871dc`
`7`	`Gray`	`#6B7280`
`8`	`Black`	`#000000`
`9`	`Gold`	`#ffcd38`
`0` oder Default	`Blue`	`#3871dc`

Hilfsfunktionen:

getAppColor(value);
getAppColorName(value);
getAppColorHex(value);

Icons

Panel-Icon IDs

Diese Icon IDs können in generateIcon() und als State-Override verwendet werden.

Icon ID	Beschreibung
`meal`	Mahlzeit
`drink`	Getränk
`nurse`	med. Personal
`toilet`	Toilette
`tech`	Technik
`alarm`	Alarm

Helper-Icon IDs

Diese Icon IDs werden intern für Input-Felder und Action-Buttons verwendet.

Icon ID	Beschreibung
`add`	Plus-Icon
`addMail`	Plus-Icon für Mail
`cancel`	Abbrechen
`mail`	Mail

Marker Icons

Alle Marker sind am Fileserver hochgeladen und hier abgespeichert: \Marketing\08 Bilder, Grafiken und Videos\02_Grafiken\03_Icons\Marker_Usecase

AA_Blank
BLE-Beacon
BLE-Gateway
CO
CO2
Compressed_Air
Current_Metering
Depth_Gauge
Distance
Exit_Light
Field_Tester
Fire_Detector
Fire_Extinguisher_Removal
First_Aid_Kit
Flow_Meter
Gas_Metering
Gateway
Heat_Metering
High_Temperature
Hole_Trans
Hole_White
Humidity
Indoor_Air_Quality
Interior_Climate
IO-Module
Leakage_Flooding
Legionella
Light_Bulb
Light_Exposure
Machine_Monitoring
Magnet
Motion
Mousetrap
Noise_Level_Measurement
Parking_Lot
Particulate_Matter_Measurement
People_Counting
People_In_Danger_Zone
Plug
Rain_Sensor
Rattrp
Room_Occupancy
Soil_Moisture
Temperature
Temperature_Humidity
Tracking
Virtual_Dehumidifier
Virtual_Radiant_Heater
Water_Counting
Water_Temperature
Weather
Wind_Sensor
Workplace_Occupancy