Chrome Theme config

userChrome.css

@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

.tabbrowser-tab {
	--tab-min-height: 32px;
	overflow: visible !important;
}

/*#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon:-moz-lwtheme, #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected="true"]:-moz-lwtheme, #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme{
     */
@keyframes lightup {
	0% {
		opacity: 0;
		transform: translateY(-315px)
	}

	40% {
		opacity: .2;
		transform: translateY(-10px);
	}

	60% {
		opacity: 1;
		transform: translateY(0px);
	}

	100% {
		opacity: .65;
		transform: translateY(0)
	}
}

body #tabbrowser-tabs:not([movingtab])>#tabbrowser-arrowscrollbox>.tabbrowser-tab>.tab-stack>.tab-background {
	transition: box-shadow .5s ease;
}

body #TabsToolbar #firefox-view-button[open]>.toolbarbutton-icon,
body #tabbrowser-tabs:not([movingtab])>#tabbrowser-arrowscrollbox>.tabbrowser-tab>.tab-stack>.tab-background[multiselected="true"],
body #tabbrowser-tabs:not([movingtab])>#tabbrowser-arrowscrollbox>.tabbrowser-tab>.tab-stack>.tab-background[selected="true"] {
	box-shadow: 0 -30px 50px 5px rgba(107, 86, 250, 1) !important;
	transition: box-shadow .8s ease;
	animation: lightup .5s ease forwards;
	border: solid 1px #AAA5;
}

#TabsToolbar {
	margin-left: 40px;
}

#TabsToolbar:after {
	content: "東";
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 6px 0;
	text-align: center;
	width: 40px;
	height: 40px;
	font-size: 18pt;
	font-family: times;
	user-select: none;
	z-index: -2;
	position: absolute;
	left: 0;
	color: #FBF;
	text-shadow: 0 0 6px #C5FF;
	font-family: "UD Digi Kyokasho NP-R";
	animation: neon 4s ease infinite alternate;
}

@keyframes neon {
	0% {
		color: #2c2d3b;
		text-shadow: 0 0 0px #4c4f77;
		opacity: .6;
	}

	100% {
		color: #FBF;
		opacity: .5;
		text-shadow: 0 0 8px #A3FF;
	}
}

.titlebar-spacer {
	z-index: 2;
	position: relative;
}

.titlebar-button {
	background-color: transparent !important;
	transition: transform, background-color 0.2s ease !important;
	width: 25px;
	height: 25px;
	padding: 0 !important;
	margin: 2px 8px 16px 0 !important;
	border-radius: 100%;
	transform: scale(1);
}

.titlebar-button>.toolbarbutton-icon {
	list-style-image: none;
}

.titlebar-button:hover {
	background-color: rgba(128, 128, 128, 0.3) !important;
	transform: scale(1.2);
	transition: transform, 0.2s ease-out;
}

.titlebar-close:hover {
	background-color: rgba(255, 128, 128, 0.3) !important;
}

.titlebar-close:hover>.toolbarbutton-icon {
	list-style-image: url("chrome://browser/skin/caption-buttons.svg#close-white") !important;
}

#main-window {
	-moz-appearance: -moz-win-glass !important;
	background: transparent !important;
}

#navigator-toolbox {
	background: transparent !important
}