gayfox.css

/*
 *  gayfox - gay firefox theme (rev. 4)
 *
 *  Source: https://github.com/6gk/gkay
 *  By gk <messagke@gmail.com> [github.com/6gk]
 *  Licensed under MIT (expat)
 */

:root {
	--red: #ffb0b0;
	--yellow: #fff7c6;
	--green: #cfffd2;
	--cyan: #c0ffff;
	--blue: #cbd4ff;
	--pink: #ffbfef;
}

@keyframes rainbow {
	0%   { background-position: 0    0; }
	100% { background-position: 100% 0; }
}

#titlebar {
	background: linear-gradient(
		to right,
		var(--red),
		var(--yellow),
		var(--green),
		var(--cyan),
		var(--blue),
		var(--pink),
		var(--red),
		var(--yellow),
		var(--green),
		var(--cyan)
	);
	background-size: 300% 100% !important;
	animation: rainbow 3s linear infinite !important;
	animation-play-state: running !important;
}

#titlebar:-moz-window-inactive {
	animation-play-state: paused !important;
}

/* readability is nice. -- Fix colours on dark theme */
#tabs-newtab-button,
.tabbrowser-tab:not([selected]) .tab-content {
	--toolbarbutton-icon-fill: #333;
	color: #333;
}


/** windows:tm: **/
/* doesn't show the rainbow with the default appearance */
#titlebar { appearance: none !important; }
/* due to resetting appearance, the top is cut off if this is left default */
#main-window[sizemode="maximized"] #titlebar {
	padding-top: 8px;
}