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

Redesign app #27

Closed
FabioRosado opened this issue Jun 14, 2022 · 4 comments · Fixed by #32
Closed

Redesign app #27

FabioRosado opened this issue Jun 14, 2022 · 4 comments · Fixed by #32
Labels
enhancement New feature or request opsdroid-web-v2 Issues related to the upcoming version of opsdroid web

Comments

@FabioRosado
Copy link
Member

Opsdroid Web doesn't look bad, but it might be a good idea to give it a fresh new look. Here are the two proposals for the redesign, I'm wondering if perhaps we should have these two colours and let users select whichever they prefer. I'm also wondering which style for the chat bubbles to choose from.

Screenshot 2022-06-14 at 23 20 50

Here's the figma link so you can see the design better. I will also be updating this with the settings tab

@Cadair
Copy link

Cadair commented Jun 15, 2022

I wonder if you could turn the dark blue colours into a dark theme and the light green into a light theme and have them both?!

@Cadair
Copy link

Cadair commented Jun 15, 2022

The light colour text entry box contrast is a little low, you might be better off going for black. I think the black on green contrast for the chat bubbles is easier to read though.

@FabioRosado
Copy link
Member Author

Thank you for the feedback Cadair! That makes a lot of sense I'll address your comments on the contrast.
I've also had a bit more thought and I think it would be nice to offer the two colours as accent colours, plus a dark theme for both. Hopefully this won't be too tricky to implement

@FabioRosado
Copy link
Member Author

Two more updates, here's the settings tab. I'm considering changing the icons on the navbar to include just settings and maybe that connect icon with "connected/disconnected" text. Hitting that will toggle the connection component.

Screenshot 2022-06-15 at 20 31 13

This is the two themes, dark and light for the blue accent colour
Screenshot 2022-06-15 at 20 33 26

@FabioRosado FabioRosado added enhancement New feature or request opsdroid-web-v2 Issues related to the upcoming version of opsdroid web labels Jun 15, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request opsdroid-web-v2 Issues related to the upcoming version of opsdroid web
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants