https://github.com/sagars007/Proton-UI-connected-rounded-tabs

Firefox Proton UI minimal changes with nav-bar-connected rounded tabs, reduced compact mode, nightly color gradient accents etc..
https://github.com/sagars007/Proton-UI-connected-rounded-tabs

Last synced: 13 days ago
JSON representation

Firefox Proton UI minimal changes with nav-bar-connected rounded tabs, reduced compact mode, nightly color gradient accents etc..

• Host: GitHub
• URL: https://github.com/sagars007/Proton-UI-connected-rounded-tabs
• Owner: sagars007
• Created: 2021-06-07T16:20:12.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-14T06:24:23.000Z (over 1 year ago)
• Last Synced: 2024-08-01T16:38:31.863Z (3 months ago)
• Language: CSS
• Size: 3.81 MB
• Stars: 31
• Watchers: 2
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Connected rounded tabs with gradient indicators - Proton UI (Firefox)

![screenshot](screenshot/proton-ui-gradient-rounded-tabs-display.png)

![screenshot](screenshot/download_popup_dark.png)

Firefox Proton UI minimal changes with nav-bar-connected rounded tabs, reduced compact mode, nightly color gradient accents etc.. 

Now with download popup & appPicker in dark mode!

Displays best with proton dark compact mode

Tested in Firefox Nightly 89, windows 10

How to use userChrome.css: https://www.userchrome.org/how-create-userchrome-css.html

Some of the styles applied:

* Rounded tabs connected to nav-bar with nightly color gradient active indicator

* Compact mode reduced height

* Bookmarks bar auto-hide

* titlebar spacer pre-tabs: none

* close/min/max rounded icon

* sound icon always shown when audio played. Favicon not hidden

* Close tab button appear on hover

* Tab shadow ms edge style

* Toolbar icons color purple, cyan on hover

* Loading icon and tab burst color: cyan

* Container tabs indicator at tab bottom

* Prevent tab bar size increase when tab overflow occurs

* Menu padding decreased and rounded hover style

* Url bar focus and open states with rounded nightly color gradient border

* Link hover tooltip with nightly color gradient border

* tooltips match with dark mode (with gradient border)

* sidebar bgcolor matches with proton dark color

* toolbar hamburger menu email separator- nightly gradient color applied

* sidebar splitter border and nav-bar bottom border removed