[Feature Request]:- Change UI/UX of libredirect extension settings about browser_extension

[m77e4t]

For start, the size of the letters can be reduced to match the size of all other letters. It can match firefox letter size (from their menu/settings/etc) and the other letters from the extension settings itself, like 'Theme, Dark, Exception' as seen in the above photo.

[ManeraKai]

I've made it like firefox's settings design.

[ManeraKai]

btw, Thanks @asaaki for the Siplified Medium SVG Logo. It really helped me 👍
I mentioned you in the code.

[ManeraKai]

This is how it look now:

[m77e4t]

Looks pretty good compared to previous one :)

[asaaki]

btw, Thanks @asaaki for the Siplified Medium SVG Logo. It really helped me 👍 I mentioned you in the code.

I'm glad I could be of help, and for a nice project even.

[davidcollini]

This is how it look now:

This looks 10x better than before, but Wikipedia should be moved just under Imgur since it has a logo and Medium should be under Wikipedia, since it's technically has a logo, but it's either an all-black or an all-white design, and moving forward, redirects with logos should stay on the top half, and ones that don't should be on the bottom

[ManeraKai]

Resorted them:

[m77e4t]

New instances, some other new products, were added to the list. The UI/UX has again become unappealing/unattractive.

1.) Change the font, the current font has quite a large width. Use some other font which has normal width (eg, github font itself or Ublock-origin etc) (do not actually use their fonts, there might be a copyright issue, only gave as an example)
2.) Lower the size of letters (the left column where all products are listed). Make that size similar to the other letters in the extension (the right column of actual settings).
3.) Lower the size of yellow toggle. It looks too big.

1.) Again, lower size of letter.
2.) Lower the yellow toggle and match it to the size of letters.

[davidcollini]

Do you have a recommended alternative design?

[davidcollini]

I also think the Wikipedia logo should be added and grouped at the bottom of the websites with thumbnail icons, and the medium logo should be implemented, but change to white in dark mode, and change to black in light mode

[ManeraKai]

[m77e4t]

It looks good to me than the before one. But, I am not able to see it on my end. I think it might be not able for end users, but only on your end.

I would say make the UI the way you want, no force from my side. If you want it to look like as it was in the starting, so be it.

[ManeraKai]

It looks good to me than the before one. But, I am not able to see it on my end. I think it might be not able for end users, but only on your end.

I just didn't publish the modified code yet.

I would say make the UI the way you want, no force from my side. If you want it to look like as it was in the starting, so be it.

I like your suggestions but not all of them. The font is actually good specially when now the sidebar is smaller. I also lowered the size of the toggles too.