New shadow-center utility class for dropdown/notifications

[carletex]

Fixes #441

I discussed several options with Andrea, to make the dropdown / notifications look better (they were mixing with the background).

We ended up adding a new shadow utility class shadow-center that combined with a shadow-accent (or `shadow-{primary|secondary|etc..}) gives a nice effect.

Notifications:

Dropdown menu: (Also made the dropdown menu items smaller and adjust the border radius (we can also apply this to #446))

What do you all think?

[rin-st]

Looks good! But not for the dark theme

accent color:

primary color:

it seems we need to add new color for shadows

[carletex]

Looks good! But not for the dark theme

What is wrong in the dark theme? I chose the accent since it was the best one (more contrast) in the dark theme.

main:

this pr:

main:

this pr:

---

In the notification, I think it looks better.

For the dropdown, maybe we could change the bg to bg-200, so it has more contrast:

---

Let's see what others think too.

[technophile-04]

Looks cute and nice to me !!

For the dropdown, maybe we could change the bg to bg-200, so it has more contrast:

Yup, this looks better

we have a glowy shadow in the light mode so in the dark mode having it too makes sense

Darkmode also looks cool to me 🙌

[Pabl0cks]

I like the new look for the notifications/dropdown!

For the dropdown, maybe we could change the bg to bg-200, so it has more contrast:

Yeah I think it looks better with bg-200.

[rin-st]

For the dropdown, maybe we could change the bg to bg-200, so it has more contrast:

now it's better :)

[carletex]

Thanks all!! <3