pref(effect): update EffectViewer

Signed-off-by: 67au <oyy6745@gmail.com>

Author: 67au

src/components/shared/EffectViewer.vue

@@ -19,8 +19,6 @@ const defaults: DefaultsOptions = {
   VChip: {
     size: 'small',
     rounded: 'lg',
-    color: 'white',
-    variant: 'outlined',
   },
   VListItem: {
     class: 'pa-2',
@@ -75,7 +73,7 @@ const defaults: DefaultsOptions = {
             </v-card-text>
             <div v-else class="d-flex flex-column ga-1 pa-2">
               <template v-for="[debuff, skills] in Array.from(debuffSkills)" :key="debuff">
-                <v-card variant="tonal">
+                <v-card class="border-md border-primary">
                   <v-list-item density="compact" slim>
                     <template v-slot:title>
                       {{ $t('status.' + debuff) }}
@@ -116,7 +114,7 @@ const defaults: DefaultsOptions = {
             </v-card-text>
             <div v-else class="d-flex flex-column ga-1 pa-2">
               <template v-for="[buff, skills] in Array.from(buffSkills)" :key="buff">
-                <v-card variant="tonal">
+                <v-card class="border-md border-primary">
                   <v-list-item density="compact" slim :title="$t('status.' + buff)">
                     <template v-slot:prepend>
                       <v-avatar size="24" :rounded="false" class="mr-1">