update color definitions

zero.Web.UI/App/components/buttons/state-button.vue

@@ -81,8 +81,8 @@
     &.is-active
     {
       background: var(--color-bg-mid);
-      /*background: var(--color-primary);
-      border-color: var(--color-primary);*/
+      /*background: var(--color-secondary);
+      border-color: var(--color-secondary);*/
       color: var(--color-fg);
       font-weight: bold;
     }

zero.Web.UI/App/components/forms/media-old.vue

@@ -444,7 +444,7 @@
     line-height: 26px;
     border-radius: 20px;
     background: var(--color-negative);
-    color: var(--color-primary-fg);
+    color: var(--color-secondary-fg);
     z-index: 2;
     text-align: center;
     font-size: 13px;

zero.Web.UI/App/components/forms/property.vue

@@ -142,7 +142,7 @@
     {
       content: "\e87f";
       @extend %font-icon;
-      color: var(--color-primary);
+      color: var(--color-secondary);
       font-size: var(--font-size-l);
       float: left;
       position: relative;

zero.Web.UI/App/components/forms/rte.vue

@@ -227,7 +227,7 @@
     .pell-button-selected
     {
       background-color: var(--color-highlight);
-      color: var(--color-primary);
+      color: var(--color-secondary);
     }
   }
 </style>

zero.Web.UI/App/components/forms/toggle.vue

@@ -88,21 +88,21 @@
 
     &.is-active
     {
-      /*background: var(--color-primary);
+      /*background: var(--color-secondary);
       transform: translateX(18px);*/
-      background: var(--color-primary);
+      background: var(--color-secondary);
       border-color: transparent;
 
       i
       {
-        background: var(--color-primary-fg);
+        background: var(--color-secondary-fg);
         transform: translateX(18px);
       }
 
       .is-primary &
       {
-        background: var(--color-accent-info);
-        box-shadow: 0 0 0 4px var(--color-accent-info-bg);
+        background: var(--color-primary);
+        box-shadow: 0 0 0 4px var(--color-primary-low);
       }
     }
   }

zero.Web.UI/App/components/pickers/iconPicker/overlay.vue

@@ -157,7 +157,7 @@
 
     &.is-active
     {
-      //color: var(--color-primary);
+      //color: var(--color-secondary);
     }
   }
 

zero.Web.UI/App/components/pickers/mediaPicker/mediapicker.vue

@@ -373,7 +373,7 @@
     line-height: 26px;
     border-radius: 20px;
     background: var(--color-negative);
-    color: var(--color-primary-fg);
+    color: var(--color-secondary-fg);
     z-index: 2;
     text-align: center;
     font-size: 13px;

zero.Web.UI/App/components/pickers/mediaPicker/overlay.vue

@@ -297,8 +297,8 @@
 
     /*&.is-upload .-preview
     {
-      background: var(--color-primary);
-      color: var(--color-primary-fg);
+      background: var(--color-secondary);
+      color: var(--color-secondary-fg);
     }*/
 
     &.is-upload

zero.Web.UI/App/components/pickers/pick.vue

@@ -655,7 +655,7 @@
       font-family: "Feather";
       content: "\e83e";
       font-size: 16px;
-      color: var(--color-primary);
+      color: var(--color-secondary);
       position: absolute;
       right: 20px;
     }

zero.Web.UI/App/components/tables/table.vue

@@ -433,7 +433,7 @@
     &:hover
     {
       //text-decoration: underline;
-      color: var(--color-primary);
+      color: var(--color-secondary);
       background: var(--color-bg-xxlight);
     }
   }
@@ -538,7 +538,7 @@
   .ui-table-field-shared
   {
     font-size: 16px;
-    color: var(--color-primary-two);
+    color: var(--color-primary);
 
     &.is-inline
     {

zero.Web.UI/App/components/tabs/tabs.vue

@@ -179,7 +179,7 @@
 
       &:before
       {
-        background: var(--color-primary);
+        background: var(--color-secondary);
       }
 
       &:after

zero.Web.UI/App/components/tree/tree-item.vue

@@ -152,7 +152,7 @@
     {
       color: var(--color-fg);
       font-weight: bold;
-      //color: var(--color-primary);
+      //color: var(--color-secondary);
     }
   }