Firefox 91 GNOME Adwaita Theme: Container Color Circle on Tab Fix

userchrome.css

/* firefox 91+ */
/* userchrome.css or tabsbar.css */
/* problem: using custom CSS theme such as Firefox Adwaita or WhiteSur put a circle in the tab if the tab opened in a container */
/* solution: */
/* create border that colored with container identifier */
.tabbrowser-tab[class*="identity-color-"] {
	border-bottom: 3px solid var(--identity-icon-color) !important;
}

/* Create new container tab indicator */
.tabbrowser-tab[class*="identity-color-"] .tab-content::before {
	content: "";
	display: block;
	background-image: var(#userContext-icons:--identity-icon);
	background: transparent;  /* modified to transparent to remove the weird circle near icon */
	-moz-context-properties: fill;
	fill: var(--identity-icon-color);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	min-width: 10px;
	height: 10px;
	margin-right: 5px;
	margin-left: auto !important;
	border-radius: 100%;
}