127-importexport-update-input-box-borders

[dsantosferreira]

Closes #127

Added a border to the link's input box, removed the default outline when focusing the input box and changed the DocumentDuplicateIcon size to match the new size of the input box (I can try to keep it with the same size and align its center with the input box's center). I also changed the background of the input box while on dark mode although it wasn't the plan. There are videos below with the design I went for and different variations I tried before reaching the final design. I'd like to know what you like/dislike about what I implemented and if you prefer any of the other options or other combinations.

What I implemented (option 1)

implemented.webm

Option 2 (switched border colors on dark mode)

option2.webm

Option 3

option3.webm

Option 4 (doesn't have the default outline removed)

option4.webm

Option 5

option5.webm

[diogotvf7]

Opção 1!!

[tomaspalma]

In my opinion, both the options 1 and options 2 provide the smoother transition and contrast specially between the colors, as option 3 in dark mode does not provide enough contrast in the border (even zoomed in, at least for me, it's not as easy to notice) and options 4 and 5 have red-ish borders that don't go well with the rest of the colors.
Between option 1 and option 2 I think I prefer option 1 because the green-to-white border transition highlights more the fact that we clicked on the input than the white-to-green transition in the option 2.
Good job!

[SergioEstevao11]

I prefer option 1 as well. Great Work!

[SergioEstevao11]

I'm going to approve the PR, but if you still need to change the code to implement your chosen option re-request my review.

[ZeAntonioM]

Both the options 1 or 2 seem good to me. Just like Tomás said, these are the ones who provide more contrast, and, for me, the ones who seem to have "cleaner" transitions. I think it could be a good idea if you could make the gray more darker in the white mode, in order to define more the box.
But if everyone agrees in keeping it, i agree.
Great Job!

[Jumaruba]

Great work, I also prefer option 1.
Nice work!