
I thought to share this since it might help others as well or you could update your original code to take into consideration the Windows Theme Light/Dark mode. search-inner-wrapper:active input,īorder-color: rgba(var(-accent-color), 0.6) !important īackground-color: rgba(var(-accent-color), 0.3) !important *= SEARCH BAR =*/īackground: rgba(var(-accent-color), 0.2) var(-newtab-search-icon) 12px center no-repeat !important īorder-color: rgba(var(-accent-color), 0.3) !important Open userContent.I guess for the Microsoft Windows theme you can use this CSS rule.Īnd for the CSS of the search box, maybe this CSS rule url(chrome://browser/content/browser.xhtml) Go to the chrome directory and (a) create a directory called img and (b) create a file called userContent.css. It should open your Firefox profile directory, which is usually in your $HOME directory.Ĭreate a directory called chrome inside the opened directory, if it's not already there. View the section "Application Basics" ➔ Profile Directory (or "Profile Folder" on MacOS) ➔ click the button "Open Directory" (or "Show in Finder" on MacOS): Go to about:support in the address bar. Open about:config and change the value to the color of your choice.Add-ons can surely do that, but there's a better approach: We can create a CSS file and tell Firefox to load that file when it starts.


Use themes to change the look of Firefox A theme is a type of Firefox.

In Firefox, there's no way to change the background image of the home page (new tab) from the Settings. Also, the background color of the drop-down menu is black with the font color blue.
