Dark Emerald Green (doc.qt.io) by osirisgothra

/* ==UserStyle==
@name         Dark Emerald Green (doc.qt.io)
@version      20250219.02.51
@namespace    https://userstyles.world/user/osirisgothra
@description  Full-on simple filtering of the documentation using minimal selectors
@author       osirisgothra
@license      CCSANM
==/UserStyle== */

@-moz-document domain("doc.qt.io") {
/* v1.0.0 initial release
   v1.0.1 added support for light/dark mode awareness
*/

@media (prefers-color-scheme: light) {

	:root
	{
	  filter: invert(95%) sepia(60%) saturate(190%) hue-rotate(80deg) brightness(45%) contrast(95%);

	}
	
	img
	{
	  filter: hue-rotate(-40deg);
	  mix-blend-mode: difference;
	}
}
@media (prefers-color-scheme: dark) {
	:root
	{
		filter: sepia(80%) saturate(200%) contrast(120%) hue-rotate(90deg)
	}
	/* the 100% proceedural, svg-less, fontless, imageless, textless, 
	   objectless, canvasless, gridless, flexless and url/uridata-less,
	   and completely green and fast magnifying glass icon!
	
	    Q: What is a magnifying glass? 
		A: a circle and a stick! (radial nonrepeating gradient and a linear 45deg nonrepeating gradient)!
	       with dims xywh 0,0,1,1 and .9 .9 .5 .5 respectively !
	
	
	*/
	input#search
	{		
		border: #ff95004f 1px solid !important;
		color: #959595 !important;
		background-color : black;
		background-image: radial-gradient(transparent 0% 35%,red 49% 70%, transparent 75% 100%) 
				,linear-gradient(45deg,transparent 0 35%,red 49% 75%,transparent 55% 100%)
			
			!important;
		background-size: 1em 1em, 0.6em 0.5em !important;
		background-repeat: no-repeat !important;
		background-position-y: 50%, 1.1em !important;
		margin-right: 122px !important;
		background-position-x: 0.5em, 1.1em !important;
		
	}
	
	
	
}

}