From b7cccdd9b8ae43c8fd72e580f23602fb792b639d Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Fri, 20 Oct 2023 08:35:33 +1100
Subject: [PATCH] improve background removal button

---
 interface/src/pages/Themes.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/interface/src/pages/Themes.tsx b/interface/src/pages/Themes.tsx
index 307bfcc2..c27c09ca 100644
--- a/interface/src/pages/Themes.tsx
+++ b/interface/src/pages/Themes.tsx
@@ -99,8 +99,8 @@ const Themes: FC = () => {
 
   return (
   <div>
-    <button className="p-2 my-4 text-white bg-red-600 rounded" onClick={() => selectNoBackground()}>
-      No Background
+    <button disabled={selectedBackground == null ? true : false} className={`w-full px-4 py-2 mb-4 text-white transition ${selectedBackground == null ? 'bg-zinc-900' : 'bg-blue-500'} rounded`} onClick={() => selectNoBackground()}>
+    {selectedBackground == null ? 'No Background' : 'Remove Background'}
     </button>
     <div className="relative">
       <button className="absolute top-0 right-0 p-2 text-[0.8rem] text-blue-500" onClick={() => setIsEditMode(!isEditMode)}>