begain working on themeing

plugins/vuetify.ts

@@ -1,4 +1,10 @@
 import 'vuetify/styles'
 import { createVuetify } from 'vuetify'
 
-export default createVuetify()
+export default createVuetify({
+    theme: {
+        defaultTheme: 'dark'
+      }
+}
+    
+)

src/App.vue

@@ -1,20 +1,17 @@
 <script setup lang="ts">
-import Home from './components/Home.vue'
-// This starter template is using Vue 3 <script setup> SFCs
-// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
-import HelloWorld from './components/HelloWorld.vue'
-import { MathStatement } from './support/parse'
-import { MathPage } from './support/page'
-(window as any).Stmt = MathStatement
-;(window as any).Pg = MathPage
+import { MathStatement } from "./support/parse";
+import { MathPage } from "./support/page";
+(window as any).Stmt = MathStatement;
+(window as any).Pg = MathPage;
+
+  theme: {
+    defaultTheme: 'dark'
+  }
 </script>
 
 <template>
-
-
-
   <v-app>
-    <v-app-bar height="30" color="grey-darken-3" elevation="0">
+    <v-app-bar height="30" elevation="0">
       <div id="nav">
         <router-link class="links" to="/">Home</router-link> |
         <router-link class="links" to="/scratch">Scratch Testing</router-link> |
@@ -23,8 +20,10 @@ import { MathPage } from './support/page'
     </v-app-bar>
 
     <v-main>
-      <v-card elevation="0" height="400px">
+      
+      <v-card elevation="0" height="h-100">
           <router-view />
+
       </v-card>
     </v-main>
   </v-app>

src/components/Editor.vue

@@ -0,0 +1,15 @@
+<script setup>
+
+</script>
+
+<template>
+ <v-navigation-drawer width="100" permanent>
+
+ </v-navigation-drawer>
+
+     <v-main>
+    </v-main>
+</template>
+
+<style>
+</style>

src/main.ts

@@ -13,6 +13,9 @@ const app = createApp(App)
 const vuetify = createVuetify({
     components,
     directives,
+    theme: {
+        defaultTheme: 'dark'
+      }
 }) // Replaces new Vuetify(...)
 app.use(vuetify)