Custom Inbox For Instagram by siam395

/* ==UserStyle==
@name           Custom Inbox For Instagram
@namespace      userstyles.world/user/siam395
@author         Salman Farsi
@description    A theme which can add custom background for your Instagram Inbox. If you liked my theme then please give me a little review which will help me to create more awesome themes in the future And also check out some of my more creations.
@version        1.0
@license        Salman Farsi

@advanced dropdown bg "Wallpaper" {
st1 "Bubble Tea" <<<EOT https://i.imgur.com/pDZLkKB_d.webp?maxwidth=760&fidelity=grand EOT;

	bg-custom-dropdown "Custom" <<<EOT /*[[bg-custom]]*\/ EOT;
}
@advanced text bg-custom "Wallpaper (Custom)" "https://example.com/image.png"
@advanced color col-custom "Texts" "#ffffff"
@advanced color col-2-custom "Border" "#202520"

==/UserStyle== */
@-moz-document url-prefix("https://www.instagram.com/direct/t") {
	.xcrg951,
	.xg8j3zb, .x1eb86dx{
		background-image: url(/*[[bg]]*/) !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-attachment: fixed !important;
		background-size: cover !important;
	}

	.x12scifz {
		color: /*[[col-custom]]*/;
	}

	a.x1i10hfl.x1qjc9v5.xjbqb8w.xjqpnuy.xa49m3k.xqeqjp1.x2hbi6w.x13fuv20.xu3j5b3.x1q0q8m5.x26u7qi.x972fbf.xcfux6l.x1qhh985.xm0m39n.x9f619.x1ypdohk.xdl72j9.x2lah0s.xe8uvvx.x2lwn1j.xeuugli.x1n2onr6.x16tdsg8.x1hl2dhg.xggy1nq.x1ja2u2z.x1t137rt.x1q0g3np.x87ps6o.x1lku1pv.x1a2a7pz.x168nmei.x13lgxp2.x5pf9jr.xo71vjh.x1lliihq.xdj266r.x11i5rnm.xat24cr.x1mh8g0r.xg6hnt2.x18wri0h.x1l895ks.xbbxn1n.xxbr6pl.x1y1aw1k.xwib8y2:hover {
		background-color: #ffffff20;
	}

	.x13zqm9e,
	.x63ui4o,
	.x1yvgwvq,
	.xso031l,
	.xy80clv,
	.x1wzhzgj,
	.xh1n2d4,
	.xlauuyb{
		border-color: /*[[col-2-custom]]*/!important;
	}



	.xyqdw3p {
		background-image: none !important;
	}

	::-webkit-scrollbar,
	::-webkit-scrollbar-corner,
	::-webkit-scrollbar,
	::-webkit-scrollbar-corner {
		display: none!important;
	}

	::-webkit-scrollbar-button,
	::-webkit-scrollbar-button {
		display: none !important;
	}

	::-webkit-scrollbar-thumb,
	::-webkit-scrollbar-thumb {
		display: none !important;
	}

	::-webkit-scrollbar-thumb:not(:active):hover,
	::-webkit-scrollbar-thumb:not(:active):hover {
		display: none !important;
	}

	::-webkit-scrollbar-thumb:active,
	::-webkit-scrollbar-thumb:hover:active,
	::-webkit-scrollbar-thumb:active,
	::-webkit-scrollbar-thumb:hover:active {
		display: none !important;
	}
}