From: | Dave Page <dpage(at)pgadmin(dot)org> |
---|---|
To: | PostgreSQL WWW <pgsql-www(at)lists(dot)postgresql(dot)org> |
Cc: | Dago A Carralero <tocarralero(at)gmail(dot)com> |
Subject: | Dark mode styling for the website |
Date: | 2022-10-10 16:07:52 |
Message-ID: | CA+OCxoyT6ZbbTEyLuWuOZUv2d0K=ZYKLh9FE5AsfOUYibY_TTA@mail.gmail.com |
Views: | Raw Message | Whole Thread | Download mbox | Resend email |
Thread: | |
Lists: | pgsql-www |
Inspired by Dago A Carralero's email earlier today, I started looking into
what it would take to actually add a dark mode to the entire website. Turns
out it's not actually that difficult; the attached patch took just a couple
of hours of fiddling.
It leaves the existing styling as the default, and uses CSS media queries
to override certain styles if the browser reports that dark mode is
preferred. Colours are loosely based on the dark theme for pgAdmin (which
is of course, based on PostgreSQL blue), with a few other new ones added
where there were no suitable ones in the pgAdmin palette.
Of course, this is a PoC at this point, for review and comments. I may have
missed some styles, and the actual colors used are obviously a matter for
some serious bikeshedding.
Thoughts, comments, and paint colour suggestions welcome.
--
Dave Page
Blog: https://pgsnake.blogspot.com
Twitter: @pgsnake
Attachment | Content-Type | Size |
---|---|---|
pgweb_dark_mode_v1.diff | application/octet-stream | 7.2 KB |
From | Date | Subject | |
---|---|---|---|
Next Message | Jonathan S. Katz | 2022-10-10 20:44:19 | Re: Dark mode styling for the website |
Previous Message | Andreas 'ads' Scherbaum | 2022-10-04 23:07:01 | Re: Manage lists in pglister |