From 536a7176df5531ed5b5128dd3de2fc21a95c373a Mon Sep 17 00:00:00 2001
From: shpuld <shpuld@gmail.com>
Date: Sat, 25 Feb 2017 13:13:08 +0200
Subject: Make the profile background use a new calculated color using the
 theme

---
 src/components/user_card_content/user_card_content.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'src/components/user_card_content/user_card_content.vue')

diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue
index 10064d5f..3d2f8827 100644
--- a/src/components/user_card_content/user_card_content.vue
+++ b/src/components/user_card_content/user_card_content.vue
@@ -61,8 +61,12 @@
     props: [ 'user' ],
     computed: {
       headingStyle () {
+        let rgb = this.$store.state.config.colors['base00'].match(/\d+/g)
         return {
-          'background-image': `url(${this.user.cover_photo})`
+          backgroundColor: 'rgb(' + Math.floor(rgb[0] * 0.53) + ', ' +
+                                    Math.floor(rgb[1] * 0.56) + ', ' +
+                                    Math.floor(rgb[2] * 0.59) + ')',
+          backgroundImage: `url(${this.user.cover_photo})`
         }
       },
       bodyStyle () {
@@ -100,7 +104,7 @@
 <style lang="scss">
 
 .profile-panel-background {
-  background-color: #121517;
+
   background-size: cover;
   border-radius: 0.5em 0.5em 0 0;
 }
-- 
cgit v1.2.3-70-g09d2

