From 2c059a655ee62ca32155b0e459dddd26fb3cc66d Mon Sep 17 00:00:00 2001
From: Thomas <dev.csnova@gmail.com>
Date: Sat, 9 Apr 2022 11:56:23 -0500
Subject: [PATCH] begain working on themeing

---
 plugins/vuetify.ts        |  8 +++++++-
 src/App.vue               | 31 +++++++++++++++----------------
 src/components/Editor.vue | 15 +++++++++++++++
 src/main.ts               |  3 +++
 4 files changed, 40 insertions(+), 17 deletions(-)

diff --git a/plugins/vuetify.ts b/plugins/vuetify.ts
index ecfb4f6..41746c8 100644
--- a/plugins/vuetify.ts
+++ b/plugins/vuetify.ts
@@ -1,4 +1,10 @@
 import 'vuetify/styles'
 import { createVuetify } from 'vuetify'
 
-export default createVuetify()
+export default createVuetify({
+    theme: {
+        defaultTheme: 'dark'
+      }
+}
+    
+)
diff --git a/src/App.vue b/src/App.vue
index 1c1ad7f..2d7adae 100644
--- a/src/App.vue
+++ b/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>
+    <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">
-          <router-view/>
+      
+      <v-card elevation="0" height="h-100">
+          <router-view />
+
       </v-card>
     </v-main>
   </v-app>
@@ -42,7 +41,7 @@ import { MathPage } from './support/page'
 .links {
   color: #fff;
 }
-.links:visited{
+.links:visited {
   color: #fff;
 }
 </style>
diff --git a/src/components/Editor.vue b/src/components/Editor.vue
index e69de29..6d8c639 100644
--- a/src/components/Editor.vue
+++ b/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>
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index ed814b0..0e4e506 100644
--- a/src/main.ts
+++ b/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)