cusdis icon indicating copy to clipboard operation
cusdis copied to clipboard

fix: styles under dark mode

Open DannySu09 opened this issue 1 year ago • 3 comments

Hi, just found 2 places that annoyed me under dark mode, therefore I made some fixes.

Remove the default style from browsers under dark mode

I found the color-scheme: dark/light on the HTML element will apply the default style from browsers.

As the image shows below, you can see a darker gray background behind the form region, comparing the lighter gray background of the user's site.

image

Fix the text color of the submit button

After removing the color-scheme: dark/light style on the HTML element, the text color of the submit button will still be white under dark mode. So I added a new class dark:text-gray-100 on the button to correct the text color.

DannySu09 avatar Aug 09 '23 06:08 DannySu09

@sunaiwen is attempting to deploy a commit to the RandySoft Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar Aug 09 '23 06:08 vercel[bot]

It also annoys me. Thank you sunaiwen. Hope the owner could have a look at it @djyde

kowyo avatar Oct 23 '23 03:10 kowyo

Hi, just found 2 places that annoyed me under dark mode, therefore I made some fixes.

Remove the default style from browsers under dark mode

I found the color-scheme: dark/light on the HTML element will apply the default style from browsers.

As the image shows below, you can see a darker gray background behind the form region, comparing the lighter gray background of the user's site.

image

Fix the text color of the submit button

After removing the color-scheme: dark/light style on the HTML element, the text color of the submit button will still be white under dark mode. So I added a new class dark:text-gray-100 on the button to correct the text color.

Thanks for this!

dejalavidavolar avatar Feb 13 '24 21:02 dejalavidavolar