Updated hardcoded colors to LESS variables

awx/ui/client/src/access/addPermissions/addPermissions.block.less

@@ -80,7 +80,7 @@
 .AddPermissions-directions {
     margin-top: 10px;
     margin-bottom: 20px;
-    color: #848992;
+    color: @default-interface-txt;
     display: flex;
     align-items: center;
 }

awx/ui/client/src/bread-crumb/bread-crumb.block.less

@@ -44,21 +44,21 @@
 .BreadCrumb-list {
       padding: 0px 20px;
       list-style: none;
-      background-color: #FFFFFF;
+      background-color: @default-bg;
       border-radius: 4px;
       line-height: 40px;
 }
 
 .BreadCrumb-item {
     display: inline-block;
-    color: #B7B7B7;
+    color: @default-data-txt;
     text-transform: uppercase;
 }
 
 .BreadCrumb-item + .BreadCrumb-item:before {
     content: "/";
     padding: 0 5px;
-    color: #B7B7B7;
+    color: @default-data-txt;
 }
 
 @breadcrumb-breakpoint: 900px;

awx/ui/client/src/dashboard/dashboard.block.less

@@ -1,4 +1,5 @@
 /** @define Dashboard */
+@import "awx/ui/client/src/shared/branding/colors.default.less";
 
 .Dashboard {
     display: flex;
@@ -22,7 +23,7 @@
     border-radius: 5px;
     margin-top: 20px;
     width: 50%;
-    background-color: #ffffff;
+    background-color: @default-bg;
     max-width: ~"calc(50% - 10px)";
     position: relative;
 }

awx/ui/client/src/dashboard/lists/dashboard-list.block.less

@@ -146,7 +146,7 @@
 
 .DashboardList-actionButton--edit:hover {
     background-color: #1678c4;
-    color: #ffffff;
+    color: @default-bg;
     border: 1px solid #1678c4;
 }
 

awx/ui/client/src/footer/footer.block.less

@@ -1,10 +1,10 @@
 /** @define DashboardCounts */
-@import "awx/ui/client/src/shared/branding/colors.default.less";
+@import "../../shared/branding/colors.default.less";
 
 .Footer {
     height: 40px;
     background-color: @default-no-items-bord;
-    color: #848992;
+    color: @default-interface-txt;
     width: 100%;
     z-index: 1040;
     position: absolute;
@@ -32,11 +32,11 @@
 }
 
 .Footer-link:hover{
-    color: #ffffff;
+    color: @default-bg;
 }
 
 .Footer-link{
-    color: #848992;
+    color: @default-interface-txt;
 }
 
 .Footer-copyright.is-loggedOut,

awx/ui/client/src/main-menu/main-menu.block.less

@@ -62,10 +62,10 @@
 .MainMenu-socketImage {
     font-size: 18px;
     text-shadow:
-    -1px -1px 0 #fff,
+    -1px -1px 0 @default-bg,
-    1px -1px 0 #fff,
+    1px -1px 0 @default-bg,
-    -1px 1px 0 #fff,
+    -1px 1px 0 @default-bg,
-    1px 1px 0 #fff;
+    1px 1px 0 @default-bg;
     z-index: 1042;
 }
 

awx/ui/client/src/management-jobs/card/mgmtcards.block.less

@@ -1,4 +1,5 @@
 /** @define MgmtCards */
+@import '../shared/branding/colors.default.less';
 
 .MgmtCards {
     display: flex;
@@ -6,10 +7,10 @@
 }
 
 .MgmtCards-card {
-    background-color: #fff;
+    background-color: @default-bg;
     padding: 20px;
     border-radius: 5px;
-    border: 1px solid #e8e8e8;
+    border: 1px solid @default-border;
     display: flex;
     flex-wrap: wrap;
     align-items: baseline;
@@ -33,7 +34,7 @@
     text-transform: uppercase;
     font-size: 14px;
     font-weight: bold;
-    color: #848992;
+    color: @default-interface-txt;
     margin-bottom: 25px;
     white-space: nowrap;
 }

awx/ui/client/src/notifications/notifications.block.less

@@ -1,3 +1,5 @@
+@import "awx/ui/client/src/shared/branding/colors.default.less";
+
 .NotificationsForm-typeSelect{
     flex: none;
 }
@@ -8,7 +10,7 @@
 
 .alert-success{
     background-color: #3cb878;
-    color: #fff;
+    color: @default-bg;
 }
 
 .Toast-successIcon{

awx/ui/client/src/organizations/orgcards.block.less

@@ -1,4 +1,5 @@
 /** @define OrgCards */
+@import '../shared/branding/colors.default.less';
 
 .OrgCards {
     display: flex;
@@ -6,11 +7,11 @@
 }
 
 .OrgCards-card {
-    background-color: #fff;
+    background-color: @default-bg;
     padding: 20px;
     padding-bottom: 0px;
     border-radius: 5px;
-    border: 1px solid #e8e8e8;
+    border: 1px solid @default-border;
     display: flex;
     flex-wrap: wrap;
     align-items: baseline;
@@ -34,7 +35,7 @@
     text-transform: uppercase;
     font-size: 14px;
     font-weight: bold;
-    color: #848992;
+    color: @default-interface-txt;
     margin-bottom: 25px;
     white-space: nowrap;
     overflow: hidden;

awx/ui/client/src/scheduler/scheduleToggle.block.less

@@ -26,7 +26,7 @@
 
 .ScheduleToggle.is-on {
     border-color: #1678c4;
-    background-color: #fff;
+    background-color: @default-bg;
 }
 
 .ScheduleToggle-switch.is-on {

awx/ui/client/src/setup-menu/setup-item.block.less

@@ -20,7 +20,7 @@
 
 .SetupItem-title{
     font-size: 14px;
-    color: #848992;
+    color: @default-interface-txt;
     text-align: center;
     margin-bottom: 15px;
     font-weight: 600;
@@ -29,7 +29,7 @@
 
 .SetupItem-description{
     font-size: 12px;
-    color: #848992;
+    color: @default-interface-txt;
     text-align: center;
 }
 

awx/ui/client/src/shared/download-standard-out.block.less

@@ -1,7 +1,8 @@
 /** @define DownloadStandardOut */
+@import "awx/ui/client/src/shared/branding/colors.default.less";
 
 .DownloadStandardOut {
-    color: #fff !important;
+    color: @default-bg !important;
 }
 
 .DownloadStandardOut--onStandardOutPage {
@@ -16,7 +17,7 @@
 }
 
 .DownloadStandardOut-icon {
-    color: #fff;
+    color: @default-bg;
 }
 
 .DownloadStandardOut-icon--withText {

awx/ui/client/src/smart-status/smart-status.block.less

@@ -61,7 +61,7 @@
 }
 
 .SmartStatus-tooltip--running{
-    color: #b7b7b7;
+    color: @default-data-txt;
     padding-left: 5px;
     padding-right: 0px;
     text-shadow:

awx/ui/client/src/standard-out/standard-out.block.less

@@ -81,7 +81,7 @@
     font-size: 16px;
     height: 30px;
     min-width: 30px;
-    color: #b7b7b7;
+    color: @default-data-txt;
     background-color: inherit;
     border: none;
     border-radius: 50%;

awx/ui/client/src/system-tracking/date-picker/date-picker.block.less

@@ -1,4 +1,5 @@
 /** @define DatePicker */
+@import "awx/ui/client/src/shared/branding/colors.default.less";
 
 .DatePicker {
     flex: 1 0 auto;
@@ -11,11 +12,11 @@
         border-radius: 4px 0 0 4px;
         border: 1px solid #ccc;
         border-right: 0;
-        background-color: #fff;
+        background-color: @default-bg;
     }
 
     &-icon:hover {
-        background-color: #e8e8e8;
+        background-color: @default-border;
     }
 
     &-icon:focus,

awx/ui/client/src/system-tracking/fact-data-table/fact-data-table.block.less

@@ -10,7 +10,7 @@
       padding: .5em 0;
       align-items: center;
       transition: background-color 100ms, border-color 100ms;
-      border: solid 1px #fff;
+      border: solid 1px @default-bg;
 
       &:nth-child(even) {
           background-color: @default-no-items-bord;
@@ -137,7 +137,7 @@
         //margin-bottom: 0.5rem;
         background-color: @default-err;
         border: none;
-        color: #FFFFFF;
+        color: @default-bg;
 
         &:hover {
             background-color: @default-err;

awx/ui/client/src/system-tracking/fact-module-filter.block.less

@@ -40,7 +40,7 @@
         z-index: 2;
 
         background-color: @default-icon;
-        color: #fff;
+        color: @default-bg;
         border-color: @default-icon;
 
         &:active, &:focus {