From 1b6b421c5719ae16ea81b0a4a7c8ac6749d57e51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?=
 <40151420+ldericher@users.noreply.github.com>
Date: Tue, 13 Sep 2022 01:56:45 +0000
Subject: [PATCH] TickerBar.variant -> TickerBar.color

---
 ui/src/components/TickerBar.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/TickerBar.vue b/ui/src/components/TickerBar.vue
index d79a01c..5d21395 100644
--- a/ui/src/components/TickerBar.vue
+++ b/ui/src/components/TickerBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-footer :color="variant" :dark="is_dark" fixed>
+  <v-footer :color="color" :dark="is_dark" fixed>
     <span class="text-h6" :style="{ 'animation-duration': marqueeDuration }">
       <div v-html="content" />
     </span>
@@ -16,7 +16,7 @@ export default class TickerBar extends Vue {
   private readonly content!: string;
 
   @Prop({ default: "primary" })
-  private readonly variant!: string;
+  private readonly color!: string;
 
   private get is_dark(): boolean {
     return this.footerColor.isDark();
@@ -24,14 +24,14 @@ export default class TickerBar extends Vue {
 
   private get footerColor(): Color {
     // try getting from vuetify theme
-    let color = this.$vuetify.theme.themes.light[this.variant];
+    let color = this.$vuetify.theme.themes.light[this.color];
 
     if (typeof color === "string") {
       return Color(color);
     }
 
     // fallback: parse color directly
-    return Color(this.variant);
+    return Color(this.color);
   }
 
   private get marqueeDuration(): string {