diff --git a/src/components/user_card_content/user_card_content.js b/src/components/user_card_content/user_card_content.js
index 064c984dc4..e7ca21c73c 100644
--- a/src/components/user_card_content/user_card_content.js
+++ b/src/components/user_card_content/user_card_content.js
@@ -12,7 +12,10 @@ export default {
   },
   computed: {
     headingStyle () {
-      const color = this.$store.state.config.customTheme.colors.bg
+      const color = this.$store.state.config.customTheme.colors ?
+            this.$store.state.config.customTheme.colors.bg : // v2
+            this.$store.state.config.colors.bg // v1
+
       if (color) {
         const rgb = (typeof color === 'string') ? hex2rgb(color) : color
         const tintColor = `rgba(${Math.floor(rgb.r)}, ${Math.floor(rgb.g)}, ${Math.floor(rgb.b)}, .5)`