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

use chrome-style icons #80

Open
TowelBin opened this issue Mar 8, 2019 · 11 comments
Open

use chrome-style icons #80

TowelBin opened this issue Mar 8, 2019 · 11 comments
Assignees
Labels
task Something needs doing

Comments

@TowelBin
Copy link

TowelBin commented Mar 8, 2019

material icons
list of icons:

  • bookmark menu icon - modify chrome bookmark icon
  • library icon
  • sync icon - use reload icon
  • content blocking icon
  • new window icon
  • private window icon - use chrome icon
  • plus + and - zoom icons
  • cut, copy, and paste icon
  • add-on icon
    -cog icon
  • customize icon
  • print icon
  • magnifying glass icon
  • help icon
  • exit icon
  • overflow menu icon
  • new tab icon
@muckSponge muckSponge added the task Something needs doing label Mar 10, 2019
@muckSponge muckSponge self-assigned this May 21, 2019
muckSponge pushed a commit that referenced this issue May 21, 2019
@muckSponge
Copy link
Owner

muckSponge commented May 21, 2019

  • bookmark menu
  • library
  • add-on
  • cog
  • developer
  • email link
  • forget
  • history
  • sync
  • content blocking
  • new window
  • private window
  • plus + and - zoom
  • cut, copy, and paste
  • customize
  • print
  • magnifying glass
  • help
  • overflow menu
  • new tab

I don't have the exit icon (FF66 macOS). Haven't changed the hamburger menu icons yet.

@moeenio
Copy link

moeenio commented May 27, 2019

bookmark menu
library
add-on
cog
developer
email link
forget
history
sync
content blocking
new window
private window
plus + and - zoom
cut, copy, and paste
customize
print
magnifying glass
help
overflow menu
new tab

I don't have the exit icon (FF66 macOS). Haven't changed the hamburger menu icons yet.

You can make a to-do list , using this syntax in Github issues:

- [ ] A thing
- [ ] Another thing
...

@moeenio
Copy link

moeenio commented May 27, 2019

Which exit icon ?

@TowelBin
Copy link
Author

Which exit icon ?

KONEECHEEWAAAHH

@muckSponge
Copy link
Owner

muckSponge commented May 31, 2019 via email

@moeenio
Copy link

moeenio commented May 31, 2019

Ah that must be Windows-only. No icon on macOS. I'll make a note of it.

________________________________ From: Jason notifications@github.com Sent: Friday, May 31, 2019 11:23:11 AM To: muckSponge/MaterialFox Cc: Muck; Assign Subject: Re: [muckSponge/MaterialFox] use chrome-style icons (#80) Which exit icon ? [KONEECHEEWAAAHH]<user-images.githubusercontent.com/43922012/58675172-a0c73200-8342-11e9-8c38-643d2e714d02.png> — You are receiving this because you were assigned. Reply to this email directly, view it on GitHub<#80?email_source=notifications&email_token=ABJHXPP65QZNSAMT7U3FZSTPYB4X7A5CNFSM4G4RY7P2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODWT6BNY#issuecomment-497541303>, or mute the thread<github.com/notifications/unsubscribe-auth/ABJHXPPFEIHDWFTRSATXDXDPYB4X7ANCNFSM4G4RY7PQ>.

That isn't on macOS, yes

@ghost
Copy link

ghost commented Jun 26, 2019

Is there any way you can change the sound icons in tabs? That's the biggest immersion break for me right now. The defaults are so awkward looking. Thank you.

@Excigma
Copy link
Contributor

Excigma commented Jul 14, 2019

The differences are barely noticeable now!
image

Left: Firefox
Right: Chrome

Text color different due to Window focus

Things to note:

  1. This insane accuracy:
    image

  2. Buttons are a bit big, and thick:

Firefox:
image

Chrome:
image

The rest are unrelated to this issue:

  1. URL Input focus border color:

Firefox:
image

Chrome:
image
I think chrome uses #3e5b8a about this

  1. When unfocused, Chrome "background" (idk) changes to a much lighter color
    u7wohaPNwB

I didn't want to create a new issue and then find out that it is not possible using CSS, tell me if I should create a new issue

But these are subtle differences, and I'm already tricking people into thinking I'm using Chrome 😃

@TowelBin
Copy link
Author

TowelBin commented Jul 19, 2019

  1. When unfocused, Chrome "background" (idk) changes to a much lighter color
    u7wohaPNwB
    I didn't want to create a new issue and then find out that it is not possible using CSS, tell me if I should create a new issue

I think it is. I will create a new issue about this and some other color stuff.

@Excigma
Copy link
Contributor

Excigma commented Sep 27, 2019

Chrome doesn't have this behaviour, but maybe check this out and replace with Material Style Icons?

https://www.reddit.com/r/FirefoxCSS/comments/da4352/arrow_icon_between_tabs_when_dragging_a_tab_from/

@Excigma
Copy link
Contributor

Excigma commented Nov 3, 2019

Same as above, for tabs playing audio

Volume icon from Google Material icons:
https://material.io/resources/icons/?search=vol&icon=volume_up&style=baseline
image

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

No branches or pull requests

4 participants