Update colors to new UI guidelines

WE2-995

Signed-off-by: Raul Metsma <raul@metsma.ee>

Author: metsma

src/ui/dark.qss

@@ -15,15 +15,16 @@ color: #FFFFFF;
 #langButton::hover {
 background-color: #4E4E53;
 }
-CertificateButton, CertificateWidget {
-border-color: #4E4E53;
+CertificateWidget {
+border-color: transparent;
 }
 CertificateButton {
 background-color: rgba(255,255,255,0.1);
-border-color: black;
+border-color: #749FCE;
 }
 CertificateButton:checked {
-border-color: #008EEA;
+border-color: #749FCE;
+background-color: #1A3E64;
 }
 /* CertificateButton QWidget:disabled, CertificateWidget QWidget:disabled */
 #certificateStatus {
@@ -53,7 +54,9 @@ border-color: #003168;
 color: #FFFFFF;
 }
 #selectCertificateOriginLabel, #pinInputOriginLabel {
-color: white;
+color: #B5BFCF;
+background-color: #091A36;
+border-color: #415982;
 }
 #pinTitleLabel {
 color: white;

src/ui/dialog.ui

@@ -68,15 +68,17 @@ font-size: 14px;
 padding: 8px;
 }
 CertificateButton, CertificateWidget {
-border: 1px solid rgba(0,49,104,0.1);
+border: 1px solid transparent;
 border-radius: 4px;
 min-height: 70px;
 }
 CertificateButton {
 background-color: #F5F5F5;
+border-color: #E7EAEF;
 }
 CertificateButton:checked {
-border: 2px solid #113F8E;
+border: 1px solid #003168;
+background-color: #EAF1F8;
 }
 CertificateButton QWidget, CertificateWidget QWidget {
 background-color: transparent;
@@ -116,14 +118,13 @@ color: #07142A;
 }
 QProgressBar {
 height: 30px;
-background-color: #EFEFEF;
-border: 1px solid #DEDEDE;
+background-color: #F3F5F7;
+border: 1px solid #C4CBD8;
 border-radius: 4px;
 padding: 2px;
 }
 QProgressBar::chunk {
-background-color: #113F8E;
-border: 1px solid #003168;
+background-color: #2F70B6;
 border-radius: 2px;
 }
 #waitingPageTitleLabel, #messagePageTitleLabel, #selectCertificatePageTitleLabel, #pinInputPageTitleLabel, #aboutPageLabel {
@@ -135,9 +136,12 @@ font-weight: bold;
 max-height: 40px;
 }
 #selectCertificateOriginLabel, #pinInputOriginLabel {
-color: #003168;
-font-weight: bold;
-max-height: 20px;
+color: #607496;
+background-color: #F3F5F7;
+border: 1px solid #C4CBD8;
+border-radius: 8px;
+font-size: 16px;
+padding: 10px 14px;
 }
 #pinTitleLabel {
 font-size: 14px;