Merge pull request #666 from MisRob/lighter-img-placeholder

Update KImg's placeholder and letterbox area background color

CHANGELOG.md

@@ -4,6 +4,17 @@ Changelog is rather internal in nature. See release notes for the public overvie
 
 ## Upcoming version 5.x.x (`develop` branch)
 
+- [#666]
+  - **Description:** Update `KImg`'s placeholder and letterbox area background color to a lighter shade of grey, `v_50`.
+  - **Products impact:** UI appearance update
+  - **Addresses:** -
+  - **Components:** `KImg`, `KCard`
+  - **Breaking:** no
+  - **Impacts a11y:** no
+  - **Guidance:** -
+
+[#666]: https://github.com/learningequality/kolibri-design-system/pull/666
+
 - [#652]
   - **Description:** KTextTruncator drops support for Internet Explorer 11
   - **Products impact:** browser support update

lib/KImg/index.vue

@@ -141,7 +141,7 @@
        * (3) a progressive loading experience as the colored background
        * is displayed while an image is loading.
        *
-       * Its default value is `$themePalette.grey.v_200`.
+       * Its default value is `$themePalette.grey.v_50`.
        */
       backgroundColor: {
         type: String,
@@ -174,7 +174,7 @@
       baseStyles() {
         const backgroundColor = this.backgroundColor
           ? this.backgroundColor
-          : this.$themePalette.grey.v_200;
+          : this.$themePalette.grey.v_50;
         const borderRadius = this.borderRadius ? this.borderRadius : 0;
 
         return {