fix(preset-reply): fix incorrect styles

Author: johnleider

packages/vue-cli-plugin-vuetify-preset-reply/preset/index.js

@@ -4,7 +4,7 @@ const preset = {
   theme: {
     dark: false,
     themes: {
-      dark: {
+      light: {
         primary: '#344955',
         secondary: '#F9AA33',
         tertiary: '#232F34',

packages/vue-cli-plugin-vuetify-preset-reply/preset/overrides.sass

@@ -1,7 +1,19 @@
 @import './variables.scss'
 
 .theme--light
-  .v-dialog.v-bottom-sheet
-    > *,
-    > .v-card
-      border-radius: $dialog-border-radius
+  // Remove after v2.2 release
+  .v-card.v-sheet
+    +elevation(0)
+
+  .v-btn.v-btn--fab
+    &.v-btn--absolute,
+    &.v-btn--fixed
+      +elevation(1)
+
+  .v-bottom-sheet.v-dialog
+    border-radius: $dialog-border-radius
+    box-shadow: none
+
+    > *:only-child
+      border-radius: inherit
+      box-shadow: none

packages/vue-cli-plugin-vuetify-preset-reply/preset/variables.scss

@@ -7,6 +7,7 @@ $reply-font-size: 16;
 $body-font-family: 'Work Sans', sans-serif;
 $btn-font-weight: 500;
 $card-border-radius: 0;
+$card-elevation: 0;
 $dialog-border-radius: 12px 12px 0 0;
 $headings: (
   'h1':(
@@ -82,12 +83,9 @@ $headings: (
     'weight': 600
   )
 );
-$material-dark: (
+$material-light: (
   'status-bar': (
-    'regular': #27272f
+    'regular': #D2DBE0
   ),
-  'background': #33333d,
-  'cards': #373740,
-  'dividers': #33333d,
-  'tabs': rgba(255, 255, 255, .3)
+  'background': #FFFFFF,
 );