Here's my take on it: https://raymii.org/s/blog/Firefox-89-proton-ui-tab-styling.h...
/* Deprotonify */
@-moz-document url(chrome://browser/content/browser.xhtml) {
#tabbrowser-tabs .tab-background {
border-radius: 3px 3px 0 0 !important;
margin-block-end: 0 !important;
}
#urlbar:not([focused="true"], [open]) > #urlbar-background, #searchbar:not(:focus-within) {
border-color: var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.2)) !important;
}
}
menupopup > menu, menupopup > menuitem {
padding-block: 3px !important;
}
(I actually have a few other rules to hide buttons I don't want, but I omitted that here to keept the experience standard.) #pageActionButton {
display: none !important;
}
.urlbar-history-dropmarker, .urlbar-history-dropmarker:hover {
display: none !important;
}
#TabsToolbar{
display: none
}
#menu_newNavigatorTab {
accessey: none;
acceltext: none;
display: none;
}
#context-openlinkintab,
menuitem[label="Email Link..."],
menuitem[label="Import From Another Browser..."],
#context-searchselect,
menuitem[label="Block element..."],
#context-bookmarklink,
#inspect-separator,
#context-inspect-a11y,
#context-inspect,
menuitem[label="Pin to Overflow Menu"],
menuitem[label="Bookmarks Toolbar"],
menuitem[label="Search DuckDuckGo for*"] {
display: none;
}