Firefox PWA like (&ssb)

README.md

Making windowless browser

Source: https://www.reddit.com/r/firefox/comments/li2lqg/now_that_mozilla_killed_the_ssb_feature_what/

Creating a custom profile

1. Open URL: about:profiles and create a new profile, let's name it ssb_prof
2. In a terminal (or Win+R on windows) run firefox --no-remote -P ssb_prof
3. Open URL: about:support and a. Make sure that Profile Folder ends with .ssb_prof b. Click Open Folder

Adding custom CSS

We will use CSS to hide Firefox's UI.

1. Make a folder called chrome
2. Make a new file called userChrome.css and copy and paste from below
3. In Firefox, open URL: about:config
4. Enable this toolkit.legacyUserProfileCustomizations.stylesheets (Double click it to set it to true)
5. Create shortcuts with firefox --name=YouTube --no-remote -P "ssb_prof" "https://youtube.com"

userChrome.css

TabsToolbar {
  visibility: collapse;
}

:root:not([customizing]) #navigator-toolbox:not(:hover):not(:focus-within) {
  /* This controls how much is visible at the top
  that will show the UI on hover */
  max-height: 4px;
  min-height: calc(0px);
  overflow: hidden;
}

#navigator-toolbox::after {
  display: none !important;
}

#main-window[sizemode="maximized"] #content-deck {
  padding-top: 8px;
}