ayanova/src/components/gz-data-table.vue

@@ -91,11 +91,11 @@
         <template v-slot:header="props">
           <!-- Mimic the full width data table select all toggle -->
           <div @click="props.toggleSelectAll(!props.everyItem)">
-            <v-icon v-if="!props.someItems" x-large>fa-square</v-icon>
+            <v-icon v-if="!props.someItems" x-large>far fa-square</v-icon>
             <v-icon v-if="props.someItems && !props.everyItem" x-large
-              >fa-minus-square</v-icon
+              >far fa-minus-square</v-icon
             >
-            <v-icon v-if="props.everyItem" x-large>fa-check-square</v-icon>
+            <v-icon v-if="props.everyItem" x-large>far fa-check-square</v-icon>
           </div>
         </template>
 

ayanova/src/plugins/vuetify.js

@@ -1,5 +1,5 @@
 /* xeslint-disable */
-
+import "@fortawesome/fontawesome-free/css/all.css"; // Ensure you are using css-loader
 import Vue from "vue";
 import Vuetify from "vuetify/lib";
 //import myLang from "../api/en";
@@ -20,8 +20,7 @@ export default new Vuetify({
         //accent: "#BD491A", //dark orangey red, more clarity, less friendly looking
         error: "#ff5252", //lighter red, have to see if it's good for all screens and sizes as it's a bit light but it stands out as an error condition better
 
-        disabled: "#e0e0e0",
-        anchor: "colors.purple"
+        disabled: "#e0e0e0"
       }
     }
   },