btn style updates

Author: NiloCK

packages/studio-ui/src/App.vue

@@ -9,19 +9,19 @@
 
       <!-- Navigation buttons -->
       <v-btn-group v-if="courseId" class="mr-4">
-        <v-btn :color="$route.name === 'browse' ? 'secondary' : 'transparent'" @click="$router.push('/')">
+        <v-btn :color="$route.name === 'browse' ? 'primary' : 'secondary'" @click="$router.push('/')">
           <v-icon start>mdi-magnify</v-icon>
           Browse Course
         </v-btn>
         <v-btn
-          :color="$route.name === 'create-card' ? 'secondary' : 'transparent'"
+          :color="$route.name === 'create-card' ? 'primary' : 'secondary'"
           @click="$router.push('/create-card')"
         >
           <v-icon start>mdi-card-plus</v-icon>
           Create Card
         </v-btn>
         <v-btn
-          :color="$route.name === 'bulk-import' ? 'secondary' : 'transparent'"
+          :color="$route.name === 'bulk-import' ? 'primary' : 'secondary'"
           @click="$router.push('/bulk-import')"
         >
           <v-icon start>mdi-file-import</v-icon>

packages/studio-ui/src/components/StudioFlush.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-btn color="success" :loading="flushing" :disabled="flushing" @click="handleFlush">
+  <v-btn :loading="flushing" :disabled="flushing" @click="handleFlush">
     <v-icon start>mdi-content-save</v-icon>
     Flush to Static
   </v-btn>