From 7ca2f14adf0481a0ffe11ee8a0d9d07135eb1403 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Sun, 31 Mar 2024 22:29:05 +1100
Subject: [PATCH] remove unused imports, improve styling

---
 src/interface/pages/ThemeCreator.tsx         | 7 +++++--
 src/seqta/utils/listeners/MessageListener.ts | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/interface/pages/ThemeCreator.tsx b/src/interface/pages/ThemeCreator.tsx
index e3779e70..994cc941 100644
--- a/src/interface/pages/ThemeCreator.tsx
+++ b/src/interface/pages/ThemeCreator.tsx
@@ -71,14 +71,16 @@ export default function ThemeCreator() {
   return (
     <div className='w-full min-h-[100vh] bg-zinc-100 dark:bg-zinc-800 dark:text-white transition duration-30'>
       <div className='flex flex-col p-2'>
-        <h1 className='pb-2 text-xl font-semibold'>Theme Creator</h1>
+        <h1 className='text-xl font-semibold'>Theme Creator</h1>
+
+        <Divider />
 
         <div>
           <div className='pb-2 text-sm'>Theme Name</div>
           <input
             id='themeName'
             type='text'
-            placeholder='Whatcha calling it?'
+            placeholder='What is your theme called?'
             value={theme.name}
             onChange={e => setTheme({ ...theme, name: e.target.value })}
             className='w-full p-2 mb-4 transition-all duration-300 rounded-lg focus:outline-none ring-0 focus:ring-1 ring-zinc-100 dark:ring-zinc-700 dark:bg-zinc-900 dark:text-white' />
@@ -88,6 +90,7 @@ export default function ThemeCreator() {
           <div className='pb-2 text-sm'>Description <span className='italic opacity-80'>(optional)</span></div>
           <textarea
           id='themeDescription'
+          placeholder="Don't worry, this one's optional!"
           value={theme.description}
           onChange={e => setTheme({ ...theme, description: e.target.value })}
           className='w-full p-2 rounded-lg focus:outline-none ring-0 focus:ring-1 ring-zinc-100 dark:ring-zinc-700 dark:bg-zinc-900 dark:text-white' />
diff --git a/src/seqta/utils/listeners/MessageListener.ts b/src/seqta/utils/listeners/MessageListener.ts
index 448e8f08..8bc74023 100644
--- a/src/seqta/utils/listeners/MessageListener.ts
+++ b/src/seqta/utils/listeners/MessageListener.ts
@@ -1,7 +1,7 @@
 import browser from 'webextension-polyfill'
 
 import { MenuOptionsOpen, OpenMenuOptions, OpenWhatsNewPopup, closeSettings } from '../../../SEQTA';
-import { deleteTheme, disableTheme, downloadTheme, listThemes, setTheme, updateImage, UpdateThemePreview } from '../../ui/Themes';
+import { deleteTheme, disableTheme, downloadTheme, listThemes, setTheme, UpdateThemePreview } from '../../ui/Themes';
 import { OpenThemeCreator } from '../../ui/ThemeCreator';
 
 export class MessageHandler {