create border-component-color class

packages/rocketchat-theme/server/colors.less

@@ -6,6 +6,10 @@
 	color: @primary-font-color;
 }
 
+.border-component-color {
+	border-color: @component-color;
+}
+
 /** ----------------------------------------------------------------------------
  * Derivative colours (fixed variants of inherited variables)
  */
@@ -62,11 +66,11 @@
 	}
 }
 
-body {
-	* {
-		border-color: @component-color;
-	}
-}
+// body {
+// 	* {
+// 		border-color: @component-color;
+// 	}
+// }
 
 code {
 	background-color: @code-background-color;

packages/rocketchat-ui-message/message/messageBox.html

@@ -3,7 +3,7 @@
 		<form class="message-form" method="post" action="/">
 			{{> messagePopupConfig getPopupConfig}}
 			{{#if allowedToSend}}
-			<div class="message-input">
+			<div class="message-input border-component-color">
 				<div class="input-message-container">
 					<textarea dir="auto" name="msg" maxlength="{{maxMessageLength}}" class="input-message autogrow-short" placeholder="{{_ 'Message'}}"></textarea>
 

packages/rocketchat-ui/views/app/room.html

@@ -5,7 +5,7 @@
 				{{_ "Drop_to_upload_file"}}
 			</div>
 		</div>
-		<section class="messages-container {{adminClass}}" id="{{windowId}}" aria-label="{{_ "Channel"}}">
+		<section class="messages-container border-component-color {{adminClass}}" id="{{windowId}}" aria-label="{{_ "Channel"}}">
 			{{#unless embeddedVersion}}
 			<header class="fixed-title">
 				{{> burger}}
@@ -102,7 +102,7 @@
 					</ul>
 				</div>
 			</div>
-			<footer class="footer">
+			<footer class="footer border-component-color">
 				{{> messageBox}}
 			</footer>
 		</section>