Implement a dark theme #287

New Issue

r345liu · 2021-09-03T20:42:34-04:00

r345liu commented

2021-09-03 20:42:34 -04:00

First-time contributor

It'd be nice if the website can use a dark theme when prefers-color-scheme: dark media matches.

It'd be nice if the website can use a dark theme when `prefers-color-scheme: dark` media matches.

a3thakra added the

Design

label 2021-09-03 20:48:14 -04:00

a3thakra changed title from ~~Support dark theme (automatically).~~ to Implement a dark theme

2021-09-03 20:48:48 -04:00

a3thakra commented

2021-09-15 23:12:44 -04:00

In the meantime, you can use https://csclub.uwaterloo.ca/themer to make your own dark theme ;)

Although this part of the website is kinda experimental and may change later on.

In the meantime, you can use https://csclub.uwaterloo.ca/themer to make your own dark theme ;) Although this part of the website is kinda experimental and may change later on.

a3thakra added the

Feature Request

label 2021-09-27 16:35:23 -04:00

a3thakra added the

Priority - Medium

label 2021-09-27 16:43:58 -04:00

smhonori commented

2021-10-01 16:28:48 -04:00

First-time contributor

can definitely get started on this! would this feature be available on mobile as well or are we hoping for this to be exclusive to desktop users?

a3thakra commented

2021-10-01 18:36:50 -04:00

@smhonori both mobile and desktop users. We have a colour palette defined at https://csclub.uwaterloo.ca/themer. LMK if you wanna add more colours to it, or change the color names / anything like that.

There's a way to detect if the user prefers dark mode or light mode, and we can use that theme for them automatically.

@smhonori both mobile and desktop users. We have a colour palette defined at https://csclub.uwaterloo.ca/themer. LMK if you wanna add more colours to it, or change the color names / anything like that. There's a way to detect if the user prefers dark mode or light mode, and we can use that theme for them automatically.

e26chiu self-assigned this 2022-02-10 16:49:05 -05:00

a258wang commented

2022-02-15 17:14:46 -05:00

Most of the dark colour palette has already been drafted, as summarized in this document: https://docs.google.com/document/d/17bnwDN-EDMVVno9fnBVXXOByR2BQLnjb026nTDBIw54/edit?usp=sharing

More details can also be seen on Figma: https://www.figma.com/file/vu3AIDmN8vLALfwPbtPhO4/CS-Club-Official-Figma?node-id=866%3A512

While we can probably get started on this issue, we may want to consult with Design on (a) how should users switch between light/dark mode, and (b) any final colour palette details that we want to clarify.

Most of the dark colour palette has already been drafted, as summarized in this document: https://docs.google.com/document/d/17bnwDN-EDMVVno9fnBVXXOByR2BQLnjb026nTDBIw54/edit?usp=sharing More details can also be seen on Figma: https://www.figma.com/file/vu3AIDmN8vLALfwPbtPhO4/CS-Club-Official-Figma?node-id=866%3A512 While we can probably get started on this issue, we may want to consult with Design on (a) how should users switch between light/dark mode, and (b) any final colour palette details that we want to clarify.

~~e26chiu referenced this issue 2022-02-22 16:39:54 -05:00~~

Implement dark theme #402

e26chiu referenced a pull request that will close this issue

2022-03-02 22:54:55 -05:00

Implement dark theme (Closes #287) #407

j285he added the

In Progress

label 2022-03-17 12:47:30 -04:00

e26chiu closed this issue

2022-06-08 08:45:31 -04:00

e26chiu referenced this issue from a commit

2022-06-08 08:45:32 -04:00