Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add a Z badge to Zotero Connector icons #503

Open
adomasven opened this issue Aug 9, 2024 · 5 comments
Open

Add a Z badge to Zotero Connector icons #503

adomasven opened this issue Aug 9, 2024 · 5 comments

Comments

@adomasven
Copy link
Member

See discussion in #501

On non-high-DPI screens we only have 16x16px for the icon, so I don't know how feasible at all this is, but maybe @yexingsha can come up with something.

@yexingsha
Copy link

Here are the badged icons, at both 1x and 2x, in light and dark mode: connector-icons.zip

Dark mode is necessary for the new icons since many of them (e.g. thesis) do not display well on a dark background.

To fit in the badge while maintaining legibility, I repositioned a lot of the original icons. manuscript, preprint, and standard got their distinguishing elements mirrored. Please let me know if there are icons missing, or if any of the icons look off.

@yexingsha
Copy link

Oh and here are the symbolic Zs: connector-z.zip

@adomasven
Copy link
Member Author

Also need a collection icon as that is used for translators that can save multiple items.

@adomasven
Copy link
Member Author

Also we need a webpage-gray icon for when there is no rich metadata.

For Chrome, Firefox and Edge: https://github.com/zotero/zotero-connectors/pull/502/files#diff-02d0b0120dc8a49b45570a18ebfc4355cbd23b211fafb5bdf55bae886a6bd588

For Safari I had to make a custom one which isn't quite gray, otherwise if Safari thinks an extension icon is too grey, it gives it a horrible blue tint: https://github.com/zotero/zotero-connectors/pull/502/files#diff-f4345d988c613ff6bb3668e8fdad8730170bd845ca79a56b7ab9274a560b2fa9

But maybe with the Z badge Safari will behave.

@yexingsha
Copy link

Here are the collection icons in light and dark; webpage-gray is already in the first zip file.

collection collection-dark

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

2 participants