Skip to content

Instantly share code, notes, and snippets.

@sonhanguyen
Last active December 6, 2021 05:03
Show Gist options
  • Save sonhanguyen/7d3dcab4c8db1dbb38905bbdcadb9379 to your computer and use it in GitHub Desktop.
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 */
#browser,
#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;
}
/*
EOF
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment