UI: Change GPG Validation colors and remove inline CSS; fixes #5404 (#5896)

Author: EpicCoder

public/css/index.css

@@ -275,6 +275,18 @@ pre, code {
         text-align: center;
     }
 
+    &.bottom.attached.message {
+        font-weight: bold;
+        text-align: left;
+        color: black;
+        .pull-right {
+            color: black;
+        }
+        &>span, .pull-right>span{
+            color:#21ba45;
+        }
+    }
+
     .header > i + .content {
         padding-left: 0.75rem;
         vertical-align: middle;

public/css/theme-arc-green.css

@@ -568,9 +568,12 @@
  .ui.attached.info.message, .ui.info.message {
      box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent;
 }
- .ui.positive.message {
+ .ui.bottom.attached.message {
      background-color: #2c662d;
-     color: #fcfff5;
+     color: #87ab63;
+}
+.ui.bottom.attached.message .pull-right {
+    color: #87ab63;
 }
  .ui.info.message {
      background-color: #2c3b4a;

public/less/_base.less

@@ -51,14 +51,14 @@
 			</div>
 			{{if .Commit.Signature}}
 				{{if .Verification.Verified }}
-					<div class="ui bottom attached positive message" style="text-align: initial;color: black;">
+					<div class="ui bottom attached positive message">
 					  <i class="green lock icon"></i>
-						<span style="color: #2C662D;">{{.i18n.Tr "repo.commits.signed_by"}}:</span>
+						<span>{{.i18n.Tr "repo.commits.signed_by"}}:</span>
 						<a href="{{.Verification.SigningUser.HomeLink}}"><strong>{{.Commit.Committer.Name}}</strong></a> <{{.Commit.Committer.Email}}>
-						<span class="pull-right"><span style="color: #2C662D;">{{.i18n.Tr "repo.commits.gpg_key_id"}}:</span> {{.Verification.SigningKey.KeyID}}</span>
+						<span class="pull-right"><span>{{.i18n.Tr "repo.commits.gpg_key_id"}}:</span> {{.Verification.SigningKey.KeyID}}</span>
 					</div>
 				{{else}}
-					<div class="ui bottom attached message" style="text-align: initial;color: black;">
+					<div class="ui bottom attached message">
 					  <i class="grey unlock icon"></i>
 					  {{.i18n.Tr .Verification.Reason}}
 					</div>