Skip to content

Dark Grey / Orange by pierre747

Screenshot of Dark Grey / Orange

Details

Authorpierre747

LicenseNo License

Categorydark, darkmode, dark mode

Created

Updated

Size5.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A dark theme that will be improved during time...

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Dark Grey / Orange
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Dark Grey / Orange
@author         Pierre747
==/UserStyle== */

@-moz-document url-prefix("https://www.instagram.com/") {
    ._a3gq ._a995 {
    background-color: #414040;
}

    ._aam1 _aam2 _aam3 _aam5 {
        background-color: #414040;
}

._a3gq ._acas:not(._acao), a._acas:not(._acao), a._acas:not(._acao):visited{
 background-color: orange;
}

_aa-g:hover{
    color: orange;     
}

/*Comment section*/

._ablz._aaoc{
    color: burlywood;
}


/* Page design*/

._a3gq ._aac6 {
    background: rgb(var(--ig-primary-background));
    border-radius: 3px;
    margin-bottom: 24px;
    margin-top: 0;
    padding: 16px 0;
}

._a3gq ._aa__, ._a3gq ._aa__::before {
    background-color: #646464;
}

._aacl._aaco._aacw._aad0._aad6._aade{
    color: orange;
}

._aacl._aacp._aacw._aacz._aada._aade{
    color: burlywood;
}

._a3gq ._aalr, ._a3gq ._aalp, ._a3gq ._aall {
    background-color: rgb(var(--ig-primary-background));
    border-radius: 3px;
    margin-left: -1px;
    margin-right: -1px;
}

._acan._acao._acas{
    color: orange;
}

/* Search Bar modal */
._abnx{
    background-color: #646464;
}

._abo2{
    background-color: #646464;
}

._ab8w._ab94._ab97._ab9f._ab9k._ab9p._ab9-._aba8{
    background-color: #414040;
}

/* Profile pic modal */
._a9-v{
    background-color: #414040;
}

/* Inbox menu */
.oajrlxb2.g5ia77u1.qu0x051f.esr5mh6w.e9989ue4.r7d6kgcz.rq0escxv.nhd2j8a9.nc684nl6.p7hjln8o.kvgmc6g5.cxmmr5t8.oygrvhab.hcukyx3x.jb3vyjys.rz4wbd8a.qt6c0cv9.a8nywdso.i1ao9s8h.esuyzwwr.f1sip0of.lzcic4wl._abm4._abyi._a6hd{
    background-color: #414040;
}

._a3gq ._abyk{
    background-color: #414040;
}

._a3gq ._aa4j{
    background-color: #414040;
}

._ab8w._ab94._ab97._ab9h._ab9m._ab9p._aba0._abac{
    background-color: #414040;
}

._ab5z._ab5_{
    background-color: #414040;
}

._ab8w._ab94._ab99._ab9f._ab9m._ab9p{
    background-color: #414040;
}

._ab8s._ab8w._ab94._ab99._ab9f._ab9m._ab9p{
    background-color: slategray;
}

._ab8o._ab8w._ab94._ab99._ab9f._ab9m._ab9p{
    background-color: #414040;
}

/* Account changer in inbox */
._a3gq{
    background-color: #414040;
}

/* Contact info modal in Inbox */

._ab5s{
    background-color: #414040;
}

/* Like button menu */
._aajc{
    background-color: #646464;
}

._a3gq ._aam5 {
    margin-top: 10px;
    transform: translateY(-56px);
    background-color: #414040;
}

._a3gq ._acum {
    align-items: center;
    border-bottom: 1pxsolidrgb(var(--ig-elevated-separator));
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: var(--desktop-nav-height);
    position: fixed;
    top: 0;
    transition: height var(--desktop-nav-anim-duration) ease-in-out;
    width: 100%;
    z-index: 3;
}

._a3gq ._acbi {
    background-color: #414040;
    order: 0;
    padding: 0;
}

._a3gq ._acum {
    align-items: center;
    border-bottom: 1pxsolidrgb(var(--ig-elevated-separator));
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: var(--desktop-nav-height);
    position: fixed;
    top: 0;
    transition: height var(--desktop-nav-anim-duration) ease-in-out;
    width: 100%;
    z-index: 3;
    background-color: #414040;
}

.sp_jY02qVAhKr8_1_5x .sx_181318:hover {
    background-color: orange;
}

._a3gq ._aa5b {
    align-items: center;
    height: 100%;
    padding: 20px;
    width: 100%;
    background-color: #414040;
}

._aac4._aac5._aac6._aac7{
    background-color: #242424;     
}

._ab8w._ab94._ab97._ab9i._ab9k._ab9p{
    background-color: #242424;
    -webkit-box-shadow: 3px 3px 5px 3px #000000; 
    box-shadow: 3px 3px 5px 3px #000000;
    -webkit-border-radius: 7px;
    border-radius: 7px;     
}

.oajrlxb2.g5ia77u1.qu0x051f.esr5mh6w.e9989ue4.r7d6kgcz.rq0escxv.nhd2j8a9.nc684nl6.p7hjln8o.kvgmc6g5.cxmmr5t8.oygrvhab.hcukyx3x.jb3vyjys.rz4wbd8a.qt6c0cv9.a8nywdso.i1ao9s8h.esuyzwwr.f1sip0of.lzcic4wl._acan._acao._acat._acaw._a6hd{
    color: orange;
}

.oajrlxb2.g5ia77u1.qu0x051f.esr5mh6w.e9989ue4.r7d6kgcz.rq0escxv.nhd2j8a9.nc684nl6.p7hjln8o.kvgmc6g5.cxmmr5t8.oygrvhab.hcukyx3x.jb3vyjys.rz4wbd8a.qt6c0cv9.a8nywdso.i1ao9s8h.esuyzwwr.f1sip0of.lzcic4wl._aak1._a6hd{
    color: orange;
}

._ab8q._ab8w._ab94._ab99._ab9f._ab9m._ab9p._aba8 {
    background-color: #414040;
}

._a3gq ._aak3{
    background-color: #414040;
}

._aalm._aaln._aalo{
    background-color: #414040;
}

._a3gq ._aaw8 {
    background: #646464;
}
   
._aawh._aawj._aauy{
    background-color: black;
}

._abnx{
    background-color: #414040;
}
._abo2{
    background-color: #414040;
}

._aaw8:hover{
    color: orange;        
}
._ab6-:hover{
    color: orange;
}
._ab8w._ab94._ab97._ab9f._ab9k._ab9p:hover{
    color: orange;
}

/* Box article */
._aamu._aat0._aat1{
    background-color: #414040;
}

._aasx{
    background-color: #414040;
}

/* Box article font color */
._aacl._aaco._aacw._aacx._aada._aade{
    color: burlywood;        
}

._aacl._aaco._aacu._aacx._aad7._aade{
    color: burlywood;        
}

._a3gq ._aacx {
    color: black;
}
._a3gq a {
    color: slategrey;
}

/* Footer */
._accr._acct._accu{
    background-color: #414040;
}
._aacl._aacn._aacu._aacy._aad6:hover{
    color: orange;        
}
._aajm:hover{
    color: orange;        
}

._accr._acct{
    background-color: #414040;
}

/* Modal parameters */
._a9-z{
    background-color: #414040;
}
._a9--._a9_1{
    color: slategrey;
}
._a9--._a9_1:hover{
    color: orange;
}

}





Reviews

No reviews yet.