Firefox survival guide

sangheeta

A little customization of the url bar,

To get the url font the same color:
browser.urlbar.formatting.enabled true

To change the color of the padlock back to green:
security.secure_connection_icon_color_gray false

To change the color of the bookmark star using css:

#star-button[starred] {
    fill-opacity: 1;
    fill: YOUR COLOR HERE !important;
}

brent

sangheeta the all-white was too bright, but LOVE getting that green back. thank you.

brent

sangheeta kind sir, do you know how to do this in vivaldi as well? I am getting NO info online except 'we changed to grey and there's nothing you can do with it.'
thanks.

[deleted]

sangheeta thanks for this 🙂

sangheeta

brent
It depends of the website you visit, some have and some others don't. 😅 I don't find solution either.

brent
We can modify urlbar color font using css:

/* font color of the urlbar */
#urlbar-input-container {
color: YOUR COLOR HERE !important;
}

DataDrake

@dschinn1001 Please stop trying to hijack other threads. Please start separate discussions in a new thread. Please do not solicit money from other Solus users. There are much better sites for things like that.

brent

sangheeta Will try this, thank you.

sangheeta

Color the toolbar

here are some .css compiled to change the color of the toolbar (icons, folder, accent color etc) using css:

/* URLBAR TEXT FONT COLOR */
#urlbar-input-container {
color: DarkTurquoise !important;
}

/* COLOR OF BOOKMARKS STAR IN URLBAR */
#star-button[starred] {
    fill-opacity: 1;
    fill: gold !important;
}

/* SEARCHBAR FONT & MAGNIFIER COLOR */
#urlbar, .searchbar-textbox {
color: DarkTurquoise !important;
}

#identity-box[pageproxystate="invalid"] > #identity-icon,
.searchbar-search-icon {
color: DarkTurquoise !important;
}

/* COLOR OF FOLDERS EVERYWHERE */
#bookmarks-view treechildren::-moz-tree-image(container),
#PlacesToolbarItems toolbarbutton[container="true"],
#PlacesToolbarItems menu[container="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"] .menu-iconic-icon,
.bookmark-item [container] {
        /* FOLDERS COLOR CHANGE */
        fill: DarkTurquoise !important ;
}

/* TOOLBAR BUTTON COLOR CHANGE */
:root {
    --lwt-toolbarbutton-icon-fill: DarkTurquoise !important;
}

/* ACCENT TAB COLOR CHANGE */
#tabbrowser-tabs{ --tab-line-color:  DarkTurquoise !important; }

/* URLBAR & SEARCHBOX BORDER ACCENT COLOR */
#nav-bar{
  /* --lwt-toolbar-field-border-color: DarkTurquoise; */
  --toolbar-field-focus-border-color: DarkTurquoise;
}

HTML Color Names

brent

sangheeta I always thought in these scripts that every color was represented my a number, like the old pantone system. Modern systems recognize a color name now? So the palette in that link is pretty universal to operating systems?
PS-it looks great

synth-ruiner

brent Modern systems recognize a color name now?

that's actually very old- browsers allowed for colour names in the mid-'90s 🙂 there were actually two competing standards and they both got adopted, so now grey is darker than darkgrey!

sangheeta

I guess it's an improvement to the current html and css language. You have to ask a specialist, I don't know very much about it, but I find it rather practical and easier to memorize. 😅

brent

synth-ruiner sangheeta

thanks for the info gents. I didn't know (or could not imagine, is more accurate) that there was a long-time, multi-browser, agreed-upon cross-platform industry standard in the the html language of colors, but I guess there would have to be the more I think about it....browsers (mostly) are agnostic to specific operating systems and just have to perform and be somewhat customizable, I imagine. Thanks again. edit: word addition

[deleted]

In case you experience crackling sound when streaming video/audio, for example YouTube, try setting media.webspeech.synth.enabled to false

sangheeta

To decrease or increase the size of the firefox interface, it will also change the zoom of the web pages (we will need to adjust it via the preferences to find the right balance between the zoom of the interface and the web pages), go to layout.css.devPixelsPerPx

1.2 will increase the interface to 120% for example, 0.8 will decrease it to 80%.

[deleted]

sangheeta To calculate it suitable for your DPI, I recall you can do simple math (your dpi) / 96

[deleted]

Security/Privacy related tweaks for firefox:
website mentioned is https://privacytools.io

https://privacytools.io/browsers/#about_config

important note: some of the tweaks listed in that website could cause you to lose some performance.However, you gain improved security as well as privacy for that sacrifice.

hope you find this useful 😀

xjdwc

Privacy/security.

I second what [deleted] shared. In relation to Firefox use PrivacyTools as a foundation. To help select, add-ons, choose a search engine, and use privacy-related tweaks that suit your threat model. Keep up to date with this site, it is very informative.

Add-ons and tweaks that are related to aesthetic/customization.

Tabliss - A beautiful New Tab page with many customisable backgrounds and widgets that does not require any permissions.

Dark Reader - Dark mode for every website. Take care of your eyes, use dark theme for night and daily browsing.

This next add-on/Tweak I am sharing is essentially my all time favorite add-on/tweak when it comes to Firefox. Unfortunately this happened:

After upgrading to the 57+ version of Firefox, the Roomy Bookmarks Toolbar addon is no longer supported. This project consists in mitigating this non continuity of support.

So most of you have probably never heard of it until now. It's functionality was simple:

Roomy Bookmarks Toolbar saves space on the bookmarks bar. It's the only one of it's kind that hides the names of your bookmarks until you hover over them with your mouse.

But it lives on! Thanks to people a whole lot smarter than me.

Roomy Bookmarks Toolbar

Here is the link: Roomy Bookmarks Toolbar

And of course, mastering the basics....

15 Useful Firefox Keyboard Shortcuts

henkesteen

For some extra protection you should activate the "Site Isolation" feature in Firefox, called Fission.

https://blog.mozilla.org/security/2021/05/18/introducing-site-isolation-in-firefox/

ender

Re enabling the compact UI on latest Firefox:
browser.compactmode.show to true in about:config

[deleted]

Just leaving this here.
https://github.com/black7375/Firefox-UI-Fix

Junglist

Here's a catalogue of various CSS tweaks for Firefox someone made. At the moment I'm using the Technetium one.

https://firefoxcss-store.github.io/

[deleted]

Junglist Interesting, gotta take a look whether Lepton or Technetium looks better to me.

brent

[deleted] Junglist Kind of a dumb question since you both dig (as do I) those 50/50 themes (half dark/half light)----is that contrast un-noticeable after a while? It looks like one of those themes that may change one's computing experience, which is always cool.

« Previous Page Next Page »