Boring-Fox is primarily developed with JavaScript and CSS. It offers a sophisticated and convenient start page for users who are just a tad bit boring. With its minimal and retro design, Boring-Fox combines boring aesthetics with functionality. The theme enhances your Firefox homepage by providing easy access to bookmarks, weather widgets, as well as unit and currency conversion within a single, cohesive interface.
Boring-Fox offers a window with tabs-like buttons to organise its functionality. It has a range of helpful features designed to elevate your browsing experience. They are not cluttered and all over the place; rather, they're thoughtfully placed with the intent of keeping your browser distraction-free.
Experience a visually stunning browsing interface with the theme's minimalist design and functional yet elegant features.
Check the weather right on your Firefox homepage for convenient access to up-to-date information. To set this up make an account with openweathermap and paste your API key in the scripts/temp.js
file.
Convert currencies and units whenever you want. To set up currency conversion make an account with exchangerate-api and paste your API key in the scripts/conv.js
file.
The theme can be configured and customized by editing the scripts/tabs.js
, scripts/temp.js
, scripts/conv.js
files. It is pretty self explanatory but it allows you to update/add the following:
- API keys
- Location information
- Bookmarks
The below step-by-step guide is divided into three parts: colors, userChrome.css mods, and modifying the new tab and homepage. If you want the same look as the screenshots, follow all three; otherwise, you can choose to use your own colors or skip the userChrome.css mods as needed.
- Download the Firefox Color add-on. To use the default colors of the theme, click here to add them to Firefox. You can also customize the colors to your liking.
-
On the Firefox url bar, enter
about:config
and settoolkit.legacyUserProfileCustomizations.stylesheets
totrue
to enable CSS customization. -
Enter
about:profiles
on the url bar and open the root directory underdeafult-release
to go to your profile folder -
Copy
chrome/
andboring-fox/
from this repo into the profile folder.
- Find your Firefox directory corresponding to your operation system:
- Linux: output of
whereis firefox
- Windows:
C:\Program Files\Mozilla Firefox
- MacOS:
/Applications/Firefox.app/Contents/MacOS
-
Under
default/prefs
create or updateautoconfig.js
and paste in the code below:// pref("general.config.filename", "autoconfig.cfg"); pref("general.config.obscure_value", 0); pref("general.config.sandbox_enabled", false);
-
Navigate two directories back to the Firefox directory and create
autoconfig.cfg
and paste in the code below. Make sure to replacenewTabURL
with the path of theboring-fox/index.html
file (it should look something like this:file:///<path_to_firefox_dir>/boring-fox/index.html
):// var {classes:Cc,interfaces:Ci,utils:Cu} = Components; try { Cu.import("resource:///modules/AboutNewTab.jsm"); var newTabURL = "file:///PATH_TO_YOUR_INDEX.html"; AboutNewTab.newTabURL = newTabURL; } catch(e){Cu.reportError(e);} // report errors in the Browser Console
-
Change homepage under Firefox settings to 'Custom URLs' and paste in the same path (to the index.html) as step 2.
-
Restart Firefox.
The font files are already present in the theme. If you want to manually incorporate the required fonts into the theme, download Minecraftia, Fira Mono, and Montserrat, then rename the font variables accordingly. Alternatively, you can choose any font by modifying the variables located at the top of the style.css
file.
All ASCII art, except for the graph found on the currency converter tab, is not created by me. Please find the sources for them below:
-
Retro Car
Source: asciiart.website (#5 on the page) -
Cat on Moon
Source: textArt.sh (#16 on the page) -
Book and Ink
Source: ascii.co.uk (#3 on the page)
If you're looking for a more streamlined and simple start page, you can find some of my older themes in the other-themes/
directory. These are relatively simple and lightweight. Feel free to browse and choose from these themes.