From 82dbdf321e765768c273b0f5a9ee34b8f285b77f Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Sun, 31 Mar 2024 16:16:30 +1100
Subject: [PATCH] add more settings

---
 package.sh                           |  3 ---
 src/interface/pages/ThemeCreator.tsx | 15 ++++++++++++++-
 2 files changed, 14 insertions(+), 4 deletions(-)
 delete mode 100755 package.sh

diff --git a/package.sh b/package.sh
deleted file mode 100755
index 295de444..00000000
--- a/package.sh
+++ /dev/null
@@ -1,3 +0,0 @@
-echo "Packaging the application from build/"
-7z a -tzip package.zip ./build/*
-echo "Done. Package is in package.zip and is ready to publish!"
\ No newline at end of file
diff --git a/src/interface/pages/ThemeCreator.tsx b/src/interface/pages/ThemeCreator.tsx
index fa15e059..8996c129 100644
--- a/src/interface/pages/ThemeCreator.tsx
+++ b/src/interface/pages/ThemeCreator.tsx
@@ -22,7 +22,20 @@ export default function ThemeCreator() {
       <div className='flex flex-col gap-2 p-2'>
         <h1 className='text-xl font-semibold pb-0.5'>Theme Creator</h1>
 
-        <input type='text' placeholder='Theme Name' className='w-full p-2 mb-4 rounded-lg dark:border-gray-700 dark:bg-zinc-900 dark:text-white' />
+        <div>
+          <label htmlFor='themeName' className='pb-1 text-sm'>Theme Name</label>
+          <input id='themeName' type='text' placeholder='Whatcha calling it?' value={theme.name} onChange={e => setTheme({ ...theme, name: e.target.value })} className='w-full p-2 mb-4 rounded-lg dark:border-gray-700 dark:bg-zinc-900 dark:text-white' />
+        </div>
+
+        <div>
+          <label htmlFor='themeDescription' className='pb-1 text-sm'>Description <span className='italic opacity-80'>(optional)</span></label>
+          <textarea id='themeDescription' placeholder='' value={theme.description} onChange={e => setTheme({ ...theme, description: e.target.value })} className='w-full p-2 mb-4 rounded-lg dark:border-gray-700 dark:bg-zinc-900 dark:text-white' />
+        </div>
+
+        <div>
+          <label htmlFor='defaultColour' className='pb-1 text-sm'>Default Colour</label>
+          <input id='defaultColour' type='color' value={theme.defaultColour} onChange={e => setTheme({ ...theme, defaultColour: e.target.value })} className='w-full h-12 p-2 mb-4 rounded-lg dark:border-gray-700 dark:bg-zinc-900 dark:text-white' />
+        </div>