Icon and theme design

[rugk]

@tdulcet let’s do some brainstorming.

Do you have any ideas?

[tdulcet]

Unfortunately, I do not have any ideas. I liked that you used an emoji as the icon for the Awesome Emoji Picker and think it would be cool to also do that for this. However, I looked through the emojis and did not see anything that was relevant... As you know, there are no existing add-ons that can do Unicode autocorrection or change the Unicode font and just two that can change the case (see here and here), so there is not much we can really get inspiration from. You probably noticed that I used the 🗛 symbol as a placeholder.

[dvergeylen]

A unicode symbol would be cool.

Some ideas:

∐ ∴ ≈ ⌗ ⌘ ⌨ ☊ ⦿ ⇌

[rugk]

Hmm yeah, but maybe an Unicode symbol this add-on actually uses?

Also, I could imagine doing something with an U (from the add-on name), maybe a similar looking character or a combination of an U or so…
Also colors are always a god idea, maybe transparently overlay some chars?

[dvergeylen]

Also, I could imagine doing something with an U (from the add-on name), maybe a similar looking character or a combination of an U or so…

υ U+03C5 (unicode greek small letter upsilon)?
Github's font doesn't render it correctly (at least on Linux) but other fonts well:

[rugk]

Awesome! Thanks. Indeed that looks quite nice, I'll play around with that.

[rugk]

I'm trying something with interpolate in Inkscape and it… fails miserably… 😆

https://gitlab.com/inkscape/inbox/-/issues/3717#note_460893793

[rugk]

I'm thinking of some "layering", shawdoy-thing:

That would represent what this add-on does, i.e. *change/transform/resharp whatever…

Single-color looks surprisingly good though, but that alone is boring:

[rugk]

New idea, playing around with that:

[rugk]

Hmm, I've got something:

Only when you look twice, you see that the layering has a twist: You cannot quite follow the (black) background and it makes no sense as it is sometimes in the foreground and sometimes it is not.
It's somewhat inspired by a Möbius strip or all these crazy stairs.

I've also tried making this more confusing, but currently I do not like that much:

The colors are still up-to-change. Currently it uses #7d004f (Meganta 80) and #ff9400 (Orange 50). And black of course.
I try to stick to the Firefox Photon colors: https://design.firefox.com/photon/visuals/color.html

For example I now consider the magenta too dark when switching screens.
Maybe orange or teal 60 (#00c8d7)?

Also had a look if we only use the same color for the light parts to increase the already mentioned confusion aspect, and yeah it works (especially with the connector version now), but uhm, maybe too simple?

[rugk]

I've uploaded this draft in 4d403d9 if you want to have a look or play around. (Try changing/enabling/disabling the layers) 😃

[tdulcet]

I've uploaded this draft in 4d403d9 if you want to have a look or play around.

@rugk Wow, thanks for doing all this work! The official Unicode logo uses a purplish blue (#5555FF):

The colors are still up-to-change.

The style guide also says, "Firefox Purple is commonly used to indicate privacy", which I like since privacy is one of the main benefits of this add-on. Here is a version that uses Teal 70 (#008ea4) and Purple 40 (#ad3bff):

[rugk]

Ok so maybe we go with purple + Unicode blue (I think using the Unicode color here is okay, even though it's not in the Firefox styleguide, it looks similar and also happy).