KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 12: | Zeile 12: | ||
| grün=#468847; | | grün=#468847; | ||
| rot=#ec7063; | | rot=#ec7063; | ||
| grau= | | grau=rgb(230, 230, 230); | ||
| grau-l=#555555; | | grau-l=#555555; | ||
| graubd=#d3d3d3; | | graubd=#d3d3d3; | ||
Version vom 4. Juli 2019, 09:14 Uhr
default;
Syntax: {{ Farbe | Farb-Parameter }}
Diese Seite gibt verschiedene Farbwerte für Farbnamen in Abhängigkeit der verwendeten Seite aus:
Liefert z.B. für : {{ Farbe | dgrau }} den Wert rgb(51, 51, 51);
Neu Die Parameter-Werte dienen jetzt auch als Klassen-Namen
- bc__xyz → class="bc__gelb" → .bc__gelb { background-color: #f0ad4e; }
- font-color__xyz → class="font-color__gelb" → .font-color__gelb { color: #f0ad4e; }
- border-color__xyz → class="border-color__gelb" → .border-color__gelb { border-color: #f0ad4e; }
Für rot, grün und grau wird zusätzlich eine Klasse für die Appliance (in Großbuchstaben: UTM, UMA oder MS) benötigt:
- class="UTM bc__rot" → .UTM.bc__rot, .UMA.bc__rot { background-color: #ec7063;}
| Anwendung | Farb-Parameter | Rückgabewert (mit ; ) | Farbe | Verwendung |
|---|---|---|---|---|
| Mobile Security / MDM | grün | #2DCC71; | eingeloggt | |
| rot | #E74C3C; | ausgeolggt, Schaltflächen | ||
| grau | #cccccc; | Schaltflächen AV | ||
| graubd | #b2b2b2; | Graue Ränder in AV-Schaltflächen | ||
| grau-l | rgba(0, 0, 0, 0.6); | Graue Schrift | ||
| UMA | grün | #468847; | ||
| rot | #ec7063; | |||
| grau | #555555; | Schaltflächen UMA | ||
| graubd | #d3d3d3; | Graue Ränder in | ||
| grau-l | rgba(0, 0, 0, 0.6); | Graue Schrift | ||
| UTM | grün | #468847; | Aktiviert, positiv | |
| rot | #ec7063; | Fehler, gesperrt, Warnung | ||
| grau | rgb(153, 153, 153); | Schaltflächen UTM | ||
| graubd | #B6B6B6; | Graue Ränder in UTM-Eingabefeldern | ||
| grau-l | rgba(0, 0, 0, 0.6); | Graue Schrift | ||
| Standard-Werte für alle Seiten: | dgrau | rgb(51, 51, 51); | Log-Einträge UTM, Sehr ähnlich: Dunkel-graue Schrift in grauen Schaltflächen AV (rgba(0,0,0, 0.8) | |
| hgrau | rgba(0, 0, 0, 0.05); | Status-Meldungen | ||
| grau-app | #c1cbce; | Graue Balken in der Android-App | ||
| grau-s | #55676d; | Graue Schrift in Android-App | ||
| grau-b | #878a90; | Graue Buttons in Android-App | ||
| ddgrau | #484c53; | Graue Ränder | ||
| blau | rgb(58, 135, 173); | Zonen, Bereiche | ||
| hblau hell-blau | #00bcd4; | Geblockte Anfragen | ||
| macos-blau | #257bfe; | Schaltflächen in MacOS | ||
| b | rgb(2,100,130); | |||
| rots | rgba(231,76,60, 0.7); | Symbole in rot | ||
| rotr | #e43725; | verwendet für Border von Schaltflächen | ||
| rotbd | #d62c1a; | verwendet für Border von Hinweisen | ||
| rot-cb | #ef8b80; | verwendet für Border von Clickboxen | ||
| rotaus | #B94A48; | verwendet für deaktivierte Buttons in UTM | ||
| r | #d71e0b | verwendet | ||
| orange | #ff5722; | verwendet für Warnungen in Statistik | ||
| white-l | rgba(255, 255, 255, 0.9); | verwendet für Schrift in Hinweisen | ||
| white-lbd | rgba(255, 255, 255, 0.1); | verwendet für weiße Ränder | ||
| gelb | #f0ad4e; | Achtung, unbekannt | ||
| gelbbd | #ec971f; | Border gelbe Felder | ||
| g | rgb(255,200,0); | |||
| grünbd | #24a25a; | Border grüne Felder | ||
| gr | rgb(2,90,0); |
|
|