init theming updates

lib/KBreadcrumbs.vue

@@ -300,6 +300,7 @@
   .breadcrumbs-crumb-text {
     display: inline-block;
     width: 100%;
+    font-size: 100px;
     max-width: $crumb-max-width;
     overflow: hidden;
     text-overflow: ellipsis;

lib/styles/colorsDefault.js

@@ -1,70 +1,62 @@
 export const defaultTokenMapping = {
   // Branded UI colors
-  primary: 'brand.primary.v_400',
-  primaryDark: 'brand.primary.v_700',
-  appBar: 'brand.primary.v_400',
-  appBarDark: 'brand.primary.v_700',
-  appBarFullscreen: 'palette.grey.v_900',
-  appBarFullscreenDark: 'black',
-  link: 'brand.primary.v_400',
-  linkDark: 'brand.primary.v_700',
-  loading: 'brand.secondary.v_200',
-  focusOutline: 'brand.secondary.v_200',
+  primary: 'brand.primary.v_1000',
+  primaryDark: 'brand.primary.v_1100',
+  appBar: 'brand.secondary.v_800',
+  appBarDark: 'palette.black',
+  link: 'brand.primary.v_1100',
+  loading: 'palette.gray.v_800',
+  focusOutline: 'palette.lightblue.v_800',
 
   // Generic UI colors
-  text: 'palette.grey.v_900',
-  textDisabled: 'palette.grey.v_300',
-  annotation: 'palette.grey.v_700',
+  text: 'palette.black',
+  textDisabled: 'palette.gray.v_200',
+  annotation: 'palette.gray.v_600',
   textInverted: 'palette.white',
   surface: 'palette.white',
-  fineLine: '#dedede',
+  fineLine: 'palette.gray.v_100',
 
   // general semantic colors
-  error: 'palette.red.v_800',
-  success: 'palette.green.v_700',
+  error: 'palette.red.v_1100',
+  incorrect: 'palette.red.v_1100',
+  success: 'palette.green.v_1100',
+  correct: 'palette.green.v_1100',
 
   // Kolibri-specific semantic colors
-  progress: 'palette.lightblue.v_500',
-  mastered: 'palette.amber.v_500',
-  correct: 'palette.green.v_600',
-  incorrect: 'palette.red.v_800',
-  coachContent: 'palette.lightblue.v_800',
-  superAdmin: 'palette.amber.v_600',
+  progress: 'palette.lightblue.v_1000',
+  mastered: 'brand.secondary.v_1000',
+  warning: 'brand.secondary.v_1000',
+  incomplete: 'brand.secondary.v_1000',
+  coachContent: 'palette.lightblue.v_1100',
+  superAdmin: 'brand.secondary.v_1000',
 
   // content colors
-  exercise: 'palette.cyan.v_600',
-  video: 'palette.indigo.v_700',
-  audio: 'palette.pink.v_400',
-  document: 'palette.deeporange.v_600',
-  html5: 'palette.yellow.v_800',
-  topic: 'palette.grey.v_800',
-  slideshow: 'palette.green.v_400',
+  practice: 'brand.primary.v_800',
+  watch: 'palette.lightblue.v_800',
+  listen: 'palette.pink.v_1000',
+  read: 'palette.red.v_1000',
+  explore: 'palette.orange.v_1000',
+  create: 'palette.green.v_1000',
+  reflect: 'brand.secondary.v_1000',
+  topic: 'palette.gray.v_800',
 };
 
-// set some arbitrary colors
+// set core brand colors
 export const defaultBrandColors = {
   primary: {
-    v_50: '#f0e7ed',
-    v_100: '#dbc3d4',
-    v_200: '#c59db9',
-    v_300: '#ac799d',
-    v_400: '#996189',
-    v_500: '#874e77',
-    v_600: '#7c4870',
-    v_700: '#6e4167',
-    v_800: '#5f3b5c',
-    v_900: '#4b2e4d',
+    v_200: '#D9E1FD',
+    v_400: '#B43FB',
+    v_600: '#8EA4F9',
+    v_800: '#6986F7',
+    v_1000: '#4368F5',
+    v_1100: '#2547F3',
   },
   secondary: {
-    v_50: '#e3f0ed',
-    v_100: '#badbd2',
-    v_200: '#8dc5b6',
-    v_300: '#62af9a',
-    v_400: '#479e86',
-    v_500: '#368d74',
-    v_600: '#328168',
-    v_700: '#2c715a',
-    v_800: '#26614d',
-    v_900: '#1b4634',
+    v_200: '#FFF5CC',
+    v_400: '#FFEA99',
+    v_600: '#FFE066',
+    v_800: '#FFD553',
+    v_1000: '#FFCB00',
+    v_1100: '#E5B700',
   },
 };