Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dark theme #119

Open
katatsu12 opened this issue Mar 15, 2024 · 4 comments
Open

Dark theme #119

katatsu12 opened this issue Mar 15, 2024 · 4 comments
Assignees

Comments

@katatsu12
Copy link
Member

No description provided.

@Smoke-ck Smoke-ck self-assigned this Mar 21, 2024
@Smoke-ck
Copy link
Collaborator

Smoke-ck commented Mar 25, 2024

Hi @katatsu12,I need clarification on adapting our site for dark mode. I understand that black text should change to white and white backgrounds to black. However, I plan not to modify images and background images. My question is about gradients: for light gradients, should we adjust them to be darker or replace them with a solid black color instead? Additionally, I have some examples of darker gradients:

Screenshot from 2024-03-25 10-57-30
Screenshot from 2024-03-25 10-57-39

and some examples of black background without gradients:

Screenshot from 2024-03-25 11-00-26
Screenshot from 2024-03-25 11-00-51

Current updates are saved in the feature/add_dark_theme_styles branch.

Thanks!

@katatsu12
Copy link
Member Author

@Smoke-ck It would be nice to have a dark gradient option.

@KateNaumenko KateNaumenko self-assigned this Apr 23, 2024
@KateNaumenko
Copy link
Contributor

@katatsu12 this is blocks from main page in the dark theme.
Note the buttons with black text. The buttons are transparent, so they will be dark. Black is lost on dark. Also check whether the color scheme is suitable. I am waiting for your comments
Screenshot 2024-04-23 at 14 32 11
Screenshot 2024-04-23 at 14 32 19
Screenshot 2024-04-23 at 14 32 25
Screenshot 2024-04-23 at 14 32 31
Screenshot 2024-04-23 at 14 32 45

@KateNaumenko
Copy link
Contributor

KateNaumenko commented Apr 23, 2024

@katatsu12 there are 2 options for how svg can look (about page): the first - on a dark background and with a dark border, and the second - leave them as they were. These 2 options are displayed on the page, please choose the one you need. Also check the colors.
Screenshot 2024-04-23 at 16 38 56
Screenshot 2024-04-23 at 16 37 35
Screenshot 2024-04-23 at 16 36 55
Screenshot 2024-04-23 at 16 36 50
Screenshot 2024-04-23 at 16 36 43
Screenshot 2024-04-23 at 16 36 35
Screenshot 2024-04-23 at 16 36 25

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants