From bc1fab6f5d2864918aed193cfa0be9a12acca93c Mon Sep 17 00:00:00 2001
From: Amrendra Vikram Singh
 <76041208+AmrendraTheCoder@users.noreply.github.com>
Date: Fri, 14 Aug 2026 14:41:01 +0530
Subject: [PATCH] fix: restore AA contrast on download button hover states

The Windows and Linux buttons pass variant="outline", which contributes
hover:text-accent-foreground. The inline className overrides the hover
background but never declares a hover:text-*, so tailwind-merge keeps
the variant's hover text colour. On hover the label was therefore drawn
in accent-foreground over gray-800/gray-200.

Measured with the WCAG 2.1 relative-luminance formula:

  light  #020817 on #1f2937 -> 1.36:1
  dark   #ffffff on #e5e7eb -> 1.24:1

Both are far below the 4.5:1 required for normal text, leaving the
label almost invisible. The Mac button uses the default variant and so
was never affected, which matches the report naming only Windows and
Linux.

Declare the hover text colour explicitly so it overrides the variant
and matches the resting state:

  light  #ffffff on #1f2937 -> 14.68:1
  dark   #000000 on #e5e7eb -> 16.96:1

Applied to all three buttons so their class lists stay identical.
---
 src/Pages/pictopy-landing.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Pages/pictopy-landing.tsx b/src/Pages/pictopy-landing.tsx
index 5182d51..de99606 100644
--- a/src/Pages/pictopy-landing.tsx
+++ b/src/Pages/pictopy-landing.tsx
@@ -147,7 +147,7 @@ const PictopyLanding: FC = () => {
           {/* Download Buttons */}
           <div className="flex flex-col sm:flex-row gap-4 justify-center">
             <Button
-              className="bg-black text-white hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-200 h-12 px-8 transition-all duration-300 
+              className="bg-black text-white hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-200 hover:text-white dark:hover:text-black h-12 px-8 transition-all duration-300
                          border-2 border-transparent hover:border-black dark:hover:border-white 
                          transform hover:-translate-y-1 hover:shadow-lg disabled:opacity-50 disabled:cursor-not-allowed"
               size="lg"
@@ -158,7 +158,7 @@ const PictopyLanding: FC = () => {
               Download for Mac
             </Button>
             <Button
-              className="bg-black text-white hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-200 h-12 px-8 transition-all duration-300 
+              className="bg-black text-white hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-200 hover:text-white dark:hover:text-black h-12 px-8 transition-all duration-300
                          border-2 border-transparent hover:border-black dark:hover:border-white 
                          transform hover:-translate-y-1 hover:shadow-lg disabled:opacity-50 disabled:cursor-not-allowed"
               size="lg"
@@ -172,7 +172,7 @@ const PictopyLanding: FC = () => {
               Download for Windows
             </Button>
             <Button
-              className="bg-black text-white hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-200 h-12 px-8 transition-all duration-300 
+              className="bg-black text-white hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-200 hover:text-white dark:hover:text-black h-12 px-8 transition-all duration-300
                          border-2 border-transparent hover:border-black dark:hover:border-white 
                          transform hover:-translate-y-1 hover:shadow-lg disabled:opacity-50 disabled:cursor-not-allowed"
               size="lg"