userchrome.css 19/06/2026

/* Import your desired components first */

@import url(chrome/round_ui_items.css);
@import url(chrome/curved_tabs.css);
@import url(chrome/tab_separator_lines.css);
@import url(chrome/rounded_menupopups.css);
@import url(chrome/integrated_searchbar_popup.css);
@import url(chrome/rounded_menupopups.css);

/* Apply your custom modifications after imports */

/* Centre pinned tabs between separators and even with regular tab content */
.tab-content[pinned]:not([orient="vertical"]) {padding: 0 15px 3px 16px !important;}

/* New Tab Button and dropdown position */
#tabs-newtab-button {padding-bottom: 6px !important; padding-right: 9px !important;}
#alltabs-button {padding-top: 4px !important; padding-right: 9px !important;}

/* Bring back tab separator lines that were removed in Proton */
.tabbrowser-tab{
  background-image: linear-gradient(
    transparent 20%,   /* colour of top segment - from top dowm to 15% of height */
    rgb(242 225 219) 20% 70%,     /* colour of middle segment - solid colour from 15% to 65% of height */
    transparent 70%    /* colour of bottom segment - from 65% of height down to bottom */
  );
  background-size: 2.5px 100%;   /* width of separators 1px */
  background-repeat: no-repeat;
}

/* Tab Font Family */
#navigator-toolbox { font-family: SF Pro !important; font-weight: 420;}

/* Bookmark Bar Font */
.bookmark-item {font-size: 12px !important;}

/* URL Bar Outline */
:root {--focus-outline-color: rgb(219,173,157)}

/* Tab Curve Degree */
#tabbrowser-tabs{--uc-tab-curve-size: 11px !important; --uc-tab-line-color: rgb(239, 202, 195) !important; --tab-min-height: 32px;}

/* Tab Text Vertical Alignment */
.tab-content{ padding-bottom: 3px !important; }

/* Tab Text Space Between Text and Exit Button */
.tab-label-container:not([pinned]) {margin-right: 8px;}

/* ? */
/* .tab-label {margin-inline: 2px} */

/* Space Between Text in Tabs */
.tab-content {--tab-inline-padding: 11px}

/* Space Above and Below URL Bar */
toolbaritem#urlbar-container {--urlbar-padding-block: 6px 5px}

/* Line between tab bar and tabs */
:root {--tabs-border-color: transparent !important}
:root {--tabs-navbar-separator-color: rgb(242, 225, 219) !important}

/* Tab Height */
#tab-background {	max-height: 32px !important;}
:root {	--tab-min-height: 10px !important;
	--tab-max-height: 10px !important;}

/* Tab Text Size */
.tab-text.tab-label{font-size: 12.5px !important}

/* Space around bookmark bar */
toolbarbutton.bookmark-item:not(.subviewbutton){ padding: 4px 6px 6px 6px !important;}
#tabbrowser-tabs {margin-top: 7px !important}

/* Bookmark Bar Text size */
.tab-text.tab-label{font-size: 13px;}

/* URL Font Size */
hbox.urlbar-input-container {font-size: 14.5px !important}