fix: Status loading dots now have correct color in wow-classic (#335)

nexus-devs · Feb 21, 2020 · 888090e · 888090e
1 parent f386e00
commit 888090e
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/ui/assets/img/ui/status-loading-wow-classic.svg b/ui/assets/img/ui/status-loading-wow-classic.svg
diff --git a/ui/components/ui/status.vue b/ui/components/ui/status.vue
@@ -1,6 +1,6 @@
 <template>
   <div :class="[{ offline }, theme.status]" class="status">
-    <img src="/img/ui/status-loading.svg" class="ico-h-24" alt="loading">
+    <img :src="themeName === 'wow-classic' ? '/img/ui/status-loading-wow-classic.svg' : '/img/ui/status-loading.svg'" class="ico-h-24" alt="loading">
     <p>{{ offline ? 'Connecting to the NexusHub API...' : 'Connected!' }}</p>
   </div>
 </template>
@@ -15,6 +15,9 @@ export default {
     theme () {
       return getTheme(this)
     },
+    themeName () {
+      return getTheme(this, true)
+    },
     offline () {
       return this.$store.state.api.offline
     }

diff --git a/ui/styles/partials/wow-classic/_colors.scss b/ui/styles/partials/wow-classic/_colors.scss
@@ -27,4 +27,4 @@ $color-subtle-dark: rgba(70, 60, 57, 0.4);
 $color-font-paragraph: #ccc9bb;
 $color-font-body: #b7b1a1;
 $color-font-error: #ffd9c4;
-$color-font-subtle: #7a7766;
+$color-font-subtle: #807871;