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 1: / Zeile 1: @@
-<noinclude>
+{{#switch:  {{{Anw|{{{v|{{Anw}} }}} }}}
-<p>Diese Seite gibt verschieden Farbwerte für Farbnamen in Abhängigkeit der verwendeten Seite aus:</p>
+	| AV
-'''Mobile Security:'''
+	| MDM
-{|
+	| USR
-|-
+	| RSP
-|  style="width: 20% |grün || style="width: 40% | #2DCC71 ||<span style="display: inline-block; width:100px; background-color:#2DCC71;">&nbsp;</span>
+	| SPDyn
-|-
+	| SUB
-|  style="width: 20% |gelb || style="width: 40% | #F0AD4E ||<span style="display: inline-block; width:100px; background-color:#F0AD4E;">&nbsp;</span>
+	| ICS
-|-
+ 	| MS={{#switch: {{{1|}}}
-|  style="width: 20% |rot || style="width: 40% | #E74C3C ||<span style="display: inline-block; width:100px; background-color:#E74C3C;">&nbsp;</span>
+		| 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;
-'''Andere Seiten'''
+		| grau-l=rgba(0, 0, 0, 0.6);
-{|
+		}}
-|-
+	| UMA={{#switch: {{{1|}}}
-|  style="width: 20% |grün || style="width: 40% | #468847 ||<span style="display: inline-block; width:100px; background-color:#468847;">&nbsp;</span>
+		| grün=&#35;468847;
-|-
+		| rot=&#35;ec7063;
-|  style="width: 20% |gelb || style="width: 40% | #f0ad4e ||<span style="display: inline-block; width:100px; background-color:#f0ad4e;">&nbsp;</span>
+		| grau=rgb(230, 230, 230);
-|-
+		| grau-l=&#35;555555;
-|  style="width: 20% |rot || style="width: 40% | #ec7063 ||<span style="display: inline-block; width:100px; background-color:#ec7063;">&nbsp;</span>
+		| graubd=&#35;d3d3d3;
-|}
+		}}
+	| #default={{#switch: {{{1|}}}
+		| grün=&#35;468847;
-'''Standard-Werte für alle Seiten:'''
+		| rot=&#35;ec7063;
-{|
+		| grau=rgb(153, 153, 153);
-|-
+		| graubd=&#35;B6B6B6;
-|  style="width: 20% |grau || style="width: 40% | rgb(153, 153, 153) ||<span style="display: inline-block; width:100px; background-color:rgb(153, 153, 153);">&nbsp;</span>
+		| grau-l=rgba(0, 0, 0, 0.6);
-|-
+		}}
-|  style="width: 20% |dgrau || style="width: 40% | rgb(51, 51, 51) ||<span style="display: inline-block; width:100px; background-color:rgb(51, 51, 51);">&nbsp;</span>
-|-
-|  style="width: 20% |blau || style="width: 40% | rgb(58, 135, 173) ||<span style="display: inline-block; width:100px; background-color:rgb(58, 135, 173);">&nbsp;</span>
-|-
-|  style="width: 20% |rots || style="width: 40% | rgba(231,76,60, 0.7) ||<span style="display: inline-block; width:100px; background-color: rgba(231,76,60, 0.7);">&nbsp;</span>
-|}
-</noinclude>{{#switch:
-	{{#switch: v|{{#switch: {{#titleparts: {{FULLPAGENAMEE}} | 1 | 1 }}
-		| Spielwiese={{#titleparts: {{FULLPAGENAMEE}} | 1 | 2 }}
-		| #default={{#titleparts: {{FULLPAGENAMEE}} | 1 | 1 }}
-	}} }}
-	| MS={{#switch: {{{1|}}}
-		| grün=#2DCC71
-		| gelb=#F0AD4E
-		| rot= #E74C3C
-	}}
-	| #default=
-		| grün=#468847;
-		| gelb=#f0ad4e;
-		| rot=#ec7063;
 	}}
 {{#switch: {{{1|}}}
-	| grau=rgb(153, 153, 153);
 	| dgrau=rgb(51, 51, 51);
+	| hgrau=rgba(0, 0, 0, 0.05);
+	| grau-app=&#35;c1cbce;
+	| grau-s=&#35;55676d;
+	| grau-b=&#35;878a90;
 	| blau=rgb(58, 135, 173);
+	| hblau
+	| hell-blau=&#35;00bcd4;
+	| macos-blau=&#35;257bfe;
 	| rots=rgba(231,76,60,0.7);
-}}
+	| rotr=&#35;e43725;
+	| 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;
+	| 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
+	| grau
+	| grau-l
+	| graubd=
+	| #default={{{1|default;}}}
+}}<noinclude>
+{{Dokumentation}}</noinclude>