Dark mode

Introductions, Rules, Announcements, and Feedback
Post Reply
croaker8
Asternaut
Posts: 2
Joined: Sun Mar 22, 2020 3:57 am

Dark mode

Post by croaker8 » Sun Mar 22, 2020 4:01 am

It would be nice if the APOD site supported a dark mode. Almost all other sites I use have dark mode so it is somewhat jarring to suddenly have a bright white page when I come here. I think the pictures would look nice with a dark background around them.

croaker8
Asternaut
Posts: 2
Joined: Sun Mar 22, 2020 3:57 am

Re: Dark mode

Post by croaker8 » Sun Mar 22, 2020 4:48 am

I just found https://nighteye.app which works nicely for now.

mhladik
Asternaut
Posts: 1
Joined: Tue Aug 10, 2021 1:44 pm

Re: Dark mode

Post by mhladik » Tue Aug 10, 2021 1:59 pm

Here to voice my support for a dark-mode on the main site. I get blinded by it too.
I had mailed Professor Nemiroff about this and he encouraged me to post about it here.

This piece of code will do the job:

Code: Select all

</script>
<!-- dark mode color scheme start -->
<style type="text/css">
@media (prefers-color-scheme: dark)
{
body { background-color: #1E1E1E; color: #EFEFEF; }
a:link { color: #CFCFFF; }
a:visited { color: #FAAAFF; }
a:active { color: #FAFAFF; }
}
</style>
<!-- dark mode color scheme end -->
</head>
This simple addition at the top of the page would change colors without affecting viewers who are not using a system-wide dark mode.
As more and more operating systems are supporting a dark mode it'd be really neat if APOD was to recognize that preference.

Post Reply