ycatsh / smart-fox

Retro and minimalist firefox theme with convenient features

Smart-Fox is primarily developed with JavaScript and CSS. It offers a sophisticated and intuitive browsing experience for users seeking efficiency and convenience. With its minimal design and relevant features, Smart-Fox combines aesthetics with functionality seamlessly. The Smart-Fox theme enhances your Firefox homepage by providing easy access to music control (under development), bookmarks, daily notes, and weather widgets within a single, cohesive interface.

Features

Smart-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 to boost productivity.

Daily Note

Stay productive with the integrated daily note feature. Create and manage your tasks right from your start page.

Weather Information

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 use your api key in temp.js.

Eye Candy Design

Experience a visually stunning browsing interface with the theme's minimalist design and functional yet elegant features.

Intructions

These instructions provide a step-by-step guide for downloading and applying themes to customize your Firefox. The process is divided into three parts: adding the necessary colors, styling the Firefox elements, and modifying the new tab and homepage with the custom theme.

Colors

1. Download the Firefox Color add-on from here. After you've set up the add-on, click on this link to add the appropriate colors Firefox.

Custom Styling

1. On the firefox search bar, enter about:config and set toolkit.legacyUserProfileCustomizations.stylesheets to true to enable CSS customization.

2. In your profile directory make 2 folders startpage and chrome, inside chrome/, paste userChrome.css, userContent.css, and tabs/ from the chrome directory in this repo.

Start Page

1. copy all the files from smart-fox into the startpage/ folder you just created

2. Navigate to your firefox directory, under default/prefs create a autoconfig.js file

   //
   pref("general.config.filename", "autoconfig.cfg");
   pref("general.config.obscure_value", 0);
   pref("general.config.sandbox_enabled", false); 

   paste this code and save the file.

3. Navigate one directory back to defaults/ and create a autoconfig.cfg file

   //  
   var {classes:Cc,interfaces:Ci,utils:Cu} = Components;  
   
   try {  
   Cu.import("resource:///modules/AboutNewTab.jsm");  
   var newTabURL = "file:///PATH_TO_YOUR_START_PAGE.html";  
   AboutNewTab.newTabURL = newTabURL;  
   } catch(e){Cu.reportError(e);} // report errors in the Browser Console  

   make sure to put the path of the index.html file in your startpage folder.

4. Change homepage under firefox settings to 'Custom URLs' and paste in the path.

5. Restart Firefox.

Other Themes

If you're looking for a more streamlined and functional start page, you can find some themes from the themes/ directory. These themes feature a minimalist design and a simple yet elegant look, creating a comfortable browsing experience. Feel free to browse and choose from these themes to personalize your Firefox homepage according to your preferences and style.