Vorlage:Farbe: Unterschied zwischen den Versionen

Aktuelle Version vom 10. November 2020, 12:32 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 ; )	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);

Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [ Bearbeiten].
Syntax-Beispiel befindet sich auf der Syntaxseite [Bearbeiten].
Test-/Beispielseite erstellen.
Liste der Unterseiten.

@@ Zeile 3: / Zeile 3: @@
 	| MDM
 	| USR
+	| RSP
+	| SPDyn
+	| SUB
+	| ICS
   	| MS={{#switch: {{{1|}}}
 		| grün=&#35;2DCC71;	<!-- Farben, die in diesem Abschnitt definiert werden, müssen am Ende noch mal behandelt werden, damit sie nicht einen doppelten Eintrag erhalten! -->
@@ Zeile 39: / Zeile 43: @@
 	| rotbd=rgb(214,44,26); <!-- #d62c1a; -->
 	| rot-cb=&#35;ef8b80;
+	| rotaus=&#35;B94A48;
 	| r=rgb(215,30,11);
+	| gr=rgb(2,90,0);
+	| b=rgb(2,100,130);
+	| g=rgb(255,200,0);
 	| orange=&#35;ff5722;
 	| white-l=rgba(255, 255, 255, 0.9); <!-- White Letter -->
+	| white-lbd=rgba(255, 255, 255, 0.1); <!-- White Border -->
 	| grey-l=rgba(0, 0, 0, 0.6);
+	| ddgrau
+	| grey-d=#484c53;
 	| gelb=&#35;F0AD4E;
 	| gelbbd=&#35;ec971f;
@@ Zeile 49: / Zeile 60: @@
 	| grün
 	| grau
+	| grau-l
 	| graubd=
 	| #default={{{1|default;}}}
 }}<noinclude>
 {{Dokumentation}}</noinclude>