eyedeekay / I2P-in-Private-Browsing-Mode-Firefox

I2P in Private Browsing mode for Firefox, built using Webextensions and Contextual Identities
https://eyedeekay.github.io/I2P-in-Private-Browsing-Mode-Firefox/
MIT License
63 stars 10 forks source link

Style Guide #53

Open eyedeekay opened 4 years ago

eyedeekay commented 4 years ago

Develop a consistent style guide.

Shoalsteed commented 3 years ago
Screen Shot 2021-02-16 at 12 45 25 PM

Consider a lighter purple ie #7E9DF4 since the dark on dark is hard to read

Shoalsteed commented 3 years ago
Screen Shot 2021-02-16 at 12 45 15 PM

UX clarification if the orange underline has any meaning besides highlighting the site I am visiting? If this means something else it will be an item for the style guide.

eyedeekay commented 3 years ago

Look to the right-hand side of the Address Bar while you have an I2P Page open. See how the thing that says "I2P Browser" is the same as the orange highlight on the tab? These are all indicators of the same "Contextual Identity" and in fact the same thing. I could change the text from "I2P Browser" to something more verbose?

I could also change other colors, the text itself is changable(orange would stand out). These are the color and icon choices I have for contextual identities for now https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/contextualIdentities/ContextualIdentity and that's it and it cannot go away, and I have to choose different combinations for each, and I need at least 6 and counting, so they're all pretty much going to get used one way or the other eventually.

Sky's the limit for theme colors. I'd be happy to change more colors or consider other colors. This was the pared-down version of the colors from the original version of the extension where every tab color matched the contextual ID color.

rmlrml commented 3 years ago

orange would stand out

+1

or just any lighter text color

Shoalsteed commented 3 years ago

I2PIPBimage

I2pipbpurple

Logo exploration

Shoalsteed commented 3 years ago

Torrents.png: Canva - Isolated Magnet Icon Line Design

Browse.png Canva - Magnifying Glass Flat Style Icon

infotoopie.png Canva - Isolated Padlock Icon Green Silhouette Designlogogreen

infotoopies.png Canva - Isolated Padlock Icon Green Silhouette DesignlogoBLUE

infotoopiebt.png Canva - Isolated Padlock Icon Green Silhouette Desigtorrentgreen

infotoopiesbt.png Canva - Isolated Padlock Icon Green Silhouette Desigtorrentblue

Shoalsteed commented 2 years ago

New I2PIBP icon/ logo new icons for browser action:

browse I2PIBP:2 torrents

Shoalsteed commented 2 years ago

infotoopie png infotoopiebt png infotoopies png infotoopiesbt png

eyedeekay commented 2 years ago

Done, replacements all checked in.

Shoalsteed commented 2 years ago

new asset guide

Style Guide final