diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/user_card_content/user_card_content.vue | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index b786ab8d..178100b8 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,6 @@ <style lang="scss"> .profile-panel-background { - background-color: #121517; background-size: cover; border-radius: 10px; } |