From 085f2b945c91df43e56c8e7c96e32297c02e92e8 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Tue, 7 May 2024 13:02:51 +1000
Subject: [PATCH] add a divider

---
 src/interface/components/ThemeSelector.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/interface/components/ThemeSelector.tsx b/src/interface/components/ThemeSelector.tsx
index 1e82ce7d..8ae94462 100644
--- a/src/interface/components/ThemeSelector.tsx
+++ b/src/interface/components/ThemeSelector.tsx
@@ -146,6 +146,11 @@ const ThemeSelector: ForwardRefExoticComponent<Omit<ThemeSelectorProps, "ref"> &
           />
         ))}
 
+        <div
+          id="divider"
+          className="w-full h-[1px] my-2 bg-zinc-100 dark:bg-zinc-600"
+        ></div>
+
         <button
           onClick={() => browser.tabs.create({ url: browser.runtime.getURL('src/interface/index.html#store')})}
           className="flex items-center justify-center w-full transition aspect-theme rounded-xl bg-zinc-100 dark:bg-zinc-900 dark:text-white"
@@ -159,7 +164,7 @@ const ThemeSelector: ForwardRefExoticComponent<Omit<ThemeSelectorProps, "ref"> &
           className="flex items-center justify-center w-full transition aspect-theme rounded-xl bg-zinc-100 dark:bg-zinc-900 dark:text-white"
         >
           <span className="text-xl font-IconFamily">{'\uec60'}</span>
-          <span className="ml-2">Create Theme</span>
+          <span className="ml-2">Create your own</span>
         </button>
       </div>
     </div>