40 lines
2.1 KiB
Markdown
40 lines
2.1 KiB
Markdown
# Bram's Configs for Floorp Browser
|
|
I didn't make any editions at Userchrome.css and I didn't find any way to export the settings I made, but I will keep looking to do the same with Firefox, for now you can replicate these settings through this step by step on Floor Browser.
|
|
|
|
|
|
## Set-up Guide
|
|
|
|
#### Step 0 - Install Floorp Browser
|
|
- [Floorp Browser](https://floorp.app/en/download/) page
|
|
|
|
#### Step 1 - Install addons and resources ⬇️:
|
|
- [Sidebery](https://addons.mozilla.org/pt-BR/firefox/addon/sidebery/) to sidebar
|
|
- [Tabliss](https://addons.mozilla.org/pt-BR/firefox/addon/tabliss/) to "new tab" page
|
|
- [DM Sans](https://fonts.google.com/specimen/DM+Sans) to font
|
|
|
|
#### Step 2 - Configure Floorp Browser and extensions:
|
|
- Navigate to Floorp Settings ⚙️
|
|
- Design `about:preferences#design` -> Browser appearance -> Floorp Fluerial UI
|
|
- Design `about:preferences#design` -> Tab Bar Style -> Horizontal Tab Bar
|
|
- Design `about:preferences#design` -> Tab Bar Style -> Collapse Tree Style Tab
|
|
- Design `about:preferences#design` -> Tab Bar -> Optimise browser for Vertical Tab Bar
|
|
- Design `about:preferences#design` -> Bookmarks Toolbar -> Hide the Bookmarks Toolbar unless hovering over the navigation bar (Optional, you can simply choose to hide the favorite bar always)
|
|
- Design `about:preferences#design` -> Other Preferences -> Round the corners of pages
|
|
- Navigate to Sidebery Settings ⚙️:
|
|
- Sidebery Settings -> Help -> Import addon data -> Import the settings I left in the repo
|
|
|
|
#### Step 3 (Last Step) - Customize Themes 🎨:
|
|
- Copy the contents of the `userChrome.css` in this repo
|
|
- Open the `userChrome.css` file 📁:
|
|
- Floorp options -> Help -> More troubleshooting information -> Under 'Profile Directory' click on 'Open Directory'
|
|
- Navigate to the chrome folder and open the `userChrome.css` file
|
|
- Paste the contents of the file
|
|
- Restart Floorp
|
|
|
|
#### Bonus: Other things
|
|
- If you want to use SplitView along with Sidebery, just add as a shortcut:
|
|
- about:preferences#cSK -> Split View Actions -> Add Shortcut
|
|
|
|
## That's all
|
|
Enjoy your new browser style!
|