update health check colours

src/Umbraco.Web.UI.Client/src/less/healthcheck.less

@@ -23,20 +23,17 @@
 	display: flex;
 	flex-wrap: wrap;
 	flex-direction: column;
-
 	background: @gray-10;
 	border-radius: 3px;
-
 	padding: 15px 10px;
 	box-sizing: border-box;
-
 	text-align: center;
 	border: 2px solid transparent;
 	height: 100%;
 }
 
 .umb-healthcheck-group:hover {
-	border: 2px solid @blue;
+	border: 2px solid @turquoise;
 	cursor: pointer;
 }
 
@@ -62,14 +59,14 @@
 
 .umb-healthcheck-message {
 	position: relative;
-	background: #fff;
+	background: @white;
     border-radius: 50px;
     display: inline-flex;
 	align-items: center;
 	padding-left: 8px;
 	padding-right: 8px;
     margin-bottom: 5px;
-    color: #000;
+    color: @black;
     font-weight: bold;
 	font-size: 13px;
 }
@@ -80,12 +77,12 @@
 }
 
 .umb-healthcheck-details-link {
-	color: @blue;
+	color: @turquoise-d1;
 }
 
 .umb-healthcheck-details-link:hover {
 	text-decoration: none;
-	color: @blue;
+	color: @turquoise-d1;
 }
 
 
@@ -100,7 +97,6 @@
 	flex: 0 0 auto;
 	flex-basis: 100%;
     max-width: 100%;
-
 	padding: 10px;
 	box-sizing: border-box;
 
@@ -129,7 +125,7 @@
 }
 
 .umb-healthcheck-group__details-group-title {
-	background-color: @blue;
+	background-color: @purple;
 	padding: 10px 20px;
 	display: flex;
 	align-items: center;
@@ -167,7 +163,7 @@
 
 .umb-healthcheck-group__details-check-description {
 	font-size: 12px;
-	color: @grayMed;
+	color: @gray-5;
 	line-height: 1.6em;
 }