email alert styling

services/web/app/views/project/list/notifications.pug

@@ -33,7 +33,7 @@ if hasFeature('v2-banner')
 		)
 			.row
 				.col-xs-12
-					.alert.alert-danger
+					.alert.alert-email
 						.notification_inner
 							| Please confirm your email {{userEmail.email}} by clicking on the link in the confirmation email 
 							a(

services/web/public/stylesheets/components/alerts.less

@@ -74,4 +74,12 @@
   .btn {
     text-decoration: none;
   }
+}
+
+.alert-email {
+  .alert-variant(@alert-email-bg; @alert-email-border; @alert-email-text);
+
+  a {
+    color: @link-color;
+  }
 }

services/web/public/stylesheets/core/_common-variables.less

@@ -586,6 +586,9 @@
 @alert-danger-text:           @state-danger-text;
 @alert-danger-border:         @state-danger-border;
 
+@alert-email-bg      : white;
+@alert-email-text    : #FFF;
+@alert-email-border  : @red;
 
 //== Progress bars
 //

services/web/public/stylesheets/core/ol-variables.less

@@ -108,6 +108,9 @@
 @alert-danger-text   : #FFF;
 @alert-danger-border : transparent;
 
+@alert-email-bg      : #FFF;
+@alert-email-text    : @ol-type-color;
+@alert-email-border  : @ol-green;
 
 // Tags
 @tag-border-radius       : 9999px;