upgrades kds themetokens

learningequality · Oct 24, 2024 · ffb0a76 · ffb0a76
1 parent 85dee75
commit ffb0a76
Show file tree

Hide file tree

Showing 13 changed files with 17 additions and 17 deletions.
diff --git a/kolibri/core/assets/src/styles/themeSpec.js b/kolibri/core/assets/src/styles/themeSpec.js
@@ -8,7 +8,7 @@ function _brandColorScaleValidator(value) {
     logging.error(`Expected object but got '${value}'`);
     return false;
   }
-  const COLOR_NAMES = ['v_200', 'v_400', 'v_600', 'v_800', 'v_1000', 'v_1100'];
+  const COLOR_NAMES = ['v_200', 'v_400', 'v_500', 'v_600', 'v_800', ];
   for (const colorName of COLOR_NAMES) {
     if (!value[colorName]) {
       logging.error(`${colorName} '${name}' not defined by theme`);

diff --git a/kolibri/core/assets/src/views/AttemptLogItem.vue b/kolibri/core/assets/src/views/AttemptLogItem.vue
@@ -59,7 +59,7 @@
       v-if="attemptLog.missing_resource"
       class="coach-content-label"
       icon="warning"
-      :color="$themePalette.yellow.v_1100"
+      :color="$themePalette.yellow.v_500"
     />
   </span>
 

diff --git a/kolibri/core/assets/src/views/ImmersiveToolbar.vue b/kolibri/core/assets/src/views/ImmersiveToolbar.vue
@@ -115,7 +115,7 @@
       },
       linkStyle() {
         const hoverBg = this.isFullscreen
-          ? this.$themeBrand.secondary.v_1100
+          ? this.$themeBrand.secondary.v_500
           : this.$themePalette.grey.v_600;
         const defaultBg = this.isFullscreen ? this.$themeTokens.appBar : this.$themePalette.black;
         return {

diff --git a/kolibri/core/assets/src/views/Navbar/NavbarLink.vue b/kolibri/core/assets/src/views/Navbar/NavbarLink.vue
@@ -63,7 +63,7 @@
         return {
           color: this.$themeTokens.text,
           ':hover': {
-            'background-color': this.$themeBrand.secondary.v_1100,
+            'background-color': this.$themeBrand.secondary.v_500,
           },
           ':focus': {
             ...this.$coreOutline,

diff --git a/kolibri/plugins/coach/assets/src/views/common/QuizStatus.vue b/kolibri/plugins/coach/assets/src/views/common/QuizStatus.vue
@@ -341,10 +341,10 @@
       cancelStyleOverrides() {
         return {
           color: this.$themeTokens.textInverted,
-          'background-color': this.$themePalette.red.v_1100,
+          'background-color': this.$themePalette.red.v_500,
           // We need to use a darker color for hover than
-          // palette.red.v_1100 but at the same time,
-          // palette.red.v_1100 is the darkest available red
+          // palette.red.v_500 but at the same time,
+          // palette.red.v_500 is the darkest available red
           // in the palette. Using this hardcoded color was
           // agreed with designers.
           ':hover': { 'background-color': '#A81700' },

diff --git a/kolibri/plugins/coach/assets/src/views/common/notifications/NotificationCard.vue b/kolibri/plugins/coach/assets/src/views/common/notifications/NotificationCard.vue
@@ -24,7 +24,7 @@
             <KIcon
               ref="warning"
               icon="warning"
-              :color="$themePalette.yellow.v_1100"
+              :color="$themePalette.yellow.v_500"
             />
             <KTooltip
               reference="warning"

diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/QuestionListPreview.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/QuestionListPreview.vue
@@ -140,7 +140,7 @@
       <p v-else>
         <KIcon
           icon="warning"
-          :style="{ fill: $themePalette.yellow.v_1100 }"
+          :style="{ fill: $themePalette.yellow.v_500 }"
         />
         {{ resourceMissingText }}
       </p>

diff --git a/...lugins/coach/assets/src/views/plan/LessonEditDetailsPage/EditDetailsResourceListTable.vue b/...lugins/coach/assets/src/views/plan/LessonEditDetailsPage/EditDetailsResourceListTable.vue
@@ -73,7 +73,7 @@
                 <p>
                   <KIcon
                     icon="warning"
-                    :style="{ fill: $themePalette.yellow.v_1100 }"
+                    :style="{ fill: $themePalette.yellow.v_500 }"
                   />
                   {{ resourceMissingText }}
                 </p>

diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/ResourceListTable.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/ResourceListTable.vue
@@ -80,7 +80,7 @@
                     !getCachedResource(resource.contentnode_id).available
                 "
                 icon="warning"
-                :style="{ fill: $themePalette.yellow.v_1100 }"
+                :style="{ fill: $themePalette.yellow.v_500 }"
               />
             </div>
 

diff --git a/kolibri/plugins/device/assets/src/views/DeprecationWarningBanner.vue b/kolibri/plugins/device/assets/src/views/DeprecationWarningBanner.vue
@@ -10,7 +10,7 @@
         <KIcon
           icon="warning"
           class="icon"
-          :color="$themePalette.yellow.v_1100"
+          :color="$themePalette.yellow.v_500"
         />
       </div>
 

diff --git a/kolibri/plugins/facility/assets/src/views/ImportCsvPage/Preview.vue b/kolibri/plugins/facility/assets/src/views/ImportCsvPage/Preview.vue
@@ -62,7 +62,7 @@
             </td>
             <td
               class="numeric"
-              :style="{ color: $themePalette.green.v_1100 }"
+              :style="{ color: $themePalette.green.v_500 }"
             >
               {{ users_report.created }}
             </td>
@@ -87,7 +87,7 @@
             </td>
             <td
               class="numeric"
-              :style="{ color: $themePalette.green.v_1100 }"
+              :style="{ color: $themePalette.green.v_500 }"
             >
               {{ classes_report.created }}
             </td>

diff --git a/kolibri/plugins/learn/assets/src/views/ExamPage/AnswerHistory.vue b/kolibri/plugins/learn/assets/src/views/ExamPage/AnswerHistory.vue
@@ -79,7 +79,7 @@
                     v-if="question.missing"
                     class="dot"
                     icon="warning"
-                    :color="$themePalette.yellow.v_1100"
+                    :color="$themePalette.yellow.v_500"
                   />
                   <KIcon
                     v-else

diff --git a/kolibri/plugins/learn/assets/src/views/ExamPage/index.vue b/kolibri/plugins/learn/assets/src/views/ExamPage/index.vue
@@ -135,7 +135,7 @@
                     v-if="currentQuestionOption.disabled"
                     class="dot"
                     icon="warning"
-                    :color="$themePalette.yellow.v_1100"
+                    :color="$themePalette.yellow.v_500"
                   />
                   <KIcon
                     v-else
@@ -160,7 +160,7 @@
                     v-if="option.disabled"
                     class="dot"
                     icon="warning"
-                    :color="$themePalette.yellow.v_1100"
+                    :color="$themePalette.yellow.v_500"
                   />
                   <KIcon
                     v-else