a month later

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;
}

    @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.

    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.

        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;
}
              4 days later

              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

                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

                    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 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!

                          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

                              10 months later

                              • [deleted]

                              • Post #96

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

                              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]

                                • Post #98

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

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

                                  18 days later