create background-pending-background class

packages/rocketchat-push-notifications/client/views/pushNotificationsFlexTab.html

@@ -68,7 +68,7 @@
 					</li>
 					{{#unless emailVerified}}
 					<li>
-						<div class="alert alert-warning">
+						<div class="alert alert-warning background-pending-background">
 							{{_ "You_wont_receive_email_notifications_because_you_have_not_verified_your_email"}}
 						</div>
 					</li>

packages/rocketchat-theme/client/imports/base.less

@@ -4209,7 +4209,7 @@ body:not(.is-cordova) {
 	flex-flow: row nowrap;
 	width: 100%;
 	padding: 12px;
-	border-width: 1px;
+	border: 0;
 	.transition(background-color .15s ease-out, border-color .15s ease-out);
 
 	&:first-child {

packages/rocketchat-theme/server/colors.less

@@ -85,6 +85,10 @@
 	color: @pending-color;
 }
 
+.background-pending-background {
+	background-color: @pending-background;
+}
+
 .error-color {
 	color: @pending-color;
 }
@@ -127,6 +131,10 @@
 	border-color: @error-border;
 }
 
+.color-error-contrast {
+	color: @error-contrast;
+}
+
 // transparent
 
 .background-transparent-darkest {
@@ -251,7 +259,6 @@
 	}
 
 	.settings-alert {
-		background-color: @pending-background;
 		border-color: @pending-border;
 	}
 }
@@ -338,12 +345,6 @@ a:hover {
 		background-color: #444444;
 		color: white;
 	}
-
-	.section-content {
-		.reset-setting i {
-			color: @error-contrast;
-		}
-	}
 }
 
 .page-list,
@@ -852,7 +853,6 @@ i.status-offline {
 
 .alert-warning {
 	color: darken(@pending-color, 25%);
-	background-color: @pending-background;
 	border-color: @pending-border;
 }
 
@@ -866,7 +866,6 @@ label.required::after {
 
 .burger .unread-burger-alert {
 	background-color: @error-color;
-	color: @error-contrast;
 }
 
 /** ----------------------------------------------------------------------------

packages/rocketchat-ui-admin/admin/admin.html

@@ -191,13 +191,13 @@
 												<div class="settings-description">{{{RocketChatMarkdown description}}}</div>
 											{{/if}}
 											{{#if alert}}
-												<div class="settings-alert pending-color"><i class="icon-attention secondary-font-color"></i>{{{_ alert}}}</div>
+												<div class="settings-alert pending-color background-pending-background"><i class="icon-attention secondary-font-color"></i>{{{_ alert}}}</div>
 											{{/if}}
 										</div>
 										{{#unless $eq group._id 'Assets'}}
 											{{#unless isDefaultValue _id}}
 												<button text="{{_ 'Reset'}}" data-setting="{{_id}}" class="reset-setting button danger">
-													<i class="icon-ccw secondary-font-color"></i>
+													<i class="icon-ccw secondary-font-color color-error-contrast"></i>
 												</button>
 											{{/unless}}
 										{{/unless}}

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

@@ -4,7 +4,7 @@
 		<i></i>
 		<i></i>
 		{{#if unread}}
-			<div class="unread-burger-alert">
+			<div class="unread-burger-alert color-error-contrast">
 				{{unread}}
 			</div>
 		{{/if}}