minor / styling

src/components/Memes.jsx

@@ -15,7 +15,7 @@ const Memes = () => {
   const [hasMore, setHasMore] = useState(true);
   const [selectedImage, setSelectedImage] = useState(null);
   const observerRef = useRef();
-
+  const theme = document.documentElement.getAttribute("data-theme")
   const loadImages = async (pageNum, attempt = 0) => {
     if (loading || !hasMore) return;
     setLoading(true);
@@ -108,6 +108,7 @@ const Memes = () => {
         visible={!!selectedImage}
         onHide={() => setSelectedImage(null)}
         style={{ width: '90vw', maxWidth: '720px' }}
+        className={`d-${theme}`}
         modal
         closable
         dismissableMask={true}