activebridge / activebridge.github.io

3 stars 1 forks source link

Dark theme #119

Open katatsu12 opened 6 months ago

Smoke-ck commented 5 months ago

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 commented 5 months ago

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

KateNaumenko commented 5 months ago

@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 commented 5 months ago

@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