au2001 / icloud-passwords-firefox

Firefox extension which lets you use your passwords stored on iCloud Keychain®.
https://addons.mozilla.org/en-US/firefox/addon/icloud-passwords/
Apache License 2.0
76 stars 5 forks source link

Potential UI updates #39

Open nicholas-c opened 1 month ago

nicholas-c commented 1 month ago

👋

I love this Firefox extension, it's started to allow me to move away from 1Password back to native Apple passwords!

With that said though, and this is purely my opinion, the UI could be a bit better so I've forked this repo currently and have been playing around with some variations on the UI...

More than happy to do the work and PR it against this repo, but wanted to discuss it with the owner first!

  1. I'd like to introduce light/dark mode and a toggle for this (I flip between the two modes depending on device etc)
  2. General UI improvements around being able to identify different accounts easier
  3. Favicons for users to be able to easily identify different accounts

Example of favicons, loads resources from Googles favicon generator;

                  <img
                    src={`https://t3.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://${loginName.sites[0]}&size=128`}
                    onError={({ currentTarget }) => {
                      currentTarget.onerror = null;
                      currentTarget.src = `https://ui-avatars.com/api/?background=fff&name=ab`;
                    }}
                  />

Some early examples of 2 + 3, let me know if you're open to other contributions and I'll start preparing a PR.

image

image