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, 12 insertions, 2 deletions

diff --git a/plugins/MultiSites/angularjs/dashboard/dashboard.directive.html b/plugins/MultiSites/angularjs/dashboard/dashboard.directive.html
index 3fd9780ae2..c479798550 100644
--- a/plugins/MultiSites/angularjs/dashboard/dashboard.directive.html
+++ b/plugins/MultiSites/angularjs/dashboard/dashboard.directive.html
@@ -10,7 +10,7 @@
         </span>
     </h2>
 
-    <table id="mt" class="dataTable" cellspacing="0">
+    <table id="mt" class="dataTable card-table" cellspacing="0">
         <thead>
         <tr>
             <th id="names" class="label" ng-click="model.sortBy('label')" ng-class="{columnSorted: 'label' == model.sortColumn}">
@@ -125,4 +125,5 @@
 
         </tfoot>
     </table>
+
 </div>
diff --git a/plugins/MultiSites/angularjs/dashboard/dashboard.directive.less b/plugins/MultiSites/angularjs/dashboard/dashboard.directive.less
index dccbb713ac..8173e4cdc8 100644
--- a/plugins/MultiSites/angularjs/dashboard/dashboard.directive.less
+++ b/plugins/MultiSites/angularjs/dashboard/dashboard.directive.less
@@ -9,7 +9,14 @@
   }
 }
 
+#mt {
+  table.dataTable td.label img {
+    margin-top: -8px;
+  }
+}
+
 #multisites {
+
   > .col {
     padding-left: 0;
     padding-right: 0;
@@ -26,6 +33,7 @@
     border: 0 !important;
     font-size: 13px;
     text-align: left;
+    padding-left: 27px;
 
     a {
       color: @theme-color-text;
@@ -103,7 +111,7 @@
 
   th:first-child {
     text-align:left;
-    padding-left: 12px;
+    padding-left: 32px;
   }
 
   th {
@@ -153,6 +161,7 @@
     text-align: left;
     width: 250px;
     max-width: 250px;
+    padding-left: 32px;
 
     a {
       width: auto;