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 2: / Zeile 2: @@
 	| AV
 	| MDM
-	| MS={{#switch: {{{1|}}}
+	| USR
-		| grün=#2DCC71;
+	| 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! -->
 		| rot= rgb(231,76,60); <!-- #E74C3C; -->
+		| grau=&#35;cccccc;
+		| graubd=&#35;B2B2B2;
+		| grau-l=rgba(0, 0, 0, 0.6);
+		}}
+	| UMA={{#switch: {{{1|}}}
+		| grün=&#35;468847;
+		| rot=&#35;ec7063;
+		| grau=rgb(230, 230, 230);
+		| grau-l=&#35;555555;
+		| graubd=&#35;d3d3d3;
 		}}
 	| #default={{#switch: {{{1|}}}
-		| grün=#468847;
+		| grün=&#35;468847;
-		| rot=#ec7063;
+		| rot=&#35;ec7063;
+		| grau=rgb(153, 153, 153);
+		| graubd=&#35;B6B6B6;
+		| grau-l=rgba(0, 0, 0, 0.6);
 		}}
 	}}
 {{#switch: {{{1|}}}
-	| grau=rgb(153, 153, 153);
 	| dgrau=rgb(51, 51, 51);
 	| hgrau=rgba(0, 0, 0, 0.05);
-	| grau-app=#c1cbce;
+	| grau-app=&#35;c1cbce;
-	| grau-s=#55676d;
+	| grau-s=&#35;55676d;
-	| grau-b=#878a90;
+	| grau-b=&#35;878a90;
-	| graubd=#B6B6B6;
 	| blau=rgb(58, 135, 173);
 	| hblau
-	| hell-blau=#00bcd4;
+	| hell-blau=&#35;00bcd4;
-	| macos-blau=#257bfe;
+	| macos-blau=&#35;257bfe;
 	| rots=rgba(231,76,60,0.7);
-	| rotr=#e43725;
+	| rotr=&#35;e43725;
 	| rotbd=rgb(214,44,26); <!-- #d62c1a; -->
-	| rot-cb=#ef8b80;
+	| rot-cb=&#35;ef8b80;
-	| orange=#ff5722;
+	| 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 -->
-	| grau-l=rgba(0, 0, 0, 0.6);
+	| white-lbd=rgba(255, 255, 255, 0.1); <!-- White Border -->
 	| grey-l=rgba(0, 0, 0, 0.6);
-	| gelb=#F0AD4E;
+	| ddgrau
-	| gelbbd=#ec971f;
+	| grey-d=#484c53;
+	| gelb=&#35;F0AD4E;
+	| gelbbd=&#35;ec971f;
+	| grünbd=&#35;24a25a;
 	| rot			<!-- rot und grün wurden bereits oben definiert und dürfen hier nicht zusätzlich als default mit sich selbst belegt werden -->
-	| grün=
+	| grün
+	| grau
+	| grau-l
+	| graubd=
 	| #default={{{1|default;}}}
 }}<noinclude>
 {{Dokumentation}}</noinclude>