floorp-configs/README.md

# 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.

![Browser](docs/assets/browser.png)
## 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!