fix: better dark mode for cta text

phuctm97 · Feb 16, 2022 · c0eb405 · c0eb405 · vercel · Feb 16, 2022
1 parent 68adf8a
commit c0eb405
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/explain.tsx b/components/explain.tsx
@@ -144,7 +144,7 @@ const Explain: React.FC<Props> = ({
       </div>
       {/* CTA to contribute */}
       {ctaContribToAutocompleteVisible && (
-        <div className="mt-6 text-xs bg-white text-gray-500 dark:bg-black dark:text-gray-400 rounded-full transition flex flex-col items-center">
+        <div className="mt-6 text-xs bg-white text-gray-500 dark:bg-black dark:text-gray-500 rounded-full transition flex flex-col items-center">
           <div className="text-center leading-relaxed">
             Could the descriptions be better? <br className="sm:hidden" />
             Contribute at{" "}
@@ -159,7 +159,7 @@ const Explain: React.FC<Props> = ({
             .
           </div>
           <button
-            className="mt-1 sm:mt-0.5 font-medium text-gray-400 hover:text-gray-600"
+            className="mt-1 sm:mt-0.5 font-medium text-gray-400 hover:text-gray-600 dark:text-gray-600 dark:hover:text-gray-400"
             onClick={() => setCtaContribToAutocompleteVisible(false)}
           >
             Dismiss