diff --git a/xwiki-platform-core/xwiki-platform-flamingo/xwiki-platform-flamingo-skin/xwiki-platform-flamingo-skin-resources/src/main/resources/flamingo/less/messages.less b/xwiki-platform-core/xwiki-platform-flamingo/xwiki-platform-flamingo-skin/xwiki-platform-flamingo-skin-resources/src/main/resources/flamingo/less/messages.less
index 72725e49e180..b32151f90d26 100644
--- a/xwiki-platform-core/xwiki-platform-flamingo/xwiki-platform-flamingo-skin/xwiki-platform-flamingo-skin-resources/src/main/resources/flamingo/less/messages.less
+++ b/xwiki-platform-core/xwiki-platform-flamingo/xwiki-platform-flamingo-skin/xwiki-platform-flamingo-skin-resources/src/main/resources/flamingo/less/messages.less
@@ -2,10 +2,49 @@
// Messages
// --------------------------------------------------
-.successmessage, .errormessage, .warningmessage, .infomessage,
-span.successmessage, span.errormessage, span.warningmessage, span.infomessage,
-span.box { // Used by: Inline boxes and messages
- padding: floor(@font-size-base * 0.2);
+// Used by: Inline boxes
+span.successmessage, span.errormessage, span.warningmessage, span.infomessage {
+ padding: 0 floor(@font-size-base * 0.2);
+ border: none;
+ box-shadow: none;
+ & > img {
+ // Style the silk icons
+ margin: 0 .6rem 0 .2rem;
+ vertical-align: sub;
+ }
+
+ & > span.fa {
+ // Style the font awesome icons
+ margin: 0 .6rem 0 .2rem;
+ }
+}
+
+// Used by: message boxes
+div.successmessage, div.errormessage, div.warningmessage, div.infomessage {
+ display: flex;
+ gap: 2rem;
+ justify-content: left;
+ align-items: baseline;
+ padding: 2rem;
+ border: none;
+ border-left: 4px solid;
+ box-shadow: none;
+
+ & > img {
+ // Improve alignment for silk icons
+ align-self: flex-start;
+ }
+
+ & > div > .box-title,
+ & > div > .xwiki-metadata-container[data-xwiki-parameter-name="title"] {
+ font-weight: bold;
+ }
+
+ // Main message content
+ & > div > p,
+ & > div > [data-cke-display-name="$content"] {
+ margin: 0;
+ }
}
.box, .plainmessage, // Used by: Code Macro, Success Macro, etc.
@@ -28,21 +67,25 @@ fieldset.xwikimessage { // Used by: Login form, Delete messages
.successmessage {
.alert-success;
background-color: @state-success-bg;
+ border-color: @brand-success;
}
.errormessage {
.alert-danger;
background-color: @state-danger-bg;
+ border-color: @brand-danger;
}
.warningmessage {
.alert-warning;
background-color: @state-warning-bg;
+ border-color: @brand-warning;
}
.infomessage {
.alert-info;
background-color: @state-info-bg;
+ border-color: @brand-primary;
}
// --------------------------------------------------
diff --git a/xwiki-platform-core/xwiki-platform-icon/xwiki-platform-icon-fontawesome/src/main/resources/IconThemes/FontAwesome.xml b/xwiki-platform-core/xwiki-platform-icon/xwiki-platform-icon-fontawesome/src/main/resources/IconThemes/FontAwesome.xml
index f12f51c8a704..184c414827dc 100644
--- a/xwiki-platform-core/xwiki-platform-icon/xwiki-platform-icon-fontawesome/src/main/resources/IconThemes/FontAwesome.xml
+++ b/xwiki-platform-core/xwiki-platform-icon/xwiki-platform-icon-fontawesome/src/main/resources/IconThemes/FontAwesome.xml
@@ -288,7 +288,8 @@ disk = floppy-o
drink = glass
drive = hdd-o
email = envelope-o
-emoticon_smile=smile-o
+emoticon_smile= smile-o
+emoticon_unhappy = frown-o
error = exclamation-triangle
exclamation = exclamation-circle
eye = eye
diff --git a/xwiki-platform-core/xwiki-platform-rendering/xwiki-platform-rendering-xwiki/pom.xml b/xwiki-platform-core/xwiki-platform-rendering/xwiki-platform-rendering-xwiki/pom.xml
index 628faf61249c..6eca438898a3 100644
--- a/xwiki-platform-core/xwiki-platform-rendering/xwiki-platform-rendering-xwiki/pom.xml
+++ b/xwiki-platform-core/xwiki-platform-rendering/xwiki-platform-rendering-xwiki/pom.xml
@@ -108,6 +108,16 @@
org.apache.httpcomponents
httpclient
+
+ org.xwiki.platform
+ xwiki-platform-icon-api
+ ${project.version}
+
+
+ org.xwiki.platform
+ xwiki-platform-localization-api
+ ${project.version}
+