Minor styling issues on the webpage.

[Andreto]

1. Search input border-radius on dark mode.

Issue
The input field has a border-radius but the chakra-input__group css-r27y85 element is poking out underneath. On light mode this is not an issue since the color of the element is the same as the body.

Solution
Give the chakra-input__group css-r27y85 element the same border-radius as the input.
or
Give the chakra-input__group css-r27y85 element the same background-color as the body. (Maybe this messes up the color of the input.)

2. Color input box.

Issue
The color input elements have a border-radius on the bottom with no padding to the box below.

Solution
Maybe put no border-radius on the bottom corners. I also think that the color field could have a border around it. Looks a lot better on the bright side.

Alternatively, some margin between the input and color field.

[ericfennis]

@Andreto (1) Wow didn't saw that, really sharp 😄
(2) Good point, I think the color picker can improved, I noticed it's really laggy if you drag the color picker and heu slider as wel, I think it fires too much events. @aelfric Do you have time to take a look to it?

[aelfric]

Yes. I can take a look.