From 5c5113aff3288603ffbdffb4fc7bc0ca7bbfca4c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Tue, 9 Aug 2022 11:57:09 +0200
Subject: [PATCH] Minor dark theme improvements
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 app/soapbox/features/auth_token_list/index.tsx | 2 +-
 app/styles/components/datepicker.scss          | 4 ++++
 app/styles/components/directory.scss           | 6 +++---
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/soapbox/features/auth_token_list/index.tsx b/app/soapbox/features/auth_token_list/index.tsx
index 5e1c054e3..ac98fd91f 100644
--- a/app/soapbox/features/auth_token_list/index.tsx
+++ b/app/soapbox/features/auth_token_list/index.tsx
@@ -24,7 +24,7 @@ const AuthToken: React.FC<IAuthToken> = ({ token }) => {
   };
 
   return (
-    <div className='p-4 rounded-lg bg-gray-100 dark:bg-gray-700'>
+    <div className='p-4 rounded-lg bg-gray-100 dark:bg-primary-800'>
       <Stack space={2}>
         <Stack>
           <Text size='md' weight='medium'>{token.app_name}</Text>
diff --git a/app/styles/components/datepicker.scss b/app/styles/components/datepicker.scss
index 7c99ad92e..7788335f0 100644
--- a/app/styles/components/datepicker.scss
+++ b/app/styles/components/datepicker.scss
@@ -60,6 +60,10 @@
 
 .react-datepicker__navigation--next {
   right: 16px;
+
+  &--with-time:not(.react-datepicker__navigation--next--with-today-button) {
+    right: 100px;
+  }
 }
 
 .react-datepicker__year-read-view--down-arrow,
diff --git a/app/styles/components/directory.scss b/app/styles/components/directory.scss
index 11364fdd8..7dc8e48cd 100644
--- a/app/styles/components/directory.scss
+++ b/app/styles/components/directory.scss
@@ -31,7 +31,7 @@
   }
 
   &__card {
-    @apply rounded-lg bg-gray-100 dark:bg-gray-700;
+    @apply rounded-lg bg-gray-100 dark:bg-primary-800;
     box-sizing: border-box;
     margin-bottom: 0;
     box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
@@ -67,7 +67,7 @@
     }
 
     &__bar {
-      @apply bg-primary-200 dark:bg-gray-600;
+      @apply bg-primary-200 dark:bg-primary-700;
       display: flex;
       align-items: center;
       padding: 10px;
@@ -149,7 +149,7 @@
       }
 
       .account__header__content {
-        @apply border-b border-solid border-gray-200 dark:border-gray-600;
+        @apply border-b border-solid border-gray-200 dark:border-primary-500;
         box-sizing: border-box;
         padding: 15px 10px;
         width: 100%;