djyde / cusdis

lightweight, privacy-friendly alternative to Disqus.
https://cusdis.com
GNU General Public License v3.0
2.63k stars 230 forks source link

fix: styles under dark mode #262

Open DannySu09 opened 1 year ago

DannySu09 commented 1 year ago

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.

vercel[bot] commented 1 year ago

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

A member of the Team first needs to authorize it.

kowyo commented 12 months ago

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

dejalavidavolar commented 8 months ago

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!