Update theme to reflect the new logo and brand color changes (#13629)

* update theme

* fix alert box has no spacing

* fix couple issues with new theme

* improve contrast and make sure to use correct theme color

* fix notification colour

* fix wrong logo used

* fix theme color

* fix update title not readable

2 files changed, 9 insertions, 5 deletions

diff --git a/plugins/Installation/stylesheets/installation.css b/plugins/Installation/stylesheets/installation.css
index 74c219cbd0..1c8aa7dc48 100644
--- a/plugins/Installation/stylesheets/installation.css
+++ b/plugins/Installation/stylesheets/installation.css
@@ -22,8 +22,12 @@ body {
     margin-bottom: 20px;
 }
 
+#installation .form-group .dropdown-content li>a, .dropdown-content li>span {
+    color: #43a047;
+}
+
 .header .languageSelection {
-    color: #4183C4;
+    color: #1976D2;
     font-size: 13px;
 }
 
@@ -54,7 +58,7 @@ body {
 }
 .installation-progress h4 small {
     float: right;
-    color: #d4291f;
+    color: #43a047;
 }
 .installation-progress .progress {
     margin-bottom: 0;
@@ -106,7 +110,7 @@ p.next-step:first-child {
 }
 
 .system-check .icon-ok, .system-check-legend .icon-ok {
-    color: #1AA282;
+    color: #43a047;
     margin-right: 10px;
 }
 .system-check .icon-warning, .system-check-legend .icon-warning {
diff --git a/plugins/Installation/stylesheets/systemCheckPage.less b/plugins/Installation/stylesheets/systemCheckPage.less
index 05c97b2cdb..267b67ab49 100644
--- a/plugins/Installation/stylesheets/systemCheckPage.less
+++ b/plugins/Installation/stylesheets/systemCheckPage.less
@@ -19,7 +19,7 @@
 }
 
 .system-check .icon-ok {
-    color: #1AA282;
+    color: @color-green-piwik;
     margin-right: 10px;
 }
 .system-check .icon-warning {
@@ -47,7 +47,7 @@
 }
 
 .system-success {
-    color: #1AA282 !important;
+    color: @color-green-piwik !important;
     font-weight: bold;
 }