Template:Notice: Difference between revisions

Revision as of 19:59, 24 October 2024

{{{content}}}

No description.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Content	`content` `1`	no description	Content	required
Outline	`outline`	Color used for the border, including the left side color swatch. Default #36c	Unknown	optional
Background	`background`	Color used for the background of the box. Default #def	Unknown	optional
Text Color	`textcolor` `color`	Color to use for the box's text Default #000	String	optional
Outline (Dark mode)	`outline-dark`	Outline color in dark themes. For a quick fix, invert and hue-rotate the light theme by 180deg. Default #6d9eff	String	optional
Background (Dark mode)	`background-dark`	Background color in dark themes. Default #041424	String	optional
Text color (Dark mode)	`textcolor-dark`	Text color in dark themes. Default #eee	String	optional

@@ Line 1: / Line 1: @@
-<templatestyles src="Template:Notice/style.css"/><div class="noticebox" style="--border: {{{outline|#36c}}}; --background: {{{background|#def}}};color: {{{textcolor|#000}}}">
+<templatestyles src="Template:Notice/style.css"/><div class="noticebox" style="--border-light: {{{outline|#36c}}}; --background-light: {{{background|#def}}}; --text-light: {{{textcolor|#000}}}; --border-dark: {{{outline-dark|#6d9eff}}}; --background-dark: {{{background-dark|#041424}}; --text-dark: {{{textcolor-dark|#eee}}};">
 {{{1|{{{content}}}}}}
 </div><noinclude>
@@ Line 31: / Line 31: @@
 			"type": "string",
 			"default": "#000"
+		},
+		"outline-dark": {
+			"label": "Outline (Dark mode)",
+			"description": "Outline color in dark themes. For a quick fix, invert and hue-rotate the light theme by 180deg.",
+			"type": "string",
+            "default": "#6d9eff"
+		},
+		"background-dark": {
+			"label": "Background (Dark mode)",
+			"description": "Background color in dark themes.",
+			"type": "string",
+			"default": "#041424"
+		},
+		"textcolor-dark": {
+			"label": "Text color (Dark mode)",
+			"description": "Text color in dark themes.",
+			"type": "string",
+			"default": "#eee"
 		}
 	},
@@ Line 37: / Line 55: @@
 		"outline",
 		"background",
-		"textcolor"
+		"textcolor",
+		"outline-dark",
+		"background-dark",
+		"textcolor-dark"
 	],
 	"format": "inline"