fix cr

src/scss/cdb-components/boxes.scss

@@ -140,9 +140,9 @@
 .CDB-BoxLoader-item {
   @include display-flex();
   padding: $baseSize 0;
-  color: $cTypo2;
+  color: $cSecondaryText;
   &.is-working {
-    color: $cTypo3;
+    color: $cAltText;
   }
 }
 

src/scss/cdb-components/colors.scss

@@ -89,13 +89,13 @@
 
 
 .Color-Type02 {
-  background: $cTypo2;
+  background: $cSecondaryText;
 }
 .Color-Type03 {
-  background: $cTypo3;
+  background: $cAltText;
 }
 .Color-Type04 {
-  background: $cTypo4;
+  background: $cHintText;
 }
 
 

src/scss/cdb-components/forms/toggle.scss

@@ -33,7 +33,7 @@
     height: $baseSize * 2;
     margin: 0 2px;
     border-radius: 50px;
-    background: $cTypo4;
+    background: $cHintText;
 
     &::before {
       position: absolute;

src/scss/cdb-components/headers.scss

@@ -216,7 +216,7 @@
   border: 1px solid $cMainLine;
   border-radius: 4px;
   background-color: $cWhite;
-  color: $cTypo3;
+  color: $cAltText;
   font-size: $sFontSize-small;
   line-height: 23px;
   text-align: center;

src/scss/cdb-components/loader.scss

@@ -67,7 +67,7 @@ This is the generic loader for widgets, maps, components, ...
   border: 2px solid $cMainLine;
   border-radius: 50%;
   &.is-grey {
-    border: 2px solid $cTypo2;
+    border: 2px solid $cSecondaryText;
   }
 }
 
@@ -107,7 +107,7 @@ This is the generic loader for widgets, maps, components, ...
   &.is-grey {
     background: linear-gradient(to right, $cMainBg 10%, rgba($cWhite, 0) 42%);
     &::before {
-      background: $cTypo2;
+      background: $cSecondaryText;
     }
     &::after {
       background: $cMainBg;

src/scss/cdb-components/menu.scss

@@ -97,8 +97,8 @@
 }
 
 .CDB-NavMenu-Item.is-active .CDB-NavMenu-Link {
-  border-bottom: 1px solid $cMainBg;
-  color: $cMainBg;
+  border-bottom: 1px solid $cMainLine;
+  color: $cMainText;
 }
 
 .CDB-NavSubmenu {
@@ -118,8 +118,8 @@
 
 .CDB-NavSubmenu-item.is-active {
   .CDB-NavSubmenu-Link {
-    border-bottom: 1px solid $cTypo3;
-    color: $cMainBg;
+    border-bottom: 1px solid $cMainLine;
+    color: $cMainText;
   }
 }
 
@@ -131,12 +131,12 @@
 
   .CDB-NavMenu-Inner,
   .CDB-NavSubmenu {
-    border-bottom: 1px solid $cTypo2;
+    border-bottom: 1px solid $cSecondaryText;
   }
 
   .CDB-NavMenu-Link,
   .CDB-NavSubmenu-Link {
-    color: $cTypo3;
+    color: $cAltText;
   }
 
   .CDB-NavMenu-Item.is-active {
@@ -154,7 +154,7 @@
   }
 
   .CDB-NavSubmenu-Status {
-    color: $cTypo2;
+    color: $cSecondaryText;
   }
 }
 

src/scss/cdb-components/shapes/dots.scss

@@ -23,6 +23,6 @@ You may resize and change the colors of the icons with the `glyph-`-classes. Ava
   background: $cSecondaryLine;
 
   &.is-selected {
-    background: $cTypo2;
+    background: $cSecondaryText;
   }
 }

src/scss/cdb-utilities/defaults.css.scss

@@ -4,7 +4,7 @@
 @import '../cdb-variables/colors';
 
 body {
-  color: $cTypoMain;
+  color: $cMainText;
 }
 
 a {

src/scss/cdb-utilities/helpers.scss

@@ -46,13 +46,13 @@
   color: $cMainText;
 }
 .u-secondaryTextColor {
-  color: $cTypo2;
+  color: $cSecondaryText;
 }
 .u-altTextColor {
-  color: $cTypo3;
+  color: $cAltText;
 }
 .u-hintTextColor {
-  color: $cTypo4;
+  color: $cHintText;
 }