feat: theme changes for nodebb/nodebb#7330

less/chats.less

@@ -515,6 +515,24 @@
 				}
 			}
 		}
+
+		li.system-message {
+			list-style-type: none;
+			text-align: center;
+			color: @gray-light;
+			font-size: 1.25rem;
+			padding: 1rem 0;
+
+			&::before, &::after {
+				display: inline-block;
+				width: 10%;
+				content: '';
+				border-top: 1px solid @gray-lighter;
+				position: relative;
+				top: -0.3rem;
+				margin: 0 2rem;
+			}
+		}
 	}
 
 	.user-typing {

templates/partials/chats/messages.tpl

@@ -1,3 +1,7 @@
 {{{each messages}}}
-<!-- IMPORT partials/chats/message.tpl -->
+	{{{ if !./system }}}
+	<!-- IMPORT partials/chats/message.tpl -->
+	{{{ else }}}
+	<!-- IMPORT partials/chats/system-message.tpl -->
+	{{{ end }}}
 {{{end}}}

templates/partials/chats/system-message.tpl

@@ -0,0 +1,3 @@
+<li component="chat/system-message" class="system-message clear" data-index="{messages.index}" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-self="{messages.self}" data-break="0" data-timestamp="{messages.timestamp}">
+	[[modules:chat.system.{messages.content}, {messages.fromUser.username}]]
+</li>