From e53716eb12dc6ab207247e0945e78db3b80517ac Mon Sep 17 00:00:00 2001
From: spencerwooo <spencer.woo@outlook.com>
Date: Sun, 5 Sep 2021 16:09:24 +0100
Subject: [PATCH] fix dark mode colors, check todo in readme

---
 README.md                  | 2 +-
 components/FileListing.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index e3e7c46..a14fadd 100644
--- a/README.md
+++ b/README.md
@@ -24,7 +24,7 @@
 - [x] File permalink copy and direct file download
 - [x] Dark mode
 - [x] Protected routes (password protection and authentication) through `.password` files
-- [ ] Pagination for folders with more than 200 items
+- [x] Pagination for folders with more than 200 items
 
 ## Discussion
 
diff --git a/components/FileListing.tsx b/components/FileListing.tsx
index 108d28e..1946d4c 100644
--- a/components/FileListing.tsx
+++ b/components/FileListing.tsx
@@ -283,12 +283,12 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
 
         {!onlyOnePage && (
           <div>
-            <div className="p-3 font-mono text-sm text-center text-gray-400 border-b">
+            <div className="dark:border-gray-700 p-3 font-mono text-sm text-center text-gray-400 border-b border-gray-200">
               - showing {size} page{size > 1 ? 's' : ''} of {isLoadingMore ? '...' : children.length} files -
             </div>
             <button
               className={`flex items-center justify-center w-full p-3 space-x-2 ${
-                isLoadingMore || isReachingEnd ? 'opacity-60' : 'hover:bg-gray-100'
+                isLoadingMore || isReachingEnd ? 'opacity-60' : 'hover:bg-gray-100 dark:hover:bg-gray-850'
               }`}
               onClick={() => setSize(size + 1)}
               disabled={isLoadingMore || isReachingEnd}