refactor(*): Fix all the postcss-color warnings except the hard one (#…

…4304)
spinnaker · Oct 21, 2017 · db2275b · db2275b
1 parent 15e873d
commit db2275b
Show file tree

Hide file tree

Showing 12 changed files with 19 additions and 19 deletions.
diff --git a/app/scripts/modules/core/src/cluster/rollups.less b/app/scripts/modules/core/src/cluster/rollups.less
@@ -261,7 +261,7 @@ running-tasks-tag {
 
   .popover-title {
     background-color: var(--color-dovegray);
-    color: white;
+    color: var(--color-white);
   }
 
   min-width: 150px;

diff --git a/app/scripts/modules/core/src/delivery/details/executionDetails.less b/app/scripts/modules/core/src/delivery/details/executionDetails.less
@@ -89,7 +89,7 @@
       tr.clickable {
         cursor: pointer;
         &:hover {
-          background-color: @table-bg-hover;
+          background-color: var(--color-alabaster);
         }
       }
     }

diff --git a/app/scripts/modules/core/src/forms/mapEditor/mapEditor.component.less b/app/scripts/modules/core/src/forms/mapEditor/mapEditor.component.less
@@ -2,7 +2,7 @@ map-editor {
 
   .table.no-border-top {
 
-    border-top: 2px solid white;
+    border-top: 2px solid var(--color-white);
 
     .table-label {
       padding: .8rem 0 0 1rem;

diff --git a/app/scripts/modules/core/src/presentation/main.less b/app/scripts/modules/core/src/presentation/main.less
@@ -1424,7 +1424,7 @@ div.modal-header.has-sticky-headers {
   }
 
   table.table.no-lines th {
-    border-bottom: 1px solid @table-border-color;
+    border-bottom: 1px solid var(--color-seashell);
   }
 
   table.table.no-lines tr td {

diff --git a/app/scripts/modules/core/src/search/global/globalSearch.less b/app/scripts/modules/core/src/search/global/globalSearch.less
@@ -13,7 +13,7 @@
     }
   }
   .glyphicon-search {
-    color: @link-color;
+    color: var(--color-text-link);
   }
   .spinner-section {
     min-height: 30px;

diff --git a/app/scripts/modules/core/src/search/searchResult/baseTable.less b/app/scripts/modules/core/src/search/searchResult/baseTable.less
@@ -43,7 +43,7 @@
       }
       &:nth-child(even) {
         > div {
-          background-color: white;
+          background-color: var(--color-white);
         }
       }
       &:hover {

diff --git a/app/scripts/modules/core/src/search/searchResult/searchResults.less b/app/scripts/modules/core/src/search/searchResult/searchResults.less
@@ -27,9 +27,9 @@
 
       .search-group-icon {
         background-color: var(--color-primary);
-        border: 2px solid @body-bg;
+        border: 2px solid var(--color-white);
         border-radius: 50%;
-        color: @body-bg;
+        color: var(--color-white);
         display: inline-block;
         height: 32px;
         line-height: 29px;

diff --git a/app/scripts/modules/core/src/search/widgets/filterlist.less b/app/scripts/modules/core/src/search/widgets/filterlist.less
@@ -9,7 +9,7 @@
 
 .filter-list {
 
-  background-color: @dropdown-bg;
+  background-color: var(--color-white);
   border: 1px solid @dropdown-border;
   border-radius: @border-radius-base;
   .box-shadow(0 6px 12px rgba(0, 0, 0, .175));
@@ -57,7 +57,7 @@
     }
 
     &.filter--blur {
-      background-color: @body-bg;
+      background-color: var(--color-white);
     }
 
     &:hover {

diff --git a/app/scripts/modules/core/src/search/widgets/search.less b/app/scripts/modules/core/src/search/widgets/search.less
@@ -18,8 +18,8 @@
     padding: 10px 16px;
     font-size: 18px;
     line-height: 1.3333333;
-    color: @gray;
-    background: @body-bg none;
+    color: var(--color-mineshaft);
+    background: var(--color-white) none;
     border: 1px solid;
     border-radius: @border-radius-base;
     .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
@@ -40,14 +40,14 @@
       }
 
       .search__input-control::-moz-placeholder {
-        color: @input-color-placeholder;
+        color: var(--color-concrete);
         opacity: 1;
       }
       .search__input-control:-ms-input-placeholder {
-        color: @input-color-placeholder;
+        color: var(--color-concrete);
       }
       .search__input-control::-webkit-input-placeholder {
-        color: @input-color-placeholder;
+        color: var(--color-concrete);
       }
 
       .fa.fa-times {
@@ -64,7 +64,7 @@
     }
 
     &.search__input--blur {
-      border-color: @btn-default-border;
+      border-color: var(--color-alto);
       .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075));
     }
   }

diff --git a/app/scripts/modules/core/src/widgets/tags/taglist.less b/app/scripts/modules/core/src/widgets/tags/taglist.less
@@ -17,7 +17,7 @@
     .tag__category {
       background-color: var(--color-primary);
       border-radius: 4px 0 0 4px;
-      color: white;
+      color: var(--color-white);
       padding: 8px;
     }
 

diff --git a/app/scripts/modules/google/src/securityGroup/configure/securityGroup.configure.less b/app/scripts/modules/google/src/securityGroup/configure/securityGroup.configure.less
@@ -4,7 +4,7 @@
   }
 
   .table {
-    border-top: 2px solid white;
+    border-top: 2px solid var(--color-white);
 
     .fixed-width {
       width: 100%;

diff --git a/...ripts/modules/kubernetes/container/securityContext/securityContextSelector.component.less b/...ripts/modules/kubernetes/container/securityContext/securityContextSelector.component.less
@@ -19,7 +19,7 @@ kubernetes-security-context-selector {
 
   kubernetes-capabilities-selector {
     .table {
-      border-top: 2px solid white;
+      border-top: 2px solid var(--color-white);
       .table-remove-button {
         padding: 0 0 1rem 1rem;
       }