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

impr: notification cards redesign #4700

Merged
merged 11 commits into from
Oct 24, 2023
Merged

impr: notification cards redesign #4700

merged 11 commits into from
Oct 24, 2023

Conversation

evvvrado
Copy link
Contributor

@evvvrado evvvrado commented Oct 3, 2023

Description

After chatting about it in #4688, I've decided to take on the challenge of giving the Notification Center notification cards a makeover. The main reason for this is that some of our current themes don't quite nail the color contrast, and I think adopting a consistent color scheme could be the key to sorting out these issues.

Final Results:

Captura de Tela 2023-10-03 às 14 13 48 Captura de Tela 2023-10-03 às 14 14 01

Closes: It closes the #4688 discussion.

@monkeytypegeorge monkeytypegeorge added the frontend User interface or web stuff label Oct 3, 2023
@monkeytypegeorge
Copy link
Collaborator

Continuous integration check(s) failed. Please review the failing check's logs and make the necessary changes. https://github.com/monkeytypegame/monkeytype/actions/runs/6396445274

@Warrobot10
Copy link
Contributor

From the screenshots provided, I’m assuming the notifications are transparent. This kind of looks clunky, because you can see the ui elements underneath.

@evvvrado
Copy link
Contributor Author

evvvrado commented Oct 5, 2023

From the screenshots provided, I’m assuming the notifications are transparent. This kind of looks clunky, because you can see the ui elements underneath.

I have a different take on this part 😕. I think the transparency actually lightens things up a bit and gives it a more airy feel. But, I'm cool with the idea of bumping up the opacity a smidge. What do you think?

@Warrobot10
Copy link
Contributor

Yeah, I think having the opacity raised would make it seem a bit nicer. Thanks!

@evvvrado
Copy link
Contributor Author

evvvrado commented Oct 6, 2023

Yeah, I think having the opacity raised would make it seem a bit nicer. Thanks!

Changed!!

@Miodec
Copy link
Member

Miodec commented Oct 9, 2023

Im kinda not feeling this one. Don't like that only the error icon is colored. I think i don't like the opacity at all (maybe it would be better if it blurred stuff behind it but not sure if thats possible). And the title text color being the same as message color. Also the level 0 (blue) border color is not as visible as the others, and its border is too thin i think.

@Miodec Miodec added the waiting for update Pull requests or issues that require changes/comments before continuing label Oct 9, 2023
@github-actions
Copy link
Contributor

This PR is stale. Please trigger a re-run of the PR check action.

@github-actions github-actions bot added Stale Has not been updated in a while and removed Stale Has not been updated in a while labels Oct 16, 2023
@evvvrado
Copy link
Contributor Author

Sorry for the wait, but I've managed to make the requested changes. Take a look at this screenshot of the new design.

image

@monkeytypegeorge monkeytypegeorge added the assets Languages, themes, layouts, etc. label Oct 21, 2023
@monkeytypegeorge monkeytypegeorge removed the assets Languages, themes, layouts, etc. label Oct 21, 2023
@Miodec
Copy link
Member

Miodec commented Oct 23, 2023

What do you think about this
image

@evvvrado
Copy link
Contributor Author

evvvrado commented Oct 23, 2023

That's a great way to solve it!

@monkeytypegeorge monkeytypegeorge added the assets Languages, themes, layouts, etc. label Oct 24, 2023
@Miodec Miodec merged commit a2ad6ed into monkeytypegame:master Oct 24, 2023
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
assets Languages, themes, layouts, etc. frontend User interface or web stuff waiting for update Pull requests or issues that require changes/comments before continuing
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants