create color-primary-action-contrast class

packages/rocketchat-livechat/app/client/views/messages.html

@@ -25,7 +25,7 @@
 				{{/each}}
 			</ul>
 		</div>
-		<div class="new-message background-primary-action-color not">
+		<div class="new-message background-primary-action-color color-primary-action-contrast not">
 			<span>{{_ "New_messages"}}</span>
 		</div>
 

packages/rocketchat-theme/server/colors.less

@@ -155,6 +155,11 @@
 	background-color: @transparent-lightest;
 }
 
+// Derivative Colors
+.color-primary-action-contrast {
+	color: @primary-action-contrast;
+}
+
 /** ----------------------------------------------------------------------------
  * Special components
  */
@@ -421,9 +426,6 @@ a:hover {
 /** ----------------------------------------------------------------------------
  * Room components
  */
-.new-message {
-	color: @primary-action-contrast;
-}
 
 .toggle-favorite {
 	color: @component-color;
@@ -596,10 +598,6 @@ a:hover {
 		color: contrast(@success-color, #000000, #ffffff, 50%);
 	}
 
-	.unread-rooms {
-		color: @primary-action-contrast;
-	}
-
 	.button {
 		.buttonColors(@tertiary-font-color, mix(@primary-action-color, @primary-background-color));
 	}

packages/rocketchat-ui-sidenav/side-nav/sideNav.html

@@ -4,7 +4,7 @@
 			{{> accountBox }}
 		</header>
 		{{#if currentUser}}
-			<div class="unread-rooms background-primary-action-color top-unread-rooms hidden">
+			<div class="unread-rooms background-primary-action-color color-primary-action-contrast top-unread-rooms hidden">
 				{{_ "More_unreads"}} <i class="icon-up-big"></i>
 			</div>
 			<div class="rooms-list" aria-label="{{_ "Channels"}}" role="region">
@@ -24,7 +24,7 @@
 					{{/if}}
 				</div>
 			</div>
-			<div class="unread-rooms background-primary-action-color bottom-unread-rooms hidden">
+			<div class="unread-rooms background-primary-action-color color-primary-action-contrast bottom-unread-rooms hidden">
 				{{_ "More_unreads"}} <i class="icon-down-big"></i>
 			</div>
 			<div class="flex-nav primary-background-color animated-hidden">

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

@@ -64,7 +64,7 @@
 			</div>
 			<div class="messages-box {{#if selectable}}selectable{{/if}} {{viewMode}}">
 				<div class="ticks-bar"></div>
-				<button class="new-message background-primary-action-color not">
+				<button class="new-message background-primary-action-color color-primary-action-contrast not">
 					<i class="icon-down-big"></i>
 					{{_ "New_messages"}}
 				</button>