Fix: avatar/cat - average color

sakura-tel · Jan 3, 2023 · cd97f08 · cd97f08
1 parent 518e5b2
commit cd97f08
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/src/client/app/common/views/components/avatar.vue b/src/client/app/common/views/components/avatar.vue
@@ -50,11 +50,21 @@ export default Vue.extend({
 	},
 	watch: {
 		'user.avatarBlurhash'() {
-			this.$el.style.color = this.getBlurhashAvgColor(this.user.avatarBlurhash);
+			const avgColor = this.getBlurhashAvgColor(this.user.avatarBlurhash);
+			if (avgColor === undefined){
+				this.$el.style.color = "var(--noteText)";
+			}	else {
+				this.$el.style.color = avgColor;
+			}
 		}
 	},
 	mounted() {
-		this.$el.style.color = this.getBlurhashAvgColor(this.user.avatarBlurhash);
+		const avgColor = this.getBlurhashAvgColor(this.user.avatarBlurhash);
+		if (avgColor === undefined){
+			this.$el.style.color = "var(--noteText)";
+		}	else {
+			this.$el.style.color = avgColor;
+		}
 	},
 	methods: {
 		getBlurhashAvgColor(s) {
@@ -100,7 +110,7 @@ export default Vue.extend({
 	&.cat::before,
 	&.cat::after
 		background #df548f
-		border solid 4px var(--noteText)
+		border solid 4px currentColor
 		box-sizing border-box
 		content ''
 		display inline-block