With monitors getting wider and websites more compact, maximizing the browser is a waste of space.

Overview

W i d e f o x

With monitors getting wider and websites more compact, maximizing the browser is a waste of space. Widefox utilizes all available vertical real estate while adding extra features to your browsing experience!

Preview

v4.mp4

Features

Second sidebar Plus

Nothing would be possible without the script sidebarModoki from alice0775 which creates the second sidebar.

Improved with an unique floating style, matching the browser theme. Giving easy access not only to your Bookmarks, Downloads and History but to your Extensions, Themes, about:performance and about:config!

There are two groups of three tabs for a total of six tabs. To switch between groups either middle click on a tab or click the area above the tabs and under the urlbar.

Max vertical space

Navbar and sidebar width tied together leavig all the vertical space available for each webpage, urlbar will also expand on when needed.

Tree Style Tab styling

Restyling tabs to match the floating styling of proton redesign, adds light/dark mode awarenesses, an animated border and various other tweaks.

Smart window resize

Switching from/to normal/maximized window will hide/show the sidebar automatically.

Extras

Styles

Normal size window restyle

One-line style with no tabs since TST is used. Complete optional you can modify sidebarXautohidet.uc.js (just uncomment some lines) to auto-hide TST completely on normal size window.

File: .\userChrome-files\normal_mode.css



Darker about:pages for dark mode users

Recolours most about:pages and breaks the monochrome background.

File: .\userContent-files\aboutpages\about_pages_Darker.css

image

About:addons restoration

Utilize the wasted screen space, bring back buttons and other useful additions!

Files at .\userContent-files\aboutpages\aboutaddons folder keep what you prefer.

image

Scripts

About:addons search-box searches your addons

Filter your extensions and themes instead of searching the store.

File: addonSearchBar.uc.js



Restart button on toolbar and main menu

One click restart.

Files : restartButtonM.uc.js and restartInMenu.uc.js

Restore the restore previous season on the main menu

Proton redesign took it away now you can have it back.

File: restoreRestorePreviousSeason.uc.js

Show only domain on urlbar

Hide and restore on focus. Use with caption.

File: trimurl.uc.js

Floating scrollbars

File: floatingScrollbar.uc.js

Installation

1. Install Tree Style Tab

  • Select left side style from TST Options-> Appearance
  • Click the sidebar header and select Move Sidebar to Right

2. Install TST Colored Tabs to get per domain colours

  • In options select Saturation 60 and Lightness 22 and then add your preferred colours for each domain or leave it to random if you want.

3. Unlock custom css settings

  • Go to about:config search for toolkit.legacyUserProfileCustomizations.stylesheets and set it to true
  • For blur support search for layout.css.backdrop-filter.enabled and set it to true ! Not working in latest version of Firefox !

4. Enable script support

5. Install Widefox

  • Copy the contents of the chrome folder from this repository to the chrome folder you created inside your profile folder in step 4.
  • Restart!

6. Customize Toolbar

Right click on any toolbar and select Customize Toolbar... or from Main menu > More Tools > Customize toolbar...
  Click here for more details...

Make sure there is one spacer on the left side of urlbar and none on the right. Move the sidebar Modoki hide/show button to the vertical toolbar, move the reload and restart buttons where you want. Move extensions and other buttons from either side of urlbar to the vertical toolbar or to overflow menu. Make sure there is at least one thing inside the overflow menu. If you want the zoom control buttons you can bring them to the vertical toolbar. Compact mode is recommended, enable browser.compactmode.show in about:config and set density to compact.

Here is a before and after from a default profile:

image

7. Finished!



Startpage/Newtab page in preview
Color theme in preview

You might also like...

"Space-Travelers-Hub" is a website that allows users to book rockets and join selected space missions by using data from the SpaceX API.

Space-Travelers-Hub This project was bootstrapped with Create React App. Description "Space-Travelers-Hub" is a website that allows users to book rock

Mar 13, 2022

Welcome to Space Traveler's HUB, this web app allows the user to take a fictional tour across the space.

Welcome to Space Traveler's HUB, this web app allows the user to take a fictional tour across the space.

Welcome to Space Traveler's HUB, this web app allows the user to take a fictional tour across the space. The user can choose a rocket from our catalog interface, and reserve it. Also, the user can see recent special missions and join them. Finally, the user will be able to keep track of all your rockets and mission they are subscribed to. Build with React, Redux, React-router, and Railwindcss.

Jan 27, 2022

A flexible, memory compact, fast and dynamic CSG implementation on top of three-mesh-bvh

A flexible, memory compact, fast and dynamic CSG implementation on top of three-mesh-bvh

three-bvh-csg An experimental, in progress, flexible, memory compact, fast and dynamic CSG implementation on top of three-mesh-bvh. More than 100 time

Jan 5, 2023

Compact library for interacting with Ankr Scan Multichain API.

ankrscan.js Compact SDK for interacting with Ankr Scan MultiChain JSON-RPC API. SDK supports following MultiChain methods: getLogs - logs matching the

Jan 3, 2023

A compact JavaScript animation library with a GUI timeline for fast editing.

Timeline.js A compact JavaScript animation library with a GUI timeline for fast editing. Check it out in this example: http://vorg.github.io/timeline.

Nov 26, 2022

A web component that allows you to run high level programming languages on your websites (static websites included!)

Code-Runner-Web-Component A web component that allows you to run high level programming languages on your website via the public Piston API Show your

Dec 16, 2022

Ethereum smart contract gas cost waste pattern detection and patching tool

Ethereum smart contract gas cost waste pattern detection and patching tool

Ethereum smart contract gas cost waste pattern detection and patching tool

Mar 23, 2022

Don't waste time looking at what you are typing, spend time thinking about the meaning.

Don't waste time looking at what you are typing, spend time thinking about the meaning.

LETA Don't waste time looking at what you are typing, spend time thinking about the meaning. About You will be able to: Practice touch typing Pick bes

Dec 15, 2022
Comments
  • It prepends 'http://' to the URL when copy from URL input bar.

    It prepends 'http://' to the URL when copy from URL input bar.

    Seems like the trimurl script causes this issue. For example, if I copy this page url from url bar the result will be http://https://github.com/ATechnocratis/widefox/issues/new

    You may consider using an event based method (e.g. http://https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/tab_label_in_urlbar.uc.js) to update the value of url input to avoid this problem.

    opened by vufly 1
Owner
null
This Plugin is For Logseq. If you're using wide monitors, you can place journals, linked references, and journal queries side by side.

Logseq Column-Layout Plugin Journals, linked references, and journal queries can be placed side by side if the minimum screen width is "1850px" or mor

YU 14 Dec 14, 2022
Real-time traffic data of Wiener Linien monitors.

WienerTime wiener-time.vercel.app Real-time traffic data of Wiener Linien monitors. Features Built with the t3-stack, this web app shows real-time tra

Jan Müller 6 Nov 11, 2022
A web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions.

Space Travelers A web application for a company that provides commercial and scientific space travel services. The application will allow users to boo

Hector Torres 2 Apr 6, 2022
This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

space-hub About Project "Space Traveler's Hub" is A web application that provides commercial and scientific space travelling services, We are working

Nicholas Emmanuel 7 Nov 2, 2022
This a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets, dragons and join selected space missions.

Space Travelers' Hub In this project, we have worked with the real live data from the SpaceX API. Our task was to build a web application for a compan

Apuabi Titilope 4 Oct 31, 2022
In this project we built a web application that consumes an SpaceX API. It provides commercial and scientific space travel services that allows users to book rockets and join selected space missions.

Space Travelers' Hub In this project we built a web application that consumes an SpaceX API. It provides commercial and scientific space travel servic

Diego Yon 7 Sep 30, 2022
This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

Space Traveler's Hub This web application provides commercial and scientific space travel services. The application allows users to book rockets and j

Michael Mesfin 6 Oct 4, 2022
Space Travelers' Hub - a web application that facilitates booking rockets and join selected space missions

This is a web application that facilitates booking rockets and join selected space missions. It is built for a company that offers both commercial and scientific space travel services. The application also works with real live data from the SpaceX API.

Mong'are 6 Mar 29, 2022