From 2900b2d40101980810e5453b491388d7d8b1e1c6 Mon Sep 17 00:00:00 2001
From: Megarolo <alex@cobwebpress.com>
Date: Fri, 25 Oct 2024 14:50:21 -0400
Subject: [PATCH 01/14] co

---
 nuxt.config.ts     | 15 +++++++++++++--
 pages/index.vue    | 44 ++++++++++++++++++++++++++++++++++++++++++++
 pages/settings.vue | 31 ++++++++++++++++++++++++++++++-
 3 files changed, 87 insertions(+), 3 deletions(-)

diff --git a/nuxt.config.ts b/nuxt.config.ts
index d2585eb..5c0cfe5 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,12 +1,15 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
-
 var sw = true;
+
 export default defineNuxtConfig({
   modules: [
     '@nuxt/image',
     '@vite-pwa/nuxt',
     '@nuxt/ui',
+    '@nuxtjs/color-mode',
+
+
     (_options, nuxt) => {
       nuxt.hooks.hook('vite:extendConfig', (config) => {
         // @ts-expect-error
@@ -188,7 +191,15 @@ export default defineNuxtConfig({
     client: true
   },
   colorMode: {
-    preference: 'light' //eventually we will add color mode preference
+    preference: 'dark', // default value of $colorMode.preference
+    fallback: 'dark', // fallback value if not system preference found
+    hid: 'nuxt-color-mode-script',
+    globalName: '__NUXT_COLOR_MODE__',
+    componentName: 'ColorScheme',
+    classPrefix: '',
+    classSuffix: '-mode',
+    storage: 'localStorage', // or 'sessionStorage' or 'cookie'
+    storageKey: 'nuxt-color-mode'
   },
   tailwindcss:{
     config:{
diff --git a/pages/index.vue b/pages/index.vue
index 0b2cea6..0dfc496 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,6 +2,9 @@
 /*
 Base page of the website. This really shouldn't be seen during normal use atm.
  */
+const colorMode = useColorMode()
+console.log(colorMode.preference)
+
 </script>
 
 <template>
@@ -10,6 +13,47 @@ Base page of the website. This really shouldn't be seen during normal use atm.
   <p>If you think there may be an issue with the </p>
   <p>server please find the nearest DARC SIDE programmer.</p>
   <p>Thanks!</p>
+  <div>
+    <h1>Color mode: {{ $colorMode.value }}</h1>
+    <select v-model="$colorMode.preference">
+      <option value="system">System</option>
+      <option value="light">Light</option>
+      <option value="dark">Dark</option>qw
+      <option value="sepia">Sepia</option>
+      <option value="Darc">Darc</option>
+    </select>
+  </div>
 </template>
 
+
 <style scoped></style>
+
+<style>
+/*
+body {
+  background-color: #fff;
+  color: rgba(0,0,0,0.8);
+}
+.dark-mode body {
+  background-color: #091a28;
+  color: #000000;
+}
+.sepia-mode body {
+  background-color: #f1e7d0;
+  color: #433422;
+}
+.Darc-mode body {
+
+  --color: #ebf4f1;
+  --color-primary: #41b38a;
+  --color-secondary: #fdf9f3;
+  --bg: #091a28;
+  --bg-secondary: #071521;
+  --border-color: #0d2538;
+
+  background-color: #f1e7d0;
+  color: #433422;
+}
+/*
+ */
+</style>
\ No newline at end of file
diff --git a/pages/settings.vue b/pages/settings.vue
index f4ca38a..df025a7 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -15,7 +15,7 @@ const isDark = computed({
     return colorMode.value === 'dark';
   },
   set() {
-    colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark';
+     colorMode.preference = colorMode.value === 'light' ? 'dark' : 'light';
   },
 });
 </script>
@@ -57,3 +57,32 @@ const isDark = computed({
 </template>
 
 <style scoped></style>
+
+<style>
+/*
+body {
+background-color: #fff;
+color: rgba(0,0,0,0.8);
+}
+.dark-mode body {
+background-color: #091a28;
+color: #000000;
+}
+.sepia-mode body {
+background-color: #f1e7d0;
+color: #433422;
+}
+.darc-mode body {
+/*
+--color: #ebf4f1;
+--color-primary: #41b38a;
+--color-secondary: #fdf9f3;
+--bg: #091a28;
+--bg-secondary: #071521;
+--border-color: #0d2538;
+
+background-color: #f1e7d0;
+color: #433422;
+}
+*/
+</style>
\ No newline at end of file

From 51e91b4da565ea7673487d29a3c0988168172774 Mon Sep 17 00:00:00 2001
From: Megarolo <alex@cobwebpress.com>
Date: Tue, 29 Oct 2024 14:23:18 -0400
Subject: [PATCH 02/14] I made differences to the style of certain pages but it
 didn't work

---
 pages/index.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 0dfc496..23e7709 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -29,7 +29,7 @@ console.log(colorMode.preference)
 <style scoped></style>
 
 <style>
-/*
+
 body {
   background-color: #fff;
   color: rgba(0,0,0,0.8);
@@ -54,6 +54,4 @@ body {
   background-color: #f1e7d0;
   color: #433422;
 }
-/*
- */
 </style>
\ No newline at end of file

From 6848c1556a70b2ad2829c0f558a6dc9be08ec744 Mon Sep 17 00:00:00 2001
From: Megarolo <alex@cobwebpress.com>
Date: Tue, 29 Oct 2024 14:27:45 -0400
Subject: [PATCH 03/14] I made differences to the style of certain pages but it
 didn't work

---
 nuxt.config.ts     |  4 ++--
 pages/index.vue    |  4 ++--
 pages/settings.vue | 30 ++----------------------------
 3 files changed, 6 insertions(+), 32 deletions(-)

diff --git a/nuxt.config.ts b/nuxt.config.ts
index 5c0cfe5..60a9dfb 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -191,8 +191,8 @@ export default defineNuxtConfig({
     client: true
   },
   colorMode: {
-    preference: 'dark', // default value of $colorMode.preference
-    fallback: 'dark', // fallback value if not system preference found
+    preference: 'Darc', // default value of $colorMode.preference
+    fallback: 'Darc', // fallback value if not system preference found
     hid: 'nuxt-color-mode-script',
     globalName: '__NUXT_COLOR_MODE__',
     componentName: 'ColorScheme',
diff --git a/pages/index.vue b/pages/index.vue
index 23e7709..a78d576 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -20,7 +20,7 @@ console.log(colorMode.preference)
       <option value="light">Light</option>
       <option value="dark">Dark</option>qw
       <option value="sepia">Sepia</option>
-      <option value="Darc">Darc</option>
+      <option value="darc">Darc</option>
     </select>
   </div>
 </template>
@@ -42,7 +42,7 @@ body {
   background-color: #f1e7d0;
   color: #433422;
 }
-.Darc-mode body {
+.darc-mode body {
 
   --color: #ebf4f1;
   --color-primary: #41b38a;
diff --git a/pages/settings.vue b/pages/settings.vue
index df025a7..91f944c 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -12,10 +12,10 @@ const colorMode = useColorMode();
  */
 const isDark = computed({
   get() {
-    return colorMode.value === 'dark';
+    return colorMode.value === 'darc';
   },
   set() {
-     colorMode.preference = colorMode.value === 'light' ? 'dark' : 'light';
+     colorMode.preference = colorMode.value === 'darc' ? 'light' : 'darc';
   },
 });
 </script>
@@ -59,30 +59,4 @@ const isDark = computed({
 <style scoped></style>
 
 <style>
-/*
-body {
-background-color: #fff;
-color: rgba(0,0,0,0.8);
-}
-.dark-mode body {
-background-color: #091a28;
-color: #000000;
-}
-.sepia-mode body {
-background-color: #f1e7d0;
-color: #433422;
-}
-.darc-mode body {
-/*
---color: #ebf4f1;
---color-primary: #41b38a;
---color-secondary: #fdf9f3;
---bg: #091a28;
---bg-secondary: #071521;
---border-color: #0d2538;
-
-background-color: #f1e7d0;
-color: #433422;
-}
-*/
 </style>
\ No newline at end of file

From 4039552fec03e5ddb454582449fcf2e5db8191c1 Mon Sep 17 00:00:00 2001
From: Megarolo <alex@cobwebpress.com>
Date: Tue, 29 Oct 2024 18:57:56 -0400
Subject: [PATCH 04/14] I made dark mode work but it has some text that blends
 in with the background that I need to fix

---
 components/website-utils/OuterComponents.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/components/website-utils/OuterComponents.vue b/components/website-utils/OuterComponents.vue
index 6f99805..82dbd52 100644
--- a/components/website-utils/OuterComponents.vue
+++ b/components/website-utils/OuterComponents.vue
@@ -55,6 +55,7 @@ if (
 </script>
 
 <template>
+  <UCard>
   <div class="flex min-h-screen w-screen flex-col">
     <Navbar
       class="flex-grow basis-auto"
@@ -164,6 +165,7 @@ if (
     </div>
   </div>
   <AddButton />
+  </UCard>
 </template>
 
 <style scoped>

From 94444321d79f7928cc0d1c07e4aa609ce9704ca2 Mon Sep 17 00:00:00 2001
From: Megarolo <alex@cobwebpress.com>
Date: Wed, 6 Nov 2024 12:25:59 -0500
Subject: [PATCH 05/14] I made dark mode work but it has some text that blends
 in with the background that I need to fix

---
 nuxt.config.ts      |  4 ++--
 pages/dashboard.vue |  2 +-
 pages/index.vue     | 44 +-------------------------------------------
 pages/settings.vue  | 30 ++++++++++++++++++++++++++++--
 4 files changed, 32 insertions(+), 48 deletions(-)

diff --git a/nuxt.config.ts b/nuxt.config.ts
index 60a9dfb..d6b3ba4 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -191,8 +191,8 @@ export default defineNuxtConfig({
     client: true
   },
   colorMode: {
-    preference: 'Darc', // default value of $colorMode.preference
-    fallback: 'Darc', // fallback value if not system preference found
+    preference: 'Dark', // default value of $colorMode.preference
+    fallback: 'Dark', // fallback value if not system preference found
     hid: 'nuxt-color-mode-script',
     globalName: '__NUXT_COLOR_MODE__',
     componentName: 'ColorScheme',
diff --git a/pages/dashboard.vue b/pages/dashboard.vue
index a359b6c..0c32e59 100644
--- a/pages/dashboard.vue
+++ b/pages/dashboard.vue
@@ -551,7 +551,7 @@ async function updateTeamData() {
               </div>
             </div>
             <div v-else>
-              <p class="font-medium text-xl text-center">No Events Scheduled</p>
+              <p class="font-medium text-xl text-center !text-primary">No Events Scheduled</p>
               <NuxtImg
                 src="/sadcookie.png"
                 class="mx-auto"
diff --git a/pages/index.vue b/pages/index.vue
index a78d576..9cf1d74 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,9 +2,6 @@
 /*
 Base page of the website. This really shouldn't be seen during normal use atm.
  */
-const colorMode = useColorMode()
-console.log(colorMode.preference)
-
 </script>
 
 <template>
@@ -13,45 +10,6 @@ console.log(colorMode.preference)
   <p>If you think there may be an issue with the </p>
   <p>server please find the nearest DARC SIDE programmer.</p>
   <p>Thanks!</p>
-  <div>
-    <h1>Color mode: {{ $colorMode.value }}</h1>
-    <select v-model="$colorMode.preference">
-      <option value="system">System</option>
-      <option value="light">Light</option>
-      <option value="dark">Dark</option>qw
-      <option value="sepia">Sepia</option>
-      <option value="darc">Darc</option>
-    </select>
-  </div>
 </template>
 
-
-<style scoped></style>
-
-<style>
-
-body {
-  background-color: #fff;
-  color: rgba(0,0,0,0.8);
-}
-.dark-mode body {
-  background-color: #091a28;
-  color: #000000;
-}
-.sepia-mode body {
-  background-color: #f1e7d0;
-  color: #433422;
-}
-.darc-mode body {
-
-  --color: #ebf4f1;
-  --color-primary: #41b38a;
-  --color-secondary: #fdf9f3;
-  --bg: #091a28;
-  --bg-secondary: #071521;
-  --border-color: #0d2538;
-
-  background-color: #f1e7d0;
-  color: #433422;
-}
-</style>
\ No newline at end of file
+<style scoped></style>
\ No newline at end of file
diff --git a/pages/settings.vue b/pages/settings.vue
index 91f944c..46106d0 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -12,10 +12,10 @@ const colorMode = useColorMode();
  */
 const isDark = computed({
   get() {
-    return colorMode.value === 'darc';
+    return colorMode.value === 'dark';
   },
   set() {
-     colorMode.preference = colorMode.value === 'darc' ? 'light' : 'darc';
+     colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark';
   },
 });
 </script>
@@ -59,4 +59,30 @@ const isDark = computed({
 <style scoped></style>
 
 <style>
+
+body {
+  background-color: #fff;
+  color: rgba(0,0,0,0.8);
+}
+.dark-mode body {
+  background-color: #091a28;
+  color: #000000;
+}
+.sepia-mode body {
+  background-color: #f1e7d0;
+  color: #433422;
+}
+.darc-mode body {
+
+  --color: #ebf4f1;
+  --color-primary: #41b38a;
+  --color-secondary: #fdf9f3;
+  --bg: #091a28;
+  --bg-secondary: #071521;
+  --border-color: #0d2538;
+
+  background-color: #f1e7d0;
+  color: #433422;
+
+}
 </style>
\ No newline at end of file

From 0c0812460a1338eb85324faef4b3840e2bf10e0a Mon Sep 17 00:00:00 2001
From: Megarolo <alex@cobwebpress.com>
Date: Thu, 9 Jan 2025 16:32:25 -0500
Subject: [PATCH 06/14] Made ui changes in the dashboard, teams, matches, and
 users page. Still debating between having the text be coral or white. Is
 functional

---
 pages/dashboard.vue   |  16 ++---
 pages/index.vue       |   2 +-
 pages/matches.vue     |   5 +-
 pages/predict.vue     |   4 +-
 pages/teams/index.vue | 135 ++++++++++++++++++++++--------------------
 pages/users.vue       |   1 +
 6 files changed, 85 insertions(+), 78 deletions(-)

diff --git a/pages/dashboard.vue b/pages/dashboard.vue
index 0c32e59..a4d642d 100644
--- a/pages/dashboard.vue
+++ b/pages/dashboard.vue
@@ -353,10 +353,10 @@ async function updateTeamData() {
             <div class="h-40 overflow-y-auto px-4 rounded-md">
               <div
                 v-for="(event, index) in pastEvents"
-                class="bg-gray-100 rounded-md"
+                class="bg-gray-100 rounded-md dark:bg-gray-800"
               >
                 <div class="my-2 p-2">
-                  <p class="font-medium">{{ event.name }}</p>
+                  <p class="font-medium dark:text-white">{{ event.name }}</p>
                   <UButton
                     class="rounded-full my-0.5"
                     icon="i-heroicons-map-pin-solid"
@@ -373,19 +373,19 @@ async function updateTeamData() {
                   />
                   <div class="flex my-0.5">
                     <UButton
-                      class="rounded-full mx-0.5"
+                      class="rounded-full mx-0.5 dark:hover:bg-primary-950"
                       icon="i-heroicons-calendar-days-solid"
                       variant="outline"
-                      color="gray"
+                      color="primary"
                     />
                     <UButton
                       v-if="typeof event.week === 'number'"
-                      class="rounded-full mx-0.5 mr-1"
+                      class="rounded-full mx-0.5 mr-1 dark:hover:bg-primary-950"
                       :label="'Week ' + (parseInt(event.week) + 1)"
-                      color="gray"
+                      color="primary"
                       variant="outline"
                     />
-                    <p class="my-auto mx-0.5">
+                    <p class="my-auto mx-0.5 dark:text-white">
                       {{
                         months.at(event.start_date.split('-')[1] - 1) +
                         ' ' +
@@ -416,7 +416,7 @@ async function updateTeamData() {
                         class="rounded-full mx-0.5 mr-1"
                         color="primary"
                       />
-                      <p class="my-auto mx-0.5 font-sans">
+                      <p class="my-auto mx-0.5 font-sans dark:text-white">
                         {{ placeify(teamEventData[index].rank) }} Place with a
                         Record of
                         {{
diff --git a/pages/index.vue b/pages/index.vue
index 9cf1d74..0b2cea6 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -12,4 +12,4 @@ Base page of the website. This really shouldn't be seen during normal use atm.
   <p>Thanks!</p>
 </template>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped></style>
diff --git a/pages/matches.vue b/pages/matches.vue
index d6d4379..ce8503c 100644
--- a/pages/matches.vue
+++ b/pages/matches.vue
@@ -102,13 +102,14 @@ async function setup() {
   <OuterComponents>
     <VDataTable
       :loading="pending"
-      class="max-h-dvh overflow-auto"
+      class="max-h-dvh overflow-auto dark:bg-gray-800 dark:text-white"
       :headers="headers"
       :items="items"
       item-key="name"
       density="compact"
       :items-per-page="-1"
       v-model:sort-by="sortBy"
+
     >
       <template v-slot:item.notes="row">
         <UPopover :popper="{ offsetDistance: 15 }">
@@ -120,7 +121,7 @@ async function setup() {
           />
           <template #panel>
             <UContainer
-              class="m-auto max-w-lg min-w-[15rem] overflow-y-auto"
+              class="m-auto max-w-lg min-w-[15rem] overflow-y-auto border-2"
               style="max-height: 20rem; min-height: 10rem"
             >
               <br />
diff --git a/pages/predict.vue b/pages/predict.vue
index de02008..7091bf2 100644
--- a/pages/predict.vue
+++ b/pages/predict.vue
@@ -355,7 +355,7 @@ watch(pending, () => {
             </p>
             <p
               v-else
-              class="font-semibold"
+              class="font-semibold !text-primary"
             >
               vs
             </p>
@@ -411,7 +411,7 @@ watch(pending, () => {
           </UInput>
         </UContainer>
         <template #footer>
-          <div class="text-center text-xs">
+          <div class="text-center text-xs !text-primary">
             <p v-if="!pending">
               {{
                 'Accuracy: ' +
diff --git a/pages/teams/index.vue b/pages/teams/index.vue
index 8d64439..72cb922 100644
--- a/pages/teams/index.vue
+++ b/pages/teams/index.vue
@@ -135,8 +135,8 @@ async function tableSetup() {
     let alliance = blueAlliance.includes(key.toString())
       ? 'bg-blue-100'
       : redAlliance.includes(key.toString())
-      ? 'bg-red-100'
-      : '';
+        ? 'bg-red-100'
+        : '';
     if (allowedTeams.length == 0 || allowedTeams.includes(key.toString())) {
       for (let match of value) {
         if (
@@ -327,7 +327,7 @@ async function tableSetup() {
     teamsData.value[i].team.color = colorify(
       ((sortedTeamPercents.indexOf(teamPercents[i]) + 1) /
         sortedTeamPercents.length) *
-        100,
+      100,
     );
     teamsData.value[i].driver.color = colorify(
       calculatePercent(
@@ -583,10 +583,10 @@ function autoAccuracy(teamArrays: Array<ScoutingData>) {
     return [
       true,
       (successfulAmpCount + successfulSpeakerCount) /
-        (missedAmpCount +
-          missedSpeakerCount +
-          successfulSpeakerCount +
-          successfulAmpCount),
+      (missedAmpCount +
+        missedSpeakerCount +
+        successfulSpeakerCount +
+        successfulAmpCount),
       successfulAmpCount / (missedAmpCount + successfulAmpCount),
       successfulSpeakerCount / (missedSpeakerCount + successfulSpeakerCount),
     ];
@@ -594,7 +594,7 @@ function autoAccuracy(teamArrays: Array<ScoutingData>) {
     return [
       false,
       (successfulAmpCount + successfulSpeakerCount) /
-        (missedAmpCount + successfulSpeakerCount + successfulAmpCount),
+      (missedAmpCount + successfulSpeakerCount + successfulAmpCount),
     ];
 }
 
@@ -619,10 +619,10 @@ function teleAccuracy(teamArrays: Array<ScoutingData>) {
     return [
       true,
       (successfulAmpCount + successfulSpeakerCount) /
-        (missedAmpCount +
-          missedSpeakerCount +
-          successfulSpeakerCount +
-          successfulAmpCount),
+      (missedAmpCount +
+        missedSpeakerCount +
+        successfulSpeakerCount +
+        successfulAmpCount),
       successfulAmpCount / (missedAmpCount + successfulAmpCount),
       successfulSpeakerCount / (missedSpeakerCount + successfulSpeakerCount),
     ];
@@ -630,7 +630,7 @@ function teleAccuracy(teamArrays: Array<ScoutingData>) {
     return [
       false,
       (successfulAmpCount + successfulSpeakerCount) /
-        (missedAmpCount + successfulSpeakerCount + successfulAmpCount),
+      (missedAmpCount + successfulSpeakerCount + successfulAmpCount),
     ];
 }
 
@@ -1015,87 +1015,90 @@ await tableSetup();
       </template>
       <template #default>
         <div>
-          <table
-            id="teamTable"
-            class="table-auto border-4 border-gray-50"
-          >
-            <colgroup
-              span="2"
-              class="odd:bg-gray-50"
-            />
-            <colgroup
-              span="2"
-              class="odd:bg-gray-50"
-            />
-            <colgroup
-              span="3"
-              class="odd:bg-gray-50"
-            />
-            <colgroup
-              span="3"
-              class="odd:bg-gray-50"
-            />
-            <colgroup
-              span="3"
-              class="odd:bg-gray-50"
-            />
-            <thead class="top-0 sticky bg-gray-50 z-10">
+            <table
+              id="teamTable"
+              class="table-auto border-4 border-gray-50 dark:border-gray-800 dark:bg-gray-900"
+            >
+              <colgroup
+                span="2"
+                class="odd:bg-gray-50 dark:bg-gray-800"
+              />
+              <colgroup
+                span="2"
+                class="odd:bg-gray-50 dark:bg-gray-700"
+              />
+              <colgroup
+                span="3"
+                class="odd:bg-gray-50 dark:bg-gray-800"
+              />
+              <colgroup
+                span="3"
+                class="odd:bg-gray-50 dark:bg-gray-700"
+              />
+              <colgroup
+                span="3"
+                class="odd:bg-gray-50 dark:bg-gray-800"
+              />
+              <thead class="top-0 sticky bg-gray-50 z-10">
               <tr>
-                <th colspan="2" />
-                <th colspan="2">
-                  <p class="text-xs font-light">Average</p>
-                  Ratings
-                  <p class="text-xs font-light">/5.00</p>
+                <th colspan="2" class="dark:bg-gray-800"/>
+                  <th colspan="2" class="dark:bg-gray-800">
+                      <p class="text-xs font-light !text-primary">Average</p>
+                  <p class="!text-primary">Ratings</p>
+                  <p class="text-xs font-light !text-primary">/5.00</p>
                 </th>
                 <th
                   colspan="3"
                   scope="colgroup"
+                  class="dark:bg-gray-800"
                 >
-                  <p class="text-xs font-light">Average</p>
-                  Auto Cycles
+                  <p class="text-xs font-light !text-primary">Average</p>
+                  <p class="!text-primary">Cycles</p>
                 </th>
                 <th
                   colspan="3"
                   scope="colgroup"
+                  class="dark:bg-gray-800"
                 >
-                  <p class="text-xs font-light">Average</p>
-                  Teleop Cycles
+                  <p class="text-xs font-light !text-primary">Average</p>
+                  <p class="!text-primary">Teleop Cycles</p>
                 </th>
                 <th
                   colspan="3"
                   scope="colgroup"
+                  class="dark:bg-gray-800"
                 >
-                  <p class="text-xs font-light">Average</p>
-                  Endgame
+                  <p class="text-xs font-light !text-primary">Average</p>
+                  <p class="!text-primary">Endgame</p>
                 </th>
               </tr>
               <tr>
                 <th
                   scope="col"
                   v-for="(col, index) of columns"
-                  class="font-medium text-sm"
+                  class="font-medium text-sm dark:bg-gray-800"
                 >
                   <UButton
                     v-if="col.sortable"
                     @click="sortTable(index, col.sort, col.label)"
                     :trailing-icon="col.icon"
                     variant="ghost"
-                    class="rounded-full"
+                    class="rounded-full dark:bg-gray-700"
                     size="xs"
                     :label="col.label"
                     color="gray"
                   /><UButton
-                    v-else
-                    :label="col.label"
-                    size="xs"
-                    variant="ghost"
-                    class="rounded-full"
-                    color="gray"
-                  />
+                  v-else
+                  :label="col.label"
+                  size="xs"
+                  variant="ghost"
+                  class="rounded-full dark:bg-gray-700"
+                  color="gray"
+                />
                 </th>
               </tr>
-            </thead>
-            <tbody>
+              </thead>
+              <tbody>
               <tr
                 v-for="team of teamsData"
                 class="border-b border-gray-200 dark:border-gray-700"
@@ -1108,6 +1111,7 @@ await tableSetup();
                     size="xs"
                     @click="navigateTo('/teams/' + team.team.data)"
                     trailing-icon="i-heroicons-chart-bar-square"
+                    class="dark:bg-gray-700"
                   />
                 </td>
                 <td class="text-center">
@@ -1117,6 +1121,7 @@ await tableSetup();
                     icon="i-heroicons-photo"
                     variant="soft"
                     @click="navigateTo('/teams/attachments/' + team.team.data)"
+                    class="dark:bg-gray-700"
                   />
                 </td>
                 <td class="text-center">
@@ -1159,7 +1164,7 @@ await tableSetup();
                       variant="soft"
                       :color="team.autoAcc.color"
                       size="xs"
-                      class="mx-auto"
+                      class="mx-auto dark:bg-gray-700"
                     />
                     <template #panel>
                       <div class="flex">
@@ -1296,7 +1301,7 @@ await tableSetup();
                 <td class="text-center">
                   <UPopover mode="hover">
                     <UButton
-                      class="m-1 mx-auto"
+                      class="m-1 mx-auto dark:bg-gray-700"
                       variant="soft"
                       icon="i-heroicons-chart-pie"
                       color="gray"
@@ -1317,9 +1322,9 @@ await tableSetup();
                   </UPopover>
                 </td>
               </tr>
-            </tbody>
-          </table>
-        </div>
+              </tbody>
+            </table>
+          </div>
       </template>
     </UCard>
   </OuterComponents>
diff --git a/pages/users.vue b/pages/users.vue
index 653275b..c9a149d 100644
--- a/pages/users.vue
+++ b/pages/users.vue
@@ -312,6 +312,7 @@ const { pending, data: res } = await useLazyAsyncData('res', () => setup());
               <UButton
                 color="gray"
                 variant="soft"
+                class="dark:bg-gray-700"
                 icon="i-heroicons-trash"
                 @click="deleteUser(row[0])"
               />

From c704df5d821c0dd0360569cb4b8c3892b8e85d78 Mon Sep 17 00:00:00 2001
From: Megarolo <alex@cobwebpress.com>
Date: Mon, 13 Jan 2025 15:06:14 -0500
Subject: [PATCH 07/14] Deleted some unnecasary code but there may be more of
 it. changed default preference back to light mode.

---
 nuxt.config.ts     | 12 +-----------
 pages/settings.vue | 31 +------------------------------
 2 files changed, 2 insertions(+), 41 deletions(-)

diff --git a/nuxt.config.ts b/nuxt.config.ts
index d6b3ba4..ba5ab7d 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -8,8 +8,6 @@ export default defineNuxtConfig({
     '@vite-pwa/nuxt',
     '@nuxt/ui',
     '@nuxtjs/color-mode',
-
-
     (_options, nuxt) => {
       nuxt.hooks.hook('vite:extendConfig', (config) => {
         // @ts-expect-error
@@ -191,15 +189,7 @@ export default defineNuxtConfig({
     client: true
   },
   colorMode: {
-    preference: 'Dark', // default value of $colorMode.preference
-    fallback: 'Dark', // fallback value if not system preference found
-    hid: 'nuxt-color-mode-script',
-    globalName: '__NUXT_COLOR_MODE__',
-    componentName: 'ColorScheme',
-    classPrefix: '',
-    classSuffix: '-mode',
-    storage: 'localStorage', // or 'sessionStorage' or 'cookie'
-    storageKey: 'nuxt-color-mode'
+    preference: 'light', // default value of $colorMode.preference
   },
   tailwindcss:{
     config:{
diff --git a/pages/settings.vue b/pages/settings.vue
index 46106d0..5c4048a 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -56,33 +56,4 @@ const isDark = computed({
   </OuterComponents>
 </template>
 
-<style scoped></style>
-
-<style>
-
-body {
-  background-color: #fff;
-  color: rgba(0,0,0,0.8);
-}
-.dark-mode body {
-  background-color: #091a28;
-  color: #000000;
-}
-.sepia-mode body {
-  background-color: #f1e7d0;
-  color: #433422;
-}
-.darc-mode body {
-
-  --color: #ebf4f1;
-  --color-primary: #41b38a;
-  --color-secondary: #fdf9f3;
-  --bg: #091a28;
-  --bg-secondary: #071521;
-  --border-color: #0d2538;
-
-  background-color: #f1e7d0;
-  color: #433422;
-
-}
-</style>
\ No newline at end of file
+<style scoped></style>
\ No newline at end of file

From 63baddb5d35f0f092259429e7bf08b1f9f7de136 Mon Sep 17 00:00:00 2001
From: Megarolo <alex@cobwebpress.com>
Date: Thu, 16 Jan 2025 14:57:23 -0500
Subject: [PATCH 08/14] changed a whole bunch of things. changed
 login,notes,attachment,add button, and scout. Fixed some bugs as well

---
 components/website-utils/AddButton.vue       |  2 +-
 components/website-utils/OuterComponents.vue |  4 +---
 pages/attachment/add.vue                     |  4 +++-
 pages/login.vue                              |  4 +++-
 pages/matches.vue                            |  2 +-
 pages/notes.vue                              |  6 ++++--
 pages/predict.vue                            |  2 +-
 pages/scout.vue                              |  6 ++++--
 pages/teams/index.vue                        | 14 +++++++-------
 9 files changed, 25 insertions(+), 19 deletions(-)

diff --git a/components/website-utils/AddButton.vue b/components/website-utils/AddButton.vue
index 39afa95..a728a84 100644
--- a/components/website-utils/AddButton.vue
+++ b/components/website-utils/AddButton.vue
@@ -23,7 +23,7 @@ let addButtonLinks = [
         <UPopover>
             <UButton
                 :ui="{ rounded: 'rounded-full' }"
-                class="m-0 shadow-md"
+                class="ml-20 shadow-md"
                 color="primary"
                 icon="i-heroicons-plus-20-solid"
                 size="xl"
diff --git a/components/website-utils/OuterComponents.vue b/components/website-utils/OuterComponents.vue
index 82dbd52..a53f5f0 100644
--- a/components/website-utils/OuterComponents.vue
+++ b/components/website-utils/OuterComponents.vue
@@ -55,8 +55,7 @@ if (
 </script>
 
 <template>
-  <UCard>
-  <div class="flex min-h-screen w-screen flex-col">
+  <div class=" min-h-screen w-screen flex-col dark:bg-gray-800 m overflow-auto max-h-dvh ">
     <Navbar
       class="flex-grow basis-auto"
       :disable-sidebar="width > 800"
@@ -165,7 +164,6 @@ if (
     </div>
   </div>
   <AddButton />
-  </UCard>
 </template>
 
 <style scoped>
diff --git a/pages/attachment/add.vue b/pages/attachment/add.vue
index e01f87f..6c14add 100644
--- a/pages/attachment/add.vue
+++ b/pages/attachment/add.vue
@@ -182,9 +182,10 @@ const { isOverDropZone } = useDropZone(dropZoneRef, onDrop); // variable that ch
 
 <template>
   <navbar></navbar>
+  <UCard class="h-screen w-screen dark:bg-gray-800 rounded-none">
   <UContainer>
     <UCard
-      class="w-lg h-96 flex flex-wrap justify-center content-center m-3 transition-colors"
+      class="w-lg h-96 flex flex-wrap justify-center content-center m-3 transition-colors text-coral-400"
       :class="{ 'bg-emerald-100': isOverDropZone }"
       ref="dropZoneRef"
     >
@@ -301,6 +302,7 @@ const { isOverDropZone } = useDropZone(dropZoneRef, onDrop); // variable that ch
       </UTable>
     </UCard>
   </UContainer>
+  </UCard>
 </template>
 
 <style scoped />
diff --git a/pages/login.vue b/pages/login.vue
index dd280e0..96c67f7 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -56,6 +56,7 @@ async function login(username: string, password: string) {
 </script>
 
 <template>
+  <UCard class="h-screen w-screen dark:bg-gray-800 rounded-none">
   <html>
     <head>
       <meta
@@ -74,7 +75,7 @@ async function login(username: string, password: string) {
     <LazyUCard>
       <template #header>
         <h2
-          class="font-semibold text-xl text-gray-900 dark:text-white leading-tight"
+          class="font-semibold text-xl text-gray-900 dark:text-primary leading-tight"
         >
           {{ 'Login' }}
         </h2>
@@ -140,6 +141,7 @@ async function login(username: string, password: string) {
       </LazyUForm>
     </LazyUCard>
   </LazyUContainer>
+  </UCard>
 </template>
 
 <style scoped>
diff --git a/pages/matches.vue b/pages/matches.vue
index ce8503c..efd66d1 100644
--- a/pages/matches.vue
+++ b/pages/matches.vue
@@ -102,7 +102,7 @@ async function setup() {
   <OuterComponents>
     <VDataTable
       :loading="pending"
-      class="max-h-dvh overflow-auto dark:bg-gray-800 dark:text-white"
+      class="max-h-dvh overflow-auto dark:bg-gray-800 dark:text-white border-4 dark:border-gray-700"
       :headers="headers"
       :items="items"
       item-key="name"
diff --git a/pages/notes.vue b/pages/notes.vue
index 402318e..58236b5 100644
--- a/pages/notes.vue
+++ b/pages/notes.vue
@@ -60,8 +60,9 @@ async function submit() {
 
 <template>
   <Navbar notes-mode></Navbar>
-  <div class="flex justify-center">
-    <UCard class="max-w-xl flex-grow m-5">
+  <UCard class="h-screen w-screen rounded-none">
+    <div class="flex justify-center">
+    <UCard class="max-w-xl flex-grow m-5 border-4 dark:border-gray-800">
       <template #default>
         <div class="pb-1.5">
           <UInput
@@ -97,6 +98,7 @@ async function submit() {
       </template>
     </UCard>
   </div>
+  </UCard>
 </template>
 
 <style scoped></style>
diff --git a/pages/predict.vue b/pages/predict.vue
index 7091bf2..3c4b6cc 100644
--- a/pages/predict.vue
+++ b/pages/predict.vue
@@ -363,7 +363,7 @@ watch(pending, () => {
         </UContainer>
         <UContainer
           :class="
-            'flex bg-red-100 p-5 mt-4 rounded-sm outline outline-3 ' +
+            'flex bg-red-100 dark:bg-red-400 dark:outline-red-400 p-5 mt-4 rounded-sm outline outline-3 ' +
             winningTeamColor[0]
           "
         >
diff --git a/pages/scout.vue b/pages/scout.vue
index f8f37ab..b159e02 100644
--- a/pages/scout.vue
+++ b/pages/scout.vue
@@ -175,8 +175,9 @@ async function submit() {
 
 <template>
   <Navbar scout-mode></Navbar>
+  <UCard class="h-screen w-screen overflow-y-auto rounded-none">
   <div class="flex justify-center">
-    <UCard class="max-w-xl flex-grow m-5">
+    <UCard class="max-w-xl flex-grow m-5 dark:bg-gray-800">
       <template #header>
         <div style="display: flex">
           <div class="flex-0 pr-2">
@@ -482,7 +483,7 @@ async function submit() {
         <!-- A general notes area using the NUXT UI UTextarea-->
         <UTextarea
           v-model="scoutData.notes.notes"
-          color="yellow"
+          color="red"
           placeholder="Other notes..."
         />
         <br />
@@ -511,6 +512,7 @@ async function submit() {
       </template>
     </UCard>
   </div>
+  </UCard>
 </template>
 
 <style scoped></style>
diff --git a/pages/teams/index.vue b/pages/teams/index.vue
index 72cb922..3184ba1 100644
--- a/pages/teams/index.vue
+++ b/pages/teams/index.vue
@@ -933,7 +933,7 @@ await tableSetup();
 
 <template>
   <OuterComponents class="z[11]">
-    <UCard class="max-h-dvh overflow-auto">
+    <UCard class="max-h-dvh overflow-auto dark:bg-gray-800 border-4 dark:border-gray-700">
       <template #header>
         <div class="flex">
           <UForm>
@@ -1017,27 +1017,27 @@ await tableSetup();
         <div>
             <table
               id="teamTable"
-              class="table-auto border-4 border-gray-50 dark:border-gray-800 dark:bg-gray-900"
+              class="table-auto border-4 border-gray-50 dark:border-gray-800"
             >
               <colgroup
                 span="2"
-                class="odd:bg-gray-50 dark:bg-gray-800"
+                class="odd:bg-gray-50 dark:bg-gray-800 border-4 dark:border-gray-700"
               />
               <colgroup
                 span="2"
-                class="odd:bg-gray-50 dark:bg-gray-700"
+                class="odd:bg-gray-50 dark:bg-gray-700 border-4 dark:border-gray-700"
               />
               <colgroup
                 span="3"
-                class="odd:bg-gray-50 dark:bg-gray-800"
+                class="odd:bg-gray-50 dark:bg-gray-800 border-4 dark:border-gray-700"
               />
               <colgroup
                 span="3"
-                class="odd:bg-gray-50 dark:bg-gray-700"
+                class="odd:bg-gray-50 dark:bg-gray-700 border-4 dark:border-gray-700"
               />
               <colgroup
                 span="3"
-                class="odd:bg-gray-50 dark:bg-gray-800"
+                class="odd:bg-gray-50 dark:bg-gray-800 border-4 dark:border-gray-700"
               />
               <thead class="top-0 sticky bg-gray-50 z-10">
               <tr>

From efd5b411ca6c70ef10c10fb076c1a6d948fb70df Mon Sep 17 00:00:00 2001
From: Megarolo <alex@cobwebpress.com>
Date: Tue, 21 Jan 2025 15:43:49 -0500
Subject: [PATCH 09/14] fixed all of the stuff ryan wanted me to fix

---
 components/24-crescendo/AmpVisualization.vue     | 2 +-
 components/24-crescendo/MatchVisualization.vue   | 8 ++++----
 components/24-crescendo/SpeakerVisualization.vue | 2 +-
 components/charts/BarChart.vue                   | 8 ++++++++
 components/charts/LineChart.vue                  | 8 ++++++++
 components/website-utils/OuterComponents.vue     | 2 +-
 pages/matches.vue                                | 4 ++--
 pages/predict.vue                                | 4 ++--
 pages/teams/[id].vue                             | 4 ++--
 pages/teams/attachments/[id].vue                 | 8 ++++----
 10 files changed, 33 insertions(+), 17 deletions(-)

diff --git a/components/24-crescendo/AmpVisualization.vue b/components/24-crescendo/AmpVisualization.vue
index acd5b17..f7b01a4 100644
--- a/components/24-crescendo/AmpVisualization.vue
+++ b/components/24-crescendo/AmpVisualization.vue
@@ -116,7 +116,7 @@ let rows = [
       ></LineChart>
       <div class="flex-auto whitespace-normal">
         <div
-          class="font-semibold underline underline-offset-2 mb-1 w-full text-center"
+          class="font-semibold underline underline-offset-2 mb-1 w-full text-center dark:!text-primary"
         >
           <h1>Amp</h1>
         </div>
diff --git a/components/24-crescendo/MatchVisualization.vue b/components/24-crescendo/MatchVisualization.vue
index f1a56bd..14e3c69 100644
--- a/components/24-crescendo/MatchVisualization.vue
+++ b/components/24-crescendo/MatchVisualization.vue
@@ -121,14 +121,14 @@ console.log(props.rowData.rawData);
         <div
           v-if="rowData.rawData[selectedMatch - 1].auto.position != undefined"
         >
-          <p class="font-extrabold text-sm inline-block">
+          <p class="font-extrabold text-sm inline-block dark:text-gray-400">
             Auto Position: &nbsp;
           </p>
           <p class="text-sm inline-block">
             {{ rowData.rawData[selectedMatch - 1].auto.position }}
           </p>
         </div>
-        <p class="font-extrabold text-sm">Auto & Endgame:</p>
+        <p class="font-extrabold text-sm dark:text-gray-400">Auto & Endgame:</p>
         <div class="pb-1">
           <UBadge
             color="sky"
@@ -178,7 +178,7 @@ console.log(props.rowData.rawData);
               </div>
             </div>
           </div>
-          <span class="font-extrabold text-sm">Other notes: </span>
+          <span class="font-extrabold text-sm dark:text-gray-400">Other notes: </span>
           <UBadge
             :color="
               sentimentScore > 1
@@ -192,7 +192,7 @@ console.log(props.rowData.rawData);
             "
             >{{ sentimentScore }}</UBadge
           >
-          <p class="pb-2 text-xs">
+          <p class="pb-2 text-xs dark:text-gray-400">
             {{
               rowData.rawData[selectedMatch - 1].notes.notes == ''
                 ? 'None'
diff --git a/components/24-crescendo/SpeakerVisualization.vue b/components/24-crescendo/SpeakerVisualization.vue
index f932b61..dc7204c 100644
--- a/components/24-crescendo/SpeakerVisualization.vue
+++ b/components/24-crescendo/SpeakerVisualization.vue
@@ -120,7 +120,7 @@ let rows = [
       ></LineChart>
       <div class="flex-auto whitespace-normal">
         <div
-          class="font-semibold underline underline-offset-2 mb-1 w-full text-center"
+          class="font-semibold underline underline-offset-2 mb-1 w-full text-center dark:!text-primary"
         >
           <h1>Speaker</h1>
         </div>
diff --git a/components/charts/BarChart.vue b/components/charts/BarChart.vue
index 46c1930..33ba242 100644
--- a/components/charts/BarChart.vue
+++ b/components/charts/BarChart.vue
@@ -60,7 +60,15 @@ let options = {
     scales: {
         y: {
             suggestedMax: props.suggestedMax || 10,
+          grid: {
+            color: 'rgba(193,193,193,0.5)',
+          }
         },
+      x: {
+          grid: {
+            color: 'rgba(193,193,193,0.5)',
+          }
+      }
     },
     responsive: true,
 }
diff --git a/components/charts/LineChart.vue b/components/charts/LineChart.vue
index 8e04f9b..2e46dab 100644
--- a/components/charts/LineChart.vue
+++ b/components/charts/LineChart.vue
@@ -62,7 +62,15 @@ let options = {
     y: {
       suggestedMax: props.suggestedMax || 10,
       suggestedMin: 0,
+      grid: {
+        color: 'rgba(193,193,193,0.5)',
+      }
     },
+    x: {
+      grid: {
+        color: 'rgba(193,193,193,0.5)',
+      }
+    }
   },
   responsive: true,
 };
diff --git a/components/website-utils/OuterComponents.vue b/components/website-utils/OuterComponents.vue
index a53f5f0..5175985 100644
--- a/components/website-utils/OuterComponents.vue
+++ b/components/website-utils/OuterComponents.vue
@@ -116,7 +116,7 @@ if (
                     <template #header>
                       <div class="text-center">
                         <span
-                          class="overflow-hidden flex-auto text-zinc-900 max-w-32"
+                          class="overflow-hidden flex-auto !text-primary max-w-32"
                         >
                           {{ usernameState }}
                         </span>
diff --git a/pages/matches.vue b/pages/matches.vue
index efd66d1..9e87c2a 100644
--- a/pages/matches.vue
+++ b/pages/matches.vue
@@ -114,8 +114,8 @@ async function setup() {
       <template v-slot:item.notes="row">
         <UPopover :popper="{ offsetDistance: 15 }">
           <UButton
-            class="mt-2 mb-2"
-            color="yellow"
+            class="mt-2 mb-2 dark:bg-slate-700"
+            color="coral"
             label="Notes"
             variant="soft"
           />
diff --git a/pages/predict.vue b/pages/predict.vue
index 3c4b6cc..6b19e36 100644
--- a/pages/predict.vue
+++ b/pages/predict.vue
@@ -298,7 +298,7 @@ watch(pending, () => {
         </template>
         <UContainer
           :class="
-            'flex bg-blue-100 p-5 rounded-sm outline outline-3 ' +
+            'flex bg-blue-100 dark:bg-blue-500 dark:outline-blue-500 p-5 rounded-sm outline outline-3 ' +
             winningTeamColor[1]
           "
         >
@@ -363,7 +363,7 @@ watch(pending, () => {
         </UContainer>
         <UContainer
           :class="
-            'flex bg-red-100 dark:bg-red-400 dark:outline-red-400 p-5 mt-4 rounded-sm outline outline-3 ' +
+            'flex bg-red-100 dark:bg-red-700 dark:outline-red-700 p-5 mt-4 rounded-sm outline outline-3 ' +
             winningTeamColor[0]
           "
         >
diff --git a/pages/teams/[id].vue b/pages/teams/[id].vue
index ea15e8d..19429a2 100644
--- a/pages/teams/[id].vue
+++ b/pages/teams/[id].vue
@@ -185,7 +185,7 @@ watch(width, () => {
 </script>
 
 <template>
-    <UCard class="w-full h-full">
+    <UCard class="w-full h-full rounded-none dark:bg-gray-800">
         <template #header>
             <UButton
                 class="absolute left-2 top-2"
@@ -194,7 +194,7 @@ watch(width, () => {
                 icon="i-heroicons-arrow-left"
                 @click="goBack"
             />
-            <div class="text-center justify-center">
+            <div class="text-center justify-center dark:!text-primary">
                 <UTooltip :text="'Avg Penalties: ' + teamData.penaltyScore.toFixed(2)" :popper="{ offsetDistance: -2 }">
                     <div>
                         <svg
diff --git a/pages/teams/attachments/[id].vue b/pages/teams/attachments/[id].vue
index 724d670..2cf513c 100644
--- a/pages/teams/attachments/[id].vue
+++ b/pages/teams/attachments/[id].vue
@@ -110,10 +110,10 @@ async function goBack() {
 </script>
 
 <template>
-  <UCard>
+  <UCard class="rounded-none w-screen h-screen">
     <template #header>
       <UButton class="absolute left-2 top-2" variant="ghost" size="xl" icon="i-heroicons-arrow-left" @click="goBack"/>
-      <h1 class="font-extrabold text-4xl text-center">Team {{ route.params.id }} Attachments</h1>
+      <h1 class="font-extrabold text-4xl text-center dark:!text-primary">Team {{ route.params.id }} Attachments</h1>
       <div class="flex mt-2 justify-center">
         <UButton class="font-sans font-medium mr-2" variant="ghost" color="primary" icon="i-heroicons-adjustments-horizontal" label="Filters: "></UButton>
         <UInput icon="i-heroicons-magnifying-glass" color="primary" class="w-32" v-model="filterInput"/> <!-- wip -->
@@ -222,9 +222,9 @@ async function goBack() {
           </UCard>
         </UContainer>
       </UContainer>
-      <div v-else class="opacity-50">
+      <div v-else class="opacity-50t">
         <NuxtImg src="/sadcookie.png" height="400" width="400" />
-        <h1 class="font-sans text-xl font-bold text-center">No Images</h1>
+        <h1 class="font-sans text-xl font-bold text-center dark:!text-primary">No Images</h1>
       </div>
     </template>
   </UCard>

From c89de11dad2e2868621c696660a2f54b535f9bb0 Mon Sep 17 00:00:00 2001
From: Ryan Bauroth <25bauroth@da.org>
Date: Thu, 23 Jan 2025 14:40:52 -0500
Subject: [PATCH 10/14] UI tuning

---
 components/website-utils/OuterComponents.vue |   6 +-
 pages/matches.vue                            |   5 +-
 pages/predict.vue                            |   4 +-
 pages/teams/index.vue                        | 203 +++++++++----------
 4 files changed, 109 insertions(+), 109 deletions(-)

diff --git a/components/website-utils/OuterComponents.vue b/components/website-utils/OuterComponents.vue
index 5175985..ad0e445 100644
--- a/components/website-utils/OuterComponents.vue
+++ b/components/website-utils/OuterComponents.vue
@@ -55,7 +55,9 @@ if (
 </script>
 
 <template>
-  <div class=" min-h-screen w-screen flex-col dark:bg-gray-800 m overflow-auto max-h-dvh ">
+  <div
+    class="min-h-screen w-screen flex-col dark:bg-gray-800 m overflow-auto max-h-dvh"
+  >
     <Navbar
       class="flex-grow basis-auto"
       :disable-sidebar="width > 800"
@@ -116,7 +118,7 @@ if (
                     <template #header>
                       <div class="text-center">
                         <span
-                          class="overflow-hidden flex-auto !text-primary max-w-32"
+                          class="overflow-hidden dark:text-white flex-auto max-w-32"
                         >
                           {{ usernameState }}
                         </span>
diff --git a/pages/matches.vue b/pages/matches.vue
index 9e87c2a..fd69aaf 100644
--- a/pages/matches.vue
+++ b/pages/matches.vue
@@ -102,14 +102,13 @@ async function setup() {
   <OuterComponents>
     <VDataTable
       :loading="pending"
-      class="max-h-dvh overflow-auto dark:bg-gray-800 dark:text-white border-4 dark:border-gray-700"
+      class="max-h-dvh overflow-auto dark:bg-gray-800 dark:text-white"
       :headers="headers"
       :items="items"
       item-key="name"
       density="compact"
       :items-per-page="-1"
       v-model:sort-by="sortBy"
-
     >
       <template v-slot:item.notes="row">
         <UPopover :popper="{ offsetDistance: 15 }">
@@ -121,7 +120,7 @@ async function setup() {
           />
           <template #panel>
             <UContainer
-              class="m-auto max-w-lg min-w-[15rem] overflow-y-auto border-2"
+              class="m-auto max-w-lg min-w-[15rem] overflow-y-auto border-2 dark:border-primary rounded-lg"
               style="max-height: 20rem; min-height: 10rem"
             >
               <br />
diff --git a/pages/predict.vue b/pages/predict.vue
index 6b19e36..9ea5e3d 100644
--- a/pages/predict.vue
+++ b/pages/predict.vue
@@ -355,7 +355,7 @@ watch(pending, () => {
             </p>
             <p
               v-else
-              class="font-semibold !text-primary"
+              class="font-semibold dark:text-white"
             >
               vs
             </p>
@@ -411,7 +411,7 @@ watch(pending, () => {
           </UInput>
         </UContainer>
         <template #footer>
-          <div class="text-center text-xs !text-primary">
+          <div class="text-center text-xs dark:text-white">
             <p v-if="!pending">
               {{
                 'Accuracy: ' +
diff --git a/pages/teams/index.vue b/pages/teams/index.vue
index 3184ba1..f045b87 100644
--- a/pages/teams/index.vue
+++ b/pages/teams/index.vue
@@ -135,8 +135,8 @@ async function tableSetup() {
     let alliance = blueAlliance.includes(key.toString())
       ? 'bg-blue-100'
       : redAlliance.includes(key.toString())
-        ? 'bg-red-100'
-        : '';
+      ? 'bg-red-100'
+      : '';
     if (allowedTeams.length == 0 || allowedTeams.includes(key.toString())) {
       for (let match of value) {
         if (
@@ -327,7 +327,7 @@ async function tableSetup() {
     teamsData.value[i].team.color = colorify(
       ((sortedTeamPercents.indexOf(teamPercents[i]) + 1) /
         sortedTeamPercents.length) *
-      100,
+        100,
     );
     teamsData.value[i].driver.color = colorify(
       calculatePercent(
@@ -583,10 +583,10 @@ function autoAccuracy(teamArrays: Array<ScoutingData>) {
     return [
       true,
       (successfulAmpCount + successfulSpeakerCount) /
-      (missedAmpCount +
-        missedSpeakerCount +
-        successfulSpeakerCount +
-        successfulAmpCount),
+        (missedAmpCount +
+          missedSpeakerCount +
+          successfulSpeakerCount +
+          successfulAmpCount),
       successfulAmpCount / (missedAmpCount + successfulAmpCount),
       successfulSpeakerCount / (missedSpeakerCount + successfulSpeakerCount),
     ];
@@ -594,7 +594,7 @@ function autoAccuracy(teamArrays: Array<ScoutingData>) {
     return [
       false,
       (successfulAmpCount + successfulSpeakerCount) /
-      (missedAmpCount + successfulSpeakerCount + successfulAmpCount),
+        (missedAmpCount + successfulSpeakerCount + successfulAmpCount),
     ];
 }
 
@@ -619,10 +619,10 @@ function teleAccuracy(teamArrays: Array<ScoutingData>) {
     return [
       true,
       (successfulAmpCount + successfulSpeakerCount) /
-      (missedAmpCount +
-        missedSpeakerCount +
-        successfulSpeakerCount +
-        successfulAmpCount),
+        (missedAmpCount +
+          missedSpeakerCount +
+          successfulSpeakerCount +
+          successfulAmpCount),
       successfulAmpCount / (missedAmpCount + successfulAmpCount),
       successfulSpeakerCount / (missedSpeakerCount + successfulSpeakerCount),
     ];
@@ -630,7 +630,7 @@ function teleAccuracy(teamArrays: Array<ScoutingData>) {
     return [
       false,
       (successfulAmpCount + successfulSpeakerCount) /
-      (missedAmpCount + successfulSpeakerCount + successfulAmpCount),
+        (missedAmpCount + successfulSpeakerCount + successfulAmpCount),
     ];
 }
 
@@ -933,41 +933,44 @@ await tableSetup();
 
 <template>
   <OuterComponents class="z[11]">
-    <UCard class="max-h-dvh overflow-auto dark:bg-gray-800 border-4 dark:border-gray-700">
+    <UCard
+      class="max-h-dvh overflow-auto dark:bg-gray-800"
+      :ui="{
+        rounded: '',
+      }"
+    >
       <template #header>
         <div class="flex">
-          <UForm>
-            <UFormGroup
-              class="inline-block mr-2"
-              label="Filters"
-            >
-              <UButtonGroup>
-                <USelectMenu
-                  class="inline-block min-w-28 w-28 max-w-28"
-                  v-model="activeFilterOption"
-                  :options="filterOptions"
-                />
-                <UInput
-                  v-model="filterInput"
-                  class="inline-block max-w-40"
-                  placeholder="filter text..."
-                  :ui="{ icon: { trailing: { pointer: '' } } }"
-                  v-on:keyup.enter="addFilter"
-                >
-                  <template #trailing>
-                    <UButton
-                      v-show="filterInput != ''"
-                      color="coral"
-                      variant="link"
-                      icon="i-heroicons-plus-circle"
-                      :padded="false"
-                      @click="addFilter"
-                    />
-                  </template>
-                </UInput>
-              </UButtonGroup>
-            </UFormGroup>
-          </UForm>
+          <UFormGroup
+            class="inline-block mr-2"
+            label="Filters"
+          >
+            <UButtonGroup>
+              <USelectMenu
+                class="inline-block min-w-28 w-28 max-w-28"
+                v-model="activeFilterOption"
+                :options="filterOptions"
+              />
+              <UInput
+                v-model="filterInput"
+                class="inline-block max-w-40"
+                placeholder="filter text..."
+                :ui="{ icon: { trailing: { pointer: '' } } }"
+                v-on:keyup.enter="addFilter"
+              >
+                <template #trailing>
+                  <UButton
+                    v-show="filterInput != ''"
+                    color="coral"
+                    variant="link"
+                    icon="i-heroicons-plus-circle"
+                    :padded="false"
+                    @click="addFilter"
+                  />
+                </template>
+              </UInput>
+            </UButtonGroup>
+          </UFormGroup>
         </div>
         <UFormGroup>
           <UButton
@@ -1015,93 +1018,89 @@ await tableSetup();
       </template>
       <template #default>
         <div>
-            <table
-              id="teamTable"
-              class="table-auto border-4 border-gray-50 dark:border-gray-800"
-            >
-              <colgroup
-                span="2"
-                class="odd:bg-gray-50 dark:bg-gray-800 border-4 dark:border-gray-700"
-              />
-              <colgroup
-                span="2"
-                class="odd:bg-gray-50 dark:bg-gray-700 border-4 dark:border-gray-700"
-              />
-              <colgroup
-                span="3"
-                class="odd:bg-gray-50 dark:bg-gray-800 border-4 dark:border-gray-700"
-              />
-              <colgroup
-                span="3"
-                class="odd:bg-gray-50 dark:bg-gray-700 border-4 dark:border-gray-700"
-              />
-              <colgroup
-                span="3"
-                class="odd:bg-gray-50 dark:bg-gray-800 border-4 dark:border-gray-700"
-              />
-              <thead class="top-0 sticky bg-gray-50 z-10">
-              <tr>
-                <th colspan="2" class="dark:bg-gray-800"/>
-                  <th colspan="2" class="dark:bg-gray-800">
-                      <p class="text-xs font-light !text-primary">Average</p>
-                  <p class="!text-primary">Ratings</p>
-                  <p class="text-xs font-light !text-primary">/5.00</p>
+          <table
+            id="teamTable"
+            class="table-auto border-x-4 border-t-8 border-gray-50 dark:border-gray-700"
+          >
+            <colgroup
+              span="2"
+              class="odd:bg-gray-50 dark:bg-gray-700"
+            />
+            <colgroup
+              span="2"
+              class="odd:bg-gray-50 dark:bg-gray-800"
+            />
+            <colgroup
+              span="3"
+              class="odd:bg-gray-50 dark:bg-gray-700"
+            />
+            <colgroup
+              span="3"
+              class="odd:bg-gray-50 dark:bg-gray-800"
+            />
+            <colgroup
+              span="3"
+              class="odd:bg-gray-50 dark:bg-gray-700"
+            />
+            <thead class="top-0 sticky bg-gray-50 dark:bg-gray-700 z-10">
+              <tr class="border-b-2">
+                <th colspan="2" />
+                <th colspan="2">
+                  <p class="text-xs font-light dark:text-white">Average</p>
+                  <p class="dark:text-white">Ratings</p>
                 </th>
                 <th
                   colspan="3"
                   scope="colgroup"
-                  class="dark:bg-gray-800"
                 >
-                  <p class="text-xs font-light !text-primary">Average</p>
-                  <p class="!text-primary">Cycles</p>
+                  <p class="text-xs font-light dark:text-white">Average</p>
+                  <p class="dark:text-white">Cycles</p>
                 </th>
                 <th
                   colspan="3"
                   scope="colgroup"
-                  class="dark:bg-gray-800"
                 >
-                  <p class="text-xs font-light !text-primary">Average</p>
-                  <p class="!text-primary">Teleop Cycles</p>
+                  <p class="text-xs font-light dark:text-white">Average</p>
+                  <p class="dark:text-white">Teleop Cycles</p>
                 </th>
                 <th
                   colspan="3"
                   scope="colgroup"
-                  class="dark:bg-gray-800"
                 >
-                  <p class="text-xs font-light !text-primary">Average</p>
-                  <p class="!text-primary">Endgame</p>
+                  <p class="text-xs font-light dark:text-white">Average</p>
+                  <p class="dark:text-white">Endgame</p>
                 </th>
               </tr>
               <tr>
                 <th
                   scope="col"
                   v-for="(col, index) of columns"
-                  class="font-medium text-sm dark:bg-gray-800"
+                  class="font-medium text-sm"
                 >
                   <UButton
                     v-if="col.sortable"
                     @click="sortTable(index, col.sort, col.label)"
                     :trailing-icon="col.icon"
                     variant="ghost"
-                    class="rounded-full dark:bg-gray-700"
+                    class="rounded-full dark:bg-gray-800"
                     size="xs"
                     :label="col.label"
                     color="gray"
                   /><UButton
-                  v-else
-                  :label="col.label"
-                  size="xs"
-                  variant="ghost"
-                  class="rounded-full dark:bg-gray-700"
-                  color="gray"
-                />
+                    v-else
+                    :label="col.label"
+                    size="xs"
+                    variant="ghost"
+                    class="rounded-full dark:bg-gray-800"
+                    color="gray"
+                  />
                 </th>
               </tr>
-              </thead>
-              <tbody>
+            </thead>
+            <tbody>
               <tr
                 v-for="team of teamsData"
-                class="border-b border-gray-200 dark:border-gray-700"
+                class="mb-1"
               >
                 <td class="text-right">
                   <UButton
@@ -1111,7 +1110,7 @@ await tableSetup();
                     size="xs"
                     @click="navigateTo('/teams/' + team.team.data)"
                     trailing-icon="i-heroicons-chart-bar-square"
-                    class="dark:bg-gray-700"
+                    class="dark:border-gray-700"
                   />
                 </td>
                 <td class="text-center">
@@ -1322,9 +1321,9 @@ await tableSetup();
                   </UPopover>
                 </td>
               </tr>
-              </tbody>
-            </table>
-          </div>
+            </tbody>
+          </table>
+        </div>
       </template>
     </UCard>
   </OuterComponents>

From aed66b125789cc1501ca9d51509b30ab61bf6808 Mon Sep 17 00:00:00 2001
From: Ryan Bauroth <25bauroth@da.org>
Date: Thu, 23 Jan 2025 14:42:00 -0500
Subject: [PATCH 11/14] UI tuning

---
 pages/dashboard.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/pages/dashboard.vue b/pages/dashboard.vue
index a4d642d..23492fc 100644
--- a/pages/dashboard.vue
+++ b/pages/dashboard.vue
@@ -266,7 +266,7 @@ async function updateTeamData() {
       >
         <div class="font-bold text-center text-lg justify-center">
           <p class="">{{ currentRankings[0][1] }}</p>
-          <p class="!text-primary">Team 6502 Stats</p>
+          <p class="dark:text-white">Team 6502 Stats</p>
         </div>
         <div class="flex justify-center my-1">
           <UButton
@@ -551,7 +551,9 @@ async function updateTeamData() {
               </div>
             </div>
             <div v-else>
-              <p class="font-medium text-xl text-center !text-primary">No Events Scheduled</p>
+              <p class="font-medium text-xl text-center dark:text-white">
+                No Events Scheduled
+              </p>
               <NuxtImg
                 src="/sadcookie.png"
                 class="mx-auto"

From d1c493aa4620016fc6e35b69aac42191bb2c9bfa Mon Sep 17 00:00:00 2001
From: Ryan Bauroth <25bauroth@da.org>
Date: Thu, 23 Jan 2025 14:43:31 -0500
Subject: [PATCH 12/14] UI tuning

---
 pages/teams/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/teams/index.vue b/pages/teams/index.vue
index f045b87..b0be017 100644
--- a/pages/teams/index.vue
+++ b/pages/teams/index.vue
@@ -1082,7 +1082,7 @@ await tableSetup();
                     @click="sortTable(index, col.sort, col.label)"
                     :trailing-icon="col.icon"
                     variant="ghost"
-                    class="rounded-full dark:bg-gray-800"
+                    class="rounded-full dark:bg-gray-700"
                     size="xs"
                     :label="col.label"
                     color="gray"
@@ -1091,7 +1091,7 @@ await tableSetup();
                     :label="col.label"
                     size="xs"
                     variant="ghost"
-                    class="rounded-full dark:bg-gray-800"
+                    class="rounded-full dark:bg-gray-700"
                     color="gray"
                   />
                 </th>

From 740b4594be15fe9d612c79d21de121eb0c72f1d9 Mon Sep 17 00:00:00 2001
From: Ryan Bauroth <25bauroth@da.org>
Date: Thu, 23 Jan 2025 14:56:32 -0500
Subject: [PATCH 13/14] tweaks

---
 pages/attachment/add.vue | 230 +++++++++++++++++++--------------------
 pages/notes.vue          | 100 ++++++++---------
 2 files changed, 165 insertions(+), 165 deletions(-)

diff --git a/pages/attachment/add.vue b/pages/attachment/add.vue
index 7c456ac..3a0c3e8 100644
--- a/pages/attachment/add.vue
+++ b/pages/attachment/add.vue
@@ -99,7 +99,7 @@ async function imageProcessor(files: File[] | null) {
                 fileType: realFileType,
                 fileSize: fileSize + ' MB',
                 photoURL: URL.createObjectURL(currentFile),
-                teamNumber: -1,
+                teamNumber: 0,
                 tags: new Array(tagsList.length),
                 tagStyle: tagStyles.map(item => {
                   return item;
@@ -167,8 +167,8 @@ function toggleTag(index: number, indexOfTag: number) {
 }
 
 function minMaxTeam(index: number) {
-  if (rows.value[index].teamNumber > 9999 || rows.value[index].teamNumber < -1)
-    rows.value[index].teamNumber = -1;
+  if (rows.value[index].teamNumber > 9999 || rows.value[index].teamNumber <= -1)
+    rows.value[index].teamNumber = 0;
 }
 
 function changeAllTeams(index: number) {
@@ -183,112 +183,112 @@ const { isOverDropZone } = useDropZone(dropZoneRef, onDrop); // variable that ch
 <template>
   <Navbar></Navbar>
   <UCard class="h-screen w-screen dark:bg-gray-800 rounded-none">
-  <UContainer>
-    <UCard
-      class="w-lg justify-center content-center m-3 transition-colors text-coral-400"
-      :class="{ 'bg-emerald-100': isOverDropZone }"
-      ref="dropZoneRef"
-    >
-      <template #header>
-        <strong class="text-2xl">Add Attachments</strong>
-      </template>
-      <UTable
-        :rows="rows"
-        :columns="[
-          { key: 'fileName', label: 'File Name' },
-          { key: 'fileType', label: 'File Type' },
-          { key: 'fileSize', label: 'File Size' },
-          { key: 'teamNum', label: 'Team # (0 for misc)' },
-          { key: 'tags', label: 'Tags' },
-          { key: 'actions' },
-        ]"
+    <UContainer>
+      <UCard
+        class="w-lg justify-center content-center m-3 transition-colors text-coral-400"
+        :class="{ 'bg-emerald-100': isOverDropZone }"
+        ref="dropZoneRef"
       >
-        <template #teamNum-data="{ row, index }">
-          <div class="flex">
-            <UInput
-              class="min-w-20"
-              v-model="row.teamNumber"
-              placeholder="Team #"
-              type="number"
-              @change="minMaxTeam(index)"
-            />
-            <UTooltip text="Apply team # to all">
-              <UButton
-                @click="changeAllTeams(index)"
-                icon="i-heroicons-arrows-up-down"
-                style="margin-left: 5px"
-                variant="ghost"
-              />
-            </UTooltip>
-          </div>
+        <template #header>
+          <strong class="text-2xl text-center">Add Attachments</strong>
         </template>
-        <template #tags-data="{ row, index }">
-          <UPopover>
-            <UButton
-              label="+ Add Tags"
-              variant="ghost"
-            />
-            <template #panel>
-              <div class="flex-wrap flex max-w-64 justify-center">
+        <UTable
+          :rows="rows"
+          :columns="[
+            { key: 'fileName', label: 'File Name' },
+            { key: 'fileType', label: 'File Type' },
+            { key: 'fileSize', label: 'File Size' },
+            { key: 'teamNum', label: 'Team # (0 for misc)' },
+            { key: 'tags', label: 'Tags' },
+            { key: 'actions' },
+          ]"
+        >
+          <template #teamNum-data="{ row, index }">
+            <div class="flex">
+              <UInput
+                class="min-w-20"
+                v-model="row.teamNumber"
+                placeholder="Team #"
+                type="number"
+                @change="minMaxTeam(index)"
+              />
+              <UTooltip text="Apply team # to all">
                 <UButton
-                  v-for="tag in tagsList"
-                  :label="tag"
-                  style="margin: 5px"
-                  :variant="row.tagStyle[tagsList.indexOf(tag)]"
-                  :ui="{ rounded: 'rounded-full' }"
-                  @click="toggleTag(index, tagsList.indexOf(tag))"
-                  class="flex-grow justify-center"
+                  @click="changeAllTeams(index)"
+                  icon="i-heroicons-arrows-up-down"
+                  style="margin-left: 5px"
+                  variant="ghost"
                 />
-              </div>
-            </template>
-          </UPopover>
-        </template>
-        <template #actions-data="{ row, index }">
-          <div style="display: flex; align-items: center">
-            <UTooltip
-              text="Extra Notes"
-              :popper="{ placement: 'left' }"
-            >
-              <UPopover>
+              </UTooltip>
+            </div>
+          </template>
+          <template #tags-data="{ row, index }">
+            <UPopover>
+              <UButton
+                label="+ Add Tags"
+                variant="ghost"
+              />
+              <template #panel>
+                <div class="flex-wrap flex max-w-64 justify-center">
+                  <UButton
+                    v-for="tag in tagsList"
+                    :label="tag"
+                    style="margin: 5px"
+                    :variant="row.tagStyle[tagsList.indexOf(tag)]"
+                    :ui="{ rounded: 'rounded-full' }"
+                    @click="toggleTag(index, tagsList.indexOf(tag))"
+                    class="flex-grow justify-center"
+                  />
+                </div>
+              </template>
+            </UPopover>
+          </template>
+          <template #actions-data="{ row, index }">
+            <div style="display: flex; align-items: center">
+              <UTooltip
+                text="Extra Notes"
+                :popper="{ placement: 'left' }"
+              >
+                <UPopover>
+                  <UButton
+                    color="gray"
+                    variant="ghost"
+                    icon="i-heroicons-pencil-square"
+                  />
+                  <template #panel>
+                    <UTextarea v-model="row.extraNotes" />
+                  </template>
+                </UPopover>
+              </UTooltip>
+              <UPopover
+                mode="hover"
+                :popper="{ placement: 'left-end' }"
+              >
                 <UButton
                   color="gray"
                   variant="ghost"
-                  icon="i-heroicons-pencil-square"
+                  icon="i-heroicons-eye"
                 />
-                <template #panel>
-                  <UTextarea v-model="row.extraNotes" />
+                <template #panel="{ close }">
+                  <NuxtImg
+                    :src="row.photoURL"
+                    class="h-48 w-100"
+                    alt="Selected Image"
+                    @mouseenter="close"
+                  />
                 </template>
               </UPopover>
-            </UTooltip>
-            <UPopover
-              mode="hover"
-              :popper="{ placement: 'left-end' }"
-            >
               <UButton
-                color="gray"
+                color="red"
                 variant="ghost"
-                icon="i-heroicons-eye"
+                icon="i-heroicons-trash"
+                @click="rows.splice(index, 1)"
               />
-              <template #panel="{ close }">
-                <NuxtImg
-                  :src="row.photoURL"
-                  class="h-48 w-100"
-                  alt="Selected Image"
-                  @mouseenter="close"
-                />
-              </template>
-            </UPopover>
-            <UButton
-              color="red"
-              variant="ghost"
-              icon="i-heroicons-trash"
-              @click="rows.splice(index, 1)"
-            />
-          </div>
-        </template>
-      </UTable>
-      <template #footer>
-        <div class="flex justify-between">
+            </div>
+          </template>
+        </UTable>
+        <template #footer>
+          <div class="flex justify-between">
             <UButton
               type="button"
               @click="open"
@@ -296,27 +296,27 @@ const { isOverDropZone } = useDropZone(dropZoneRef, onDrop); // variable that ch
               variant="soft"
               icon="i-heroicons-arrow-up-tray"
               trailing
-              >
+            >
             </UButton>
-          <div>
-            <UButton
-              class="m-1"
-              color="rose"
-              label="Cancel"
-              to="/dashboard"
-              type="reset"
-              variant="outline"
-            />
-            <UButton
-              type="button"
-              @click="submit"
-              label="Submit"
-            />
+            <div>
+              <UButton
+                class="m-1"
+                color="rose"
+                label="Cancel"
+                to="/dashboard"
+                type="reset"
+                variant="outline"
+              />
+              <UButton
+                type="button"
+                @click="submit"
+                label="Submit"
+              />
+            </div>
           </div>
-        </div>
-      </template>
-    </UCard>
-  </UContainer>
+        </template>
+      </UCard>
+    </UContainer>
   </UCard>
 </template>
 
diff --git a/pages/notes.vue b/pages/notes.vue
index 45af54b..224fd29 100644
--- a/pages/notes.vue
+++ b/pages/notes.vue
@@ -37,7 +37,7 @@ let data = ref<ScoutingData>({
     net: 0,
   },
   endgame: {
-    endgame: [""],
+    endgame: [''],
   },
   notes: {
     notes: '',
@@ -62,7 +62,7 @@ let data = ref<ScoutingData>({
 });
 
 function checkInvalidTeamNum(teamNum: number) {
-return !(teamNum != null && teamNum > 0 && teamNum < 10000);
+  return !(teamNum != null && teamNum > 0 && teamNum < 10000);
 }
 
 /**
@@ -81,57 +81,57 @@ async function submit() {
   <Navbar notes-mode></Navbar>
   <UCard class="h-screen w-screen rounded-none">
     <div class="flex justify-center">
-    <UCard class="max-w-xl flex-grow m-5 border-4 dark:border-gray-800">
-      <template #header>
-        <strong class="text-2xl">Add Notes</strong>
-      </template>
-      <template #default>
-        <div class="pb-1.5">
-          <UInput
-            v-model="data.teamNumber"
-            placeholder="Team #"
-          >
-            <template #trailing>
+      <UCard class="max-w-xl flex-grow m-5 border-4 dark:border-gray-800">
+        <template #header>
+          <strong class="text-2xl">Add Notes</strong>
+        </template>
+        <template #default>
+          <div class="pb-1.5">
+            <UInput
+              v-model="data.teamNumber"
+              placeholder="Team #"
+            >
+              <template #trailing>
                 <span
-                  class="text-red-400 dark:text-red-600 text-xs"
-                  v-if="
-                    checkInvalidTeamNum(data.teamNumber)
-                  "
-                >!!
-                </span
-                >
-              <span v-else></span>
-            </template>
-          </UInput>
-        </div>
-        <UDivider label="🍪" class="mt-2 mb-2"/>
-        <UTextarea
-          v-model="data.notes.notes"
-          placeholder="Other notes..."
-          :rows="10"
-        />
-      </template>
-      <template #footer>
-        <div class="flex justify-between">
-          <UButton
-            class="m-1"
-            color="rose"
-            label="Cancel"
-            to="/dashboard"
-            type="reset"
-            variant="outline"
+                  class="text-red-400 dark:text-red-600 text-sm"
+                  v-if="checkInvalidTeamNum(data.teamNumber)"
+                  >!!
+                </span>
+                <span v-else></span>
+              </template>
+            </UInput>
+          </div>
+          <UDivider
+            label="🍪"
+            class="mt-2 mb-2"
           />
-          <UButton
-            class="m-1"
-            label="Submit"
-            type="submit"
-            variant="solid"
-            @click="submit"
+          <UTextarea
+            v-model="data.notes.notes"
+            placeholder="Other notes..."
+            :rows="10"
           />
-        </div>
-      </template>
-    </UCard>
-  </div>
+        </template>
+        <template #footer>
+          <div class="flex justify-between">
+            <UButton
+              class="m-1"
+              color="rose"
+              label="Cancel"
+              to="/dashboard"
+              type="reset"
+              variant="outline"
+            />
+            <UButton
+              class="m-1"
+              label="Submit"
+              type="submit"
+              variant="solid"
+              @click="submit"
+            />
+          </div>
+        </template>
+      </UCard>
+    </div>
   </UCard>
 </template>
 

From e88099c458541c5a5191ed499ff234f893fe3fa0 Mon Sep 17 00:00:00 2001
From: Ryan Bauroth <25bauroth@da.org>
Date: Thu, 23 Jan 2025 14:56:48 -0500
Subject: [PATCH 14/14] config fix

---
 app.config.ts | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/app.config.ts b/app.config.ts
index c6c4721..68ceb0b 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -1,22 +1,22 @@
 export default defineAppConfig({
-    ui: {
-        primary: 'coral',
-        gray: 'cool'
+  ui: {
+    primary: 'coral',
+    gray: 'cool',
+  },
+  buildModules: ['@nuxtjs/pwa'],
+  pwa: {
+    manifest: {
+      name: 'DARC SIDE ChocoChip Scouting',
+      short_name: 'ChocoChip Scouting',
+      lang: 'en',
+      display: 'standalone',
     },
-    buildModules: ['@nuxtjs/pwa'],
-    pwa: {
-        manifest: {
-            name: 'Fire hydrant surveyor',
-            short_name: 'Hydrant Surveyor',
-            lang: 'en',
-            display: 'standalone',
-        },
-        workbox: {
-            enabled: true
-        }
+    workbox: {
+      enabled: true,
     },
-    notifications: {
-        // Show toasts at the top right of the screen
-        position: 'top-0 right-0'
-    }
-})
\ No newline at end of file
+  },
+  notifications: {
+    // Show toasts at the top right of the screen
+    position: 'top-0 right-0',
+  },
+});