Add no vuetify background

.storybook/preview.js

@@ -52,12 +52,20 @@ configureViewport({
 
 addDecorator(() => ({
   vuetify: vuetifyConfig,
-  template: '<v-app><v-content><v-container><v-layout column><story/></v-layout></v-container></v-content></v-app>',
+  template: '<v-app :style="noBackground"><v-content><v-container><v-layout column><story/></v-layout></v-container></v-content></v-app>',
+  data() {
+    return {
+      noBackground: {
+        background: "none"
+      }
+    }
+  }
 }));
 
 addParameters({
   backgrounds: [
-    { name: "light", value: "#eeeeee" },
-    { name: "dark", value: "#222222" }
+    { name: "light", value: "#fff" },
+    { name: "dark-blue", value: "#184f90" },
+    { name: "primary", value: "#05c0a5"}
   ]
 });

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-app>
+  <v-app class="no-background">
     <Header />
     <v-content>
       <router-view />
@@ -68,8 +68,8 @@ h5 {
   font-size: 14px !important;
 }
 
-.theme--light.v-application {
-  background: var(--v-white-base) !important;
+.no-background {
+  background: none !important;
 }
 
 @media (min-width: 1904px) {

stories/MewButton/MewButton.stories.js

@@ -53,8 +53,3 @@ export const SecondaryTheme = () => Secondary;
 export const WhiteTheme = () => White;
 export const DisabledTheme = () => Disabled;
 
-WhiteTheme.story = {
-  parameters: {
-    backgrounds: [{ name: "dark background", value: "#FF0000", default: true }]
-  }
-};