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://scontent.fdac157-1.fna.fbcdn.net/v/t39.30361-6/463072574_1274257017330202_3663174031765452520_n.jpg?_nc_cat=1&ccb=1-7&_nc_sid=debe23&_nc_ohc=WkBmV50G9wYQ7kNvgEY37C-&_nc_zt=33&_nc_ht=scontent.fdac157-1.fna&_nc_gid=AVTQ6N2sT9xxf_coU6AHyFT&oh=00_AYDMNkMDBITGukJAhsuZAJXl9XL_uUgjOXy3oMqmGSLOTA&oe=671D8170 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,
    .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;
    }

    .x1k4qllp {
        outline: 10px solid #0000;
    }

    .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;
    }
}