this post was submitted on 06 May 2024
4 points (100.0% liked)

Firefox Customs

64 readers
6 users here now

Chat with us!

Post your unsupported Firefox customizations here!

From the makers of r/FirefoxCSS

Links

Related

Rules

  1. Posts must have flair!
  2. Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
  3. Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
  4. When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
  5. Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.

founded 2 years ago
MODERATORS
[email protected]
MrOtherGuy
4
How can I see all the available icons often found in CSS snippets as "chrome://something/something else/etc..." ? (self.FirefoxCSS)
submitted 8 months ago by MiniBus93 to c/[email protected]
7 comments fedilink hide all child comments
 

Hello,

basically title.

I often found such icons in CSS snippets, but never truly understood where I could see them all and now that I'm trying to do stuff with icons for my style I would truly benefit understanding how to find all these icons and how I could properly use them.

Thanks in advance to anyone who will try to help me :D

top 7 comments
sorted by: hot top controversial new old
[–] MrOtherGuy 1 points 8 months ago (1 children)

The path they can be found from depends on which component they belong to, but bunch of them can be found over here at searchfox (this folder should mostly correspond to what icons are found inside chrome://browser/skin/).

[–] MiniBus93 1 points 8 months ago* (last edited 8 months ago) (1 children)

Thanks! That site seems veeeeery useful!

[–] MrOtherGuy 1 points 8 months ago

It is. But note that that site shows code in mozilla-central repository, i.e. code for nightly which can change quite often.

You can switch to release repository by replacing the mozilla-central part of the url with mozilla-release

[–] [email protected] 1 points 8 months ago

See also chrome://global/skin/icons/

[–] [email protected] 1 points 8 months ago* (last edited 8 months ago) (1 children)

You can open a copy of Firefox's .exe installer file and extract the actual icon .svg or .png files too. Useful if want old icons from previous versions that used different icon design sets... sometimes these sets can be found online.

Only need 7-Zip utility or similar... open the .exe... then locate the 'omni.ja' file and open again with 7-Zip... search 'omni' folder for icons. Many folders contain icons... lots in the 'icons' folder itself (omni > chrome > toolkit > skin > classic > global > icons) in current Firefox stable release .exe installers.

Can view .svg icons by drag & drop file onto a blank page of Firefox (or any browser)... icons will appear 'life size' i.e. tiny in top LH corner of page. Can also find free online manipilation sites to modify .svg icons. Modified or 3rd-party icons can be added to browser's profile 'chrome' folder along with a one-line CSS userstyle to replace the standard icon.

[–] MiniBus93 1 points 8 months ago* (last edited 8 months ago) (1 children)

Thanks! I opened my FF.exe directory location, found the omni.ja file, but I'm having trouble opening it, any idea?

[–] [email protected] 1 points 8 months ago

I would download a copy of the .exe installer file to desktop and take that apart... don't mess with your current installation.