Make Roboto Mono default font

src/assets/main.css

@@ -1,6 +1,7 @@
 div#app {
   width: 100%;
   height: 100vh;
+  font-family: 'Roboto Mono';
 }
 
 .screenshots-drawer {
@@ -23,7 +24,7 @@ div#app {
 }
 
 .vc-container {
-  font-family: 'Roboto' !important;
+  font-family: 'Roboto Mono' !important;
 }
 
 :root {
@@ -36,3 +37,11 @@ div#app {
   height: calc(100% - 56px);
   margin-top: 56px;
 }
+
+.ag-theme-material {
+  --ag-font-family: 'Roboto Mono'!important;
+}
+
+.v--default-css .c-toast {
+  font-family: 'Roboto Mono'!important;
+}

src/plugins/webfontloader.js

@@ -10,7 +10,7 @@ export async function loadFonts () {
   webFontLoader.load({
     google: {
       families: [
-          'Montserrat', 'Roboto',
+          'Montserrat', 'Roboto Mono',
       ],
     },
   })