From e4dc4df04b4edbc0f1fb1e92d67c81ba17b1b750 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Sun, 4 Feb 2024 18:19:12 +1100
Subject: [PATCH] add dark mode tab coloring

---
 src/interface/components/TabbedContainer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/interface/components/TabbedContainer.tsx b/src/interface/components/TabbedContainer.tsx
index dfd6b5ed..d20ee8ea 100644
--- a/src/interface/components/TabbedContainer.tsx
+++ b/src/interface/components/TabbedContainer.tsx
@@ -68,7 +68,7 @@ const TabbedContainer: React.FC<TabbedContainerProps> = ({ tabs }) => {
     <div ref={containerRef} className="top-0 z-10 text-[0.875rem] pb-0.5 mx-4">
       <div className="relative flex">          
         <motion.div
-          className="absolute top-0 left-0 z-0 h-full bg-[#DDDDDD] rounded-full opacity-40"
+          className="absolute top-0 left-0 z-0 h-full bg-[#DDDDDD] dark:bg-[#38373D] rounded-full opacity-40"
           style={{ width: `${tabWidth}px` }}
           initial={false}
           animate={{ x: calcXPos(hoveredTab) }}