Pink Theme for Facebook Messenger by aon2003

/* ==UserStyle==
@name         Pink Theme for Facebook Messenger
@version      20220122.23.59
@namespace    userstyles.world/user/aon2003
@description  Pink Theme for Facebook Messenger
@author       aon2003
@license      No License
==/UserStyle== */

@-moz-document domain("messenger.com") {
/* Root */
:root {
	--background: #e24cf9;
	
    --pink: #f5f;
    --phiox: #dc00ff;
    --purple: #4300a4;
    --violet: #7223b0;
    
	--white: white;
    --black: #000;
	--muted: #c4c4c4;
	--dark: #2d2d2d;
}




}

@-moz-document url-prefix("http://example.com") {
/* TODOs */
/*

The menus for the 3 buttons on the top left.



*/







}

@-moz-document domain("messenger.com") {
/* Background Colors */

div[role='main'], .hybvsw6c, .rq0escxv.l9j0dhe7.du4w35lb.j83agx80.cbu4d94t.kuivcneq.g5gj957u.f4tghd1a.ifue306u.t63ysoy8, .j83agx80.aovydwv3.pybr56ya.f10w8fjw, .rq0escxv.l9j0dhe7.du4w35lb.j83agx80.pfnyh3mw.i1fnvgqd.bp9cbjyn.owycx6da.btwxx1t3.hv4rvrfc.dati1w0a.f10w8fjw.pybr56ya.b5q2rw42.lq239pai.mysgfdmx.hddg9phg, .nred35xi {
    background-color: var(--background);
}

.tdjehn4e, .b3i9ofy5, .l9j0dhe7.du4w35lb.j83agx80.pfnyh3mw.taijpn5t.bp9cbjyn.owycx6da, ._2znk, .q2y6ezfg, .br3lixkv, .bogkn74s {
    background-color: var(--phiox);
}

.j83agx80.cbu4d94t.buofh1pr.dd2scrzq.srfxjet1, .idiwt2bm.lzcic4wl.ni8dbmo4.stjgntxs.l9j0dhe7.dbpd2lw6, .tjny6qan._5r8f, .n5hh3s10.pybr56ya, .cwj9ozl2 {
	background-color: var(--violet);
}

div[data-testid="mw_audio_player"], .cxgpxx05.d1544ag0.sj5x9vvc.tw6a2znq.l9j0dhe7.ni8dbmo4.stjgntxs {
	background-color: var(--violet) !important;
}

.hn33210v, ._5r8a._5r8b {
	background-color: var(--white);
}

div[data-testid="mw_audio_recorder"] {
	background-color: var(--white) !important;
}

.rq0escxv.l9j0dhe7.du4w35lb.qsy8amke.io0zqebd.m5lcvass.fbipl8qg.nwvqtn77.k4urcfbm.ni8dbmo4.stjgntxs {
	background-color: var(--dark);
}

.cxgpxx05.d1544ag0.sj5x9vvc.tw6a2znq.l9j0dhe7.ni8dbmo4.stjgntxs.e72ty7fz {
	background-color: var(--violet) !important;
}


}

@-moz-document domain("messenger.com") {
/* Text Colors */

h1.gmql0nx0, .oo9gr5id, .aov4n071.ggphbty4.tvmbv18p.e9vueds3.m9osqain, .knomaqxo, .a57itxjd, .py34i1dx, .pipptul6, .erlsw9ld {
	color: var(--white);
}

div[data-testid="mw_recorder_timestamp"] {
	color: var(--white) !important;
}

.m9osqain {
	color: var(--muted);
}
}

@-moz-document domain("messenger.com") {
.tqkqlopc {
	border: none;
}

path, svg>circle, div[aria-label="Stop recording"] svg rect, .fzdkajry, .crt8y2ji, .rvno3twz, g path.m50y4xls {
	fill: var(--white);
}

.qbubdy2e {
	fill: var(--background);
}

.m6k467ps {
	-webkit-filter: none;
}







}

@-moz-document domain("messenger.com") {
/* Scrollbars */

/**********************/
/* Scrollbar Chromium */
/**********************/

::-webkit-scrollbar {
    width: 0.75rem;
}

::-webkit-scrollbar-button,
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
    background-color: var(--pink);
}

::-webkit-scrollbar-thumb {
    background: var(--phiox);
    border-radius: .3rem;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--violet);
}

::-webkit-scrollbar-thumb:active {
    background: var(--purple);
}

/*********************/
/* Scrollbar Firefox */
/*********************/

.zIKt9b {
	scrollbar-color: var(--phiox) var(--pink);
}
}