refactor(vue-quasar): use flat style for default-variant buttons

Author: wilcorrea

packages/vue-quasar/src/components/ActionButton.vue

@@ -3,9 +3,9 @@
       :label="label"
       :icon="resolvedIcon"
       :color="isDefault ? undefined : action.config.variant"
-      :outline="isDefault && !flat"
+      :outline="false"
       :unelevated="!isDefault && !flat"
-      :flat="flat"
+      :flat="isDefault || flat"
       :dense="dense"
       :size="size"
       no-caps

playground/vue-quasar/src/quasar-variants.css

@@ -1,20 +1,14 @@
-.schema-btn {
+.q-btn {
     border-radius: 4px !important;
+    color: #616161;
+    background: #f1f1f1;
 }
 
-.text-default {
-    color: #616161 !important;
-}
-
-.bg-default {
-    background: #616161 !important;
-}
-
-.text-primary {
+.q-btn.text-primary {
     color: #1976d2 !important;
 }
 
-.bg-primary {
+.q-btn.bg-primary {
     background: #1976d2 !important;
 }