userChrome.css

/*userchrome.css for my Firefox, has some fun things */

.search-setting-button {
display: none !important;
}

.urlbar-go-button {
display: none !important;
}

  /* Remove tab close button. Appear on hover with smooth transitions */
  .tabbrowser-tab:not([pinned]) .tab-close-button {
	display: -moz-box !important;
	opacity: 0;
	visibility: collapse !important;
	transition: all 200ms ease-in-out, fill 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;

  }

  .tabbrowser-tab:not([pinned]):hover  .tab-close-button {
	opacity: 1;
	visibility: visible !important;
	transition: all 200ms ease-in-out, fill 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  .tabbrowser-tab:not([pinned]):hover  .tab-close-button:hover {
	fill: #FF0000 !important;
	transition: all 200ms ease-in-out, fill 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

    /* Fix mask size */
  .tabbrowser-tab {
	--tab-label-mask-size: 1em !important;
  }

.close-icon{
	transition: fill 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  .close-icon:hover {
	fill: #FF0000 !important;
  }

  .tab-background{
	border-radius: 4px !important;
	border: transparent !important;
  }
	.tab-background[selected="true"] {
		background: linear-gradient(to right, rgb(159, 26, 255, 0.3), rgb(159, 26, 255, 0.3), rgb(138, 70, 255, 0.3), rgb(118, 93, 255, 0.3), rgb(93, 125, 255, 0.3), rgb(62, 140, 255, 0.3), rgb(28, 153, 255, 0.3), rgb(0, 165, 255, 0.3), rgb(0, 180, 255, 0.3), rgb(0, 195, 255, 0.3), rgb(0, 208, 255, 0.3), rgb(0, 221, 255, 0.3)) no-repeat !important;

	}

	  /*container indicator bar to the sides of the tab */
	#tabbrowser-tabs .tab-context-line {
		display: none;
	}

	.tabbrowser-tab[class*="identity-color-"] .tab-background {
		border-right: solid 2px var(--identity-icon-color) !important;
		border-left: solid 2px var(--identity-icon-color) !important;
		transition: all .15s ease-in-out !important;
	}

	.tabbrowser-tab[class*="identity-color-"] .tab-background[selected="true"] {
		border-right: solid 4px var(--identity-icon-color) !important;
		border-left: solid 4px var(--identity-icon-color) !important;

        }

/*
 * Makes the Not Secure text of HTTP pages appear in red text.
 * The label itself can be enabled by setting
 * security.insecure_connection_text.enabled to true in about:config on Firefox 60+.
 *
 * Contributor(s): Madis0
 */

#urlbar > #identity-box.notSecureText > #identity-icon-labels > #identity-icon-label {
  color: rgba(255, 0, 0, 0.867) !important;
}

/* Hide the entire identity box (includes lock icon) */
#identity-box {
    display: none !important;
}


/* Add left padding to the address bar text */
#urlbar {
    padding-left: 4px !important;
    padding-right: 4px !important;

}

/* hide the tracking protection thingy on a webpage */
#tracking-protection-icon-container {
    display: none !important;
}

.tabbrowser-tab[selected="true"] {
  min-width: 150px !important;
}

.tab-icon-overlay {
  display: none;
}
.tab-icon-image {
  opacity: 1 !important;
}

/* hide magnifying glass icon on the next row */
.urlbarView-favicon { visibility: collapse !important; }

/* reduce padding on the one-offs */
.search-one-offs {padding-block: 4px !important}

/* make the search thingeys go away, without taking away search one-offs */
.urlbarView-body-outer {
    padding: 0px !important;
    display: none !important;
    visibility: collapse !important;
}