update media grid, folder grid + load indicator colours

src/Umbraco.Web.UI.Client/src/less/components/umb-folder-grid.less

@@ -57,7 +57,7 @@
 
 .umb-folder-grid__action {
    opacity: 0;
-   border: 1px solid #ffffff;
+   border: 1px solid @white;
    width: 25px;
    height: 25px;
    background: rgba(0, 0, 0, 0.4);
@@ -73,5 +73,5 @@
 
 .umb-folder-grid__action.-selected {
    opacity: 1;
-   background: @blue;
+   background: @green;
 }

src/Umbraco.Web.UI.Client/src/less/components/umb-load-indicator.less

@@ -20,7 +20,7 @@
    margin: 0;
    height: 6px;
    width: 6px;
-   border: 2px solid @blue;
+   border: 2px solid @purple;
    border-radius: 100%;
    transform: transformZ(0);
    animation: umbLoadIndicatorAnimation 1.4s infinite;
@@ -44,7 +44,7 @@
 @keyframes umbLoadIndicatorAnimation {
   0%   {
     transform: scale(0.5);
-    background: @blue;
+    background: @purple;
   }
   50%   {
     transform: scale(1);
@@ -52,6 +52,6 @@
   }
   100% {
     transform: scale(0.5);
-    background: @blue;
+    background: @purple;
   }
 }

src/Umbraco.Web.UI.Client/src/less/components/umb-media-grid.less

@@ -80,7 +80,7 @@
    overflow: hidden;
    color: white;
    white-space: nowrap;
-   background: @blue;
+   background: @purple;
    transition: opacity 150ms;
 }
 
@@ -131,7 +131,7 @@
     width: 25px;
     height: 25px;
     border: 1px solid #ffffff;
-    background: @blue;
+    background: @green;
     border-radius: 50px;
     box-sizing: border-box;
     display: flex;