Skip to content

Instantly share code, notes, and snippets.

Last active December 6, 2021 05:03
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save sonhanguyen/7d3dcab4c8db1dbb38905bbdcadb9379 to your computer and use it in GitHub Desktop.
side panel style for using with Tree Tabs
#!/usr/bin/env bash {} /*
cd ~/.mozilla/firefox || cd ~/Library/Application\ Support/Firefox*
source <(grep Default= profiles.ini)
mkdir $Default/chrome
tee $Default/chrome/userChrome.css <<EOF
/*#region Firefox */
#navigator-toolbox {
/* uniform bg for toolbar, bookmarks (--toolbar-bgcolor) and titlebar (accent color) */
--toolbar-bgcolor: var(--lwt-accent-color-inactive, var(--lwt-accent-color));
#navigator-toolbox {
display: grid;
grid-template-columns: auto minmax(0, 1fr) !important;
/* render traffic lights next to nav (instead of on top), assuming that title is turned off */
grid-template: "traffic-lights nav" ". bookmark";
#nav-bar {
grid-area: nav;
#titlebar {
grid-area: traffic-lights;
.titlebar-spacer {
display: none;
#TabsToolbar-customization-target {
/* remove tabs */
display: none;
#PersonalToolbar {
grid-area: bookmark;
.urlbar-input-box {
font-size: 16px;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment