Kagi search bubble is visibly pixelated on low DPI monitors

j-james

Steps to reproduce:
Own a computer with a low-ish DPI monitor: ex. mine is 1920x1200 pixels.
Observe the slight graininess around the rounded ends of the search box.

Expected behavior:
This is a really common problem that comes up a lot when working with (thin) rounded borders on the web.
Google solves this by coloring the search box the same color as the border and applying a subtle drop shadow, as seen below:

Image/Video:

j-james

(clicking on the images so they're their proper size makes the issue clearer)

georgee

j-james gesumin we changed the color of the outline so please check if this is still an issue.

gesumin

This is the same thing I mentioned here:

https://kagifeedback.org/d/301-uiux-the-top-bar-items-needs-more-color-differentiation-and-a-little-work/3

j-james

It still is, but it's a bit less noticable. There is a new outline color transition bug though:

I think this will always be an issue with a thin border outline regardless of color or antialiasing. The only way I've seen it completely solved is with a solid color inside, like what Google does in their search engine or in Chrome's url bar.