https://github.com/tomatopickle/Glox

A glassmorphistic Firefox skin, also has round elements
https://github.com/tomatopickle/Glox

Last synced: 14 days ago
JSON representation

A glassmorphistic Firefox skin, also has round elements

• Host: GitHub
• URL: https://github.com/tomatopickle/Glox
• Owner: tomatopickle
• Created: 2021-08-29T08:17:07.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-01-18T13:55:20.000Z (almost 3 years ago)
• Last Synced: 2024-08-01T16:37:15.562Z (3 months ago)
• Language: CSS
• Size: 10.9 MB
• Stars: 25
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
| :exclamation:Warning: This skin won't work with Firefox 96, Please [read this comment](https://github.com/tomatopickle/Glox/issues/2#issuecomment-1015426651)  |

|-----------------------------------------|

# Glox. Firefox, but better

![New Tab](https://raw.githubusercontent.com/tomatopickle/Glox/main/screenshots/newtab.PNG)

#### [More screenshots](https://github.com/tomatopickle/Glox/tree/main/screenshots)

## About

#### This skin makes use of [glassmorphism](https://uxdesign.cc/glassmorphism-in-user-interfaces-1f39bb1308c9?gi=505b8b61b4df), also makes most parts of the UI round. It also has a blended background (doesn't work with all backgrounds).

## Installation

###### Warning: This skin uses the [backdrop-filter](https://caniuse.com/?search=backdrop-filter) property which is still expermental in Firefox

 ### Steps

 1. Set `toolkit.legacyUserProfileCustomizations.stylesheets` and `layout.css.backdrop-filter.enabled` to true in about:config

 2. Go to [about:support](about:support), open the profile folder

 3. From that directory, make chrome folder if it doesn't exist

 4. Download the [gloxskin.zip](https://github.com/tomatopickle/Glox/blob/main/gloxskin.zip) file, unzip all it contents to the chrome folder

 5. Restart Firefox

### Note

- You can change the bg.jpg in your chrome folder to any image you prefer

- It's recommended to use Firefox's default dark theme with this skin

- To truly get the blended background effect, remove the bookmarks toolbar by pressing Cntrl/Cmd   + Shift  + B or by going to View > Toolbars > Bookmarks Toolbar > Never Show. Place your bookmarks next to the search bar by dragging them in using the cutomize toolbar option. As shown in [this image](https://raw.githubusercontent.com/tomatopickle/Glox/main/screenshots/newtab.PNG)

## Other backgrounds

Big Sur light

 

Download

Big Sur Dark



Download

Opera Pink



Download

Opera Blue



Download

Credits

Thank you Unnat_297, for giving me the name for this skin