Template:Msgbox: Difference between revisions
No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
| Line 268: | Line 268: | ||
== See also == | == See also == | ||
* [[Rollerskating Wiki:Guidelines]] | * [[Rollerskating Wiki:Contributing Guidelines]] | ||
* [[Rollerskating Wiki:Contributing]] | * [[Rollerskating Wiki:Contributing]] | ||
* [https://doc.wikimedia.org/codex/latest/design-tokens/ Codex Design Tokens documentation] | * [https://doc.wikimedia.org/codex/latest/design-tokens/ Codex Design Tokens documentation] | ||
Revision as of 02:14, 25 March 2026
{{Msgbox}} is the base template for article message boxes. It uses Codex design tokens for automatic light/dark theme support across Vector 2022, Minerva (mobile), MonoBook, and Timeless.
Basic usage
Simple (issue + fix)
{{Msgbox
|icon=ℹ️
|issue='''Describe the problem.'''
|fix=Describe what the editor should do.
}}
Renders as:
Rich text (text parameter)
Use text instead of issue/fix when you need lists, multiple paragraphs, or any complex wikitext:
{{Msgbox
|icon=⚠️
|accent=var(--border-color-warning, #edab00)
|bg=var(--background-color-warning-subtle, #fef6e7)
|text='''This article has multiple issues.''' Please help [[Rollerskating Wiki:Contributing|improve it]] or discuss these issues on the [[{{TALKPAGENAME}}|talk page]].
* This article '''may contain original research.'''
* This article '''needs additional citations''' for verification.
}}
Renders as:
- This article may contain original research.
- This article needs additional citations for verification.
Parameters
| Parameter | Required | Description |
|---|---|---|
text |
No | Freeform rich content. Overrides issue and fix when provided. Supports any wikitext: bold, links, lists, multiple paragraphs.
|
issue or 1 |
No | Problem statement (add '''bold''' in calling templates). Used when text is not provided.
|
fix or 2 |
No | What should be done to fix it. Appended after issue. Used when text is not provided.
|
icon |
No | Emoji or image shown to the left of the text. Default: none. |
accent |
No | Left border color (CSS value or Codex token). Default: progressive blue. |
bg |
No | Background color. Default: neutral subtle. |
border |
No | Outer border color. Default: base. |
Types
There are no hardcoded types. Instead, pass Codex tokens to accent and bg to get different styles. The recommended combinations are shown below.
Notice (default)
For general informational messages, stubs, and neutral notices. This is the default when no accent or bg is specified.
{{Msgbox|icon=ℹ️|issue='''This is a notice.''' |fix=No action needed.}}
Warning (content and style issues)
For content quality problems: missing citations, original research, POV, cleanup, tone.
{{Msgbox
|icon=⚠️
|accent=var(--border-color-warning, #edab00)
|bg=var(--background-color-warning-subtle, #fef6e7)
|issue='''This article needs additional citations.'''
|fix=Please help improve it by adding reliable sources.
}}
Error (deletion)
For deletion proposals, speedy deletion, and serious policy violations.
{{Msgbox
|icon=❌
|accent=var(--border-color-error, #d33)
|bg=var(--background-color-error-subtle, #fee7e6)
|issue='''This article has been proposed for deletion.'''
|fix=Discuss on the talk page.
}}
Success (resolved)
For resolved issues, completed reviews, or positive status.
{{Msgbox
|icon=✅
|accent=var(--border-color-success, #14866d)
|bg=var(--background-color-success-subtle, #ecfcf4)
|issue='''This issue has been resolved.'''
|fix=You may remove this notice.
}}
Progressive (merge and move)
For merge proposals, split proposals, and move discussions.
{{Msgbox
|icon=🔀
|accent=var(--border-color-progressive, #36c)
|bg=var(--background-color-progressive-subtle, #eaf3ff)
|issue='''It has been suggested that this article be merged.'''
|fix=Discuss on the talk page.
}}
Neutral (protection and info)
For page protection notices and other low-priority information.
{{Msgbox
|icon=🔒
|accent=var(--border-color-base, #a2a9b1)
|bg=var(--background-color-neutral-subtle, #f8f9fa)
|issue='''This article is semi-protected.'''
|fix=Only autoconfirmed users may edit.
}}
Codex design tokens reference
All tokens adapt automatically to light and dark mode in Vector 2022 and Minerva.
Border colors
| Token | Light value | Use for |
|---|---|---|
var(--border-color-progressive, #36c) |
#36c | Notice, info, merge |
var(--border-color-warning, #edab00) |
#edab00 | Content/style issues |
var(--border-color-error, #d33) |
#d33 | Deletion, speedy |
var(--border-color-success, #14866d) |
#14866d | Resolved, good |
var(--border-color-base, #a2a9b1) |
#a2a9b1 | Neutral, protection |
Background colors
| Token | Light value | Use for |
|---|---|---|
var(--background-color-progressive-subtle, #eaf3ff) |
#eaf3ff | Notice, merge |
var(--background-color-warning-subtle, #fef6e7) |
#fef6e7 | Content/style issues |
var(--background-color-error-subtle, #fee7e6) |
#fee7e6 | Deletion |
var(--background-color-success-subtle, #ecfcf4) |
#ecfcf4 | Resolved |
var(--background-color-neutral-subtle, #f8f9fa) |
#f8f9fa | Default/neutral |
Text colors
| Token | Description |
|---|---|
var(--color-base, #202122) |
Primary text color |
var(--color-subtle, #54595d) |
Secondary/muted text |
var(--color-progressive, #36c) |
Link/action color |
Shortcut templates
These templates wrap {{Msgbox}} with preset styles and icons:
| Template | Icon | Style | Usage |
|---|---|---|---|
{{Stub}} |
📝 | Notice (blue) | Article is too short |
{{Citation needed}} |
📚 | Warning (orange) | Needs sources |
{{Cleanup}} |
🧹 | Warning (orange) | Formatting/quality issues |
{{Original research}} |
⚠️ | Warning (orange) | Unverified claims |
{{Under construction}} |
🚧 | Notice (blue) | Work in progress |
{{Merge}} |
🔀 | Progressive (blue) | Merge proposal |
{{Delete}} |
❌ | Error (red) | Deletion proposal |
{{Fact checked}} |
✅ | Success (green) | Verified content |
{{Unverified}} |
🔍 | Warning (orange) | Not yet fact-checked |
See also
A message box for article notices, warnings, and maintenance tags. Supports both simple (issue/fix) and freeform (text) modes. Uses Codex design tokens for automatic light/dark theme support.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Icon | icon | Emoji or image shown to the left of the text.
| String | optional |
| Text | text | Freeform rich content. Overrides issue and fix when provided. Supports any wikitext: bold, links, lists, paragraphs. | Content | optional |
| Issue | issue 1 | Short problem statement. Used when text is not provided. | Content | optional |
| Fix | fix 2 | What should be done to fix the issue. Appended after issue. Used when text is not provided. | Content | optional |
| Accent color | accent | Left border color. Use a Codex design token for automatic dark mode support.
| String | optional |
| Background color | bg | Background color. Use a Codex design token for automatic dark mode support.
| String | optional |
| Border color | border | Outer border color.
| String | optional |