diff --git a/includes/Skins/skin.mustache b/includes/Skins/skin.mustache
index 8cd472881..a60489610 100644
--- a/includes/Skins/skin.mustache
+++ b/includes/Skins/skin.mustache
@@ -50,6 +50,10 @@
{{{headinghtml}}}
diff --git a/resources/skins.minerva.base.styles/anonTalkMessage.less b/resources/skins.minerva.base.styles/anonTalkMessage.less
new file mode 100644
index 000000000..2abfb7a67
--- /dev/null
+++ b/resources/skins.minerva.base.styles/anonTalkMessage.less
@@ -0,0 +1,18 @@
+.minerva-anon-talk-message.warningbox {
+ display: none;
+ margin-top: 16px;
+ margin-bottom: 0;
+
+ .mw-ui-icon {
+ color: #fc3;
+ }
+
+ .usermessage {
+ display: inline;
+ margin-left: 8px;
+ }
+}
+
+.ns-special .minerva-anon-talk-message {
+ display: block;
+}
diff --git a/resources/skins.minerva.base.styles/content/tablet/common.less b/resources/skins.minerva.base.styles/content/tablet/common.less
index 0bba998cc..46d5a3ee1 100644
--- a/resources/skins.minerva.base.styles/content/tablet/common.less
+++ b/resources/skins.minerva.base.styles/content/tablet/common.less
@@ -32,6 +32,7 @@ A file for css that optimises the Minerva skin on larger devices.
// FIXME: Have a class that identifies all of these selectors
.pre-content,
/* Form only pages e.g. Special:MobileOptions */
+ .minerva-anon-talk-message,
#mw-content-text > form,
.content,
.content-unstyled,
@@ -94,6 +95,7 @@ A file for css that optimises the Minerva skin on larger devices.
@media screen and ( min-width: @width-breakpoint-desktop ) {
// stylelint-disable-next-line selector-max-id
.banner-container,
+ .minerva-anon-talk-message,
.minerva-header,
.page-header-bar,
.overlay-header,
diff --git a/resources/skins.minerva.base.styles/skin.less b/resources/skins.minerva.base.styles/skin.less
index 2e691c5fd..035b546b4 100644
--- a/resources/skins.minerva.base.styles/skin.less
+++ b/resources/skins.minerva.base.styles/skin.less
@@ -2,6 +2,7 @@
@import 'ui.less';
@import 'pageactions.less';
@import 'userMenu.less';
+@import 'anonTalkMessage.less';
@import 'common.less';
@import 'footer.less';
@import 'print/styles.less';
diff --git a/resources/skins.minerva.base.styles/ui.less b/resources/skins.minerva.base.styles/ui.less
index af536b398..8b705982d 100644
--- a/resources/skins.minerva.base.styles/ui.less
+++ b/resources/skins.minerva.base.styles/ui.less
@@ -251,6 +251,7 @@ input.search {
.talk-overlay .comment .comment-content,
.image-list,
+.minerva-anon-talk-message,
.pre-content,
/* Form only pages e.g Special:MobileOptions */
#mw-content-text > form > .oo-ui-fieldLayout > .oo-ui-fieldLayout-body,
diff --git a/skin.json b/skin.json
index 9c2bc49f4..dee19f137 100644
--- a/skin.json
+++ b/skin.json
@@ -351,6 +351,12 @@
"selectorWithoutVariant": ".mw-ui-icon-wikimedia-{name}-base20:before, .mw-ui-background-icon-{name}",
"useDataURI": false,
"defaultColor": "#54595d",
+ "variants": {
+ "warning": {
+ "color": "#fc3",
+ "global": true
+ }
+ },
"class": "ResourceLoaderOOUIIconPackModule",
"icons": [
"edit",
@@ -360,6 +366,7 @@
"menu",
"search",
"userAvatar",
+ "userTalk",
"star",
"halfStar",
"unStar"