pixiv.net by xiggi

/* ==UserStyle==
@name         pixiv - Deep Dark
@version      20240305.11.12
@namespace    ?
==/UserStyle== */

@-moz-document domain("pixiv.net") {
:root {
        --main-bg: rgb(12, 12, 12);
        --second-bg: rgb(21, 21, 21);
        --second-bg-opacity: rgba(12, 12, 12, .45);
        --second-bg-rgb: 12, 12, 12;
        --third-bg: rgb(31, 31, 31);
        --third-bg-hover: rgb(31 31 31 / 80%);
        --third-bg-opacity: rgb(41, 41, 41);
}

/**  UI  **/
.charcoal-token[data-theme="dark"] {
    --charcoal-transparent: rgba(0,0,0,0);
    --charcoal-transparent-hover: rgba(255,255,255,0.12);
    --charcoal-transparent-press: rgba(255,255,255,0.2);
    --charcoal-background1: rgb(12, 12, 12);
    --charcoal-background1-hover: #3a3a3a;
    --charcoal-background1-press: #4c4c4c;
    --charcoal-background2:rgb(12, 12, 12);
    --charcoal-background2-hover: #1f1f1f;
    --charcoal-background2-press: #333;
    --charcoal-icon6: rgba(255,255,255,0.28);
    --charcoal-icon6-hover: rgba(255,255,255,0.3664);
    --charcoal-icon6-press: rgba(255,255,255,0.424);
    --charcoal-link1: #669FC2;
    --charcoal-link1-hover: #78abc9;
    --charcoal-link1-press: #85b2ce;
    --charcoal-link2: rgba(255,255,255,0.36);
    --charcoal-link2-hover: rgba(255,255,255,0.4368);
    --charcoal-link2-press: rgba(255,255,255,0.488);
    --charcoal-surface1: #1f1f1f;
    --charcoal-surface1-hover: #3a3a3a;
    --charcoal-surface1-press: #4c4c4c;
    --charcoal-surface2: rgba(0,0,0,0.16);
    --charcoal-surface2-hover: rgba(117,117,117,0.2608);
    --charcoal-surface2-press: rgba(155,155,155,0.328);
    --charcoal-surface3: rgba(255,255,255,0.12);
    --charcoal-surface3-hover: rgba(255,255,255,0.2256);
    --charcoal-surface3-press: rgba(255,255,255,0.296);
    --charcoal-surface4: rgba(0,0,0,0.32);
    --charcoal-surface4-hover: rgba(76,76,76,0.4016);
    --charcoal-surface4-press: rgba(112,112,112,0.456);
    --charcoal-surface6: rgba(255,255,255,0.12);
    --charcoal-surface6-hover: rgba(255,255,255,0.2256);
    --charcoal-surface6-press: rgba(255,255,255,0.296);
    --charcoal-surface7: rgba(0,0,0,0);
    --charcoal-surface7-hover: rgba(255,255,255,0.12);
    --charcoal-surface7-press: rgba(255,255,255,0.2);
    --charcoal-surface8: rgba(0,0,0,0.88);
    --charcoal-surface8-hover: rgba(34,34,34,0.8944);
    --charcoal-surface8-press: rgba(56,56,56,0.904);
    --charcoal-surface9: #333333;
    --charcoal-surface9-hover: #4b4b4b;
    --charcoal-surface9-press: #5c5c5c;
    --charcoal-surface10: rgba(255,255,255,0.2);
    --charcoal-surface10-hover: rgba(255,255,255,0.296);
    --charcoal-surface10-press: rgba(255,255,255,0.36);
    --charcoal-text1: #f5f5f5;
    --charcoal-text1-hover: #f6f6f6;
    --charcoal-text1-press: #f7f7f7;
    --charcoal-text2: #d6d6d6;
    --charcoal-text2-hover: #dbdbdb;
    --charcoal-text2-press: #dedede;
    --charcoal-text3: #858585;
    --charcoal-text3-hover: #949494;
    --charcoal-text3-press: #9d9d9d;
    --charcoal-text4: #5c5c5c;
    --charcoal-text4-hover: #707070;
    --charcoal-text4-press: #7d7d7d;
    --charcoal-text5: #f5f5f5;
    --charcoal-text5-hover: #f6f6f6;
    --charcoal-text5-press: #f7f7f7;
    --charcoal-brand: #0096fa;
    --charcoal-brand-hover: #1fa3fb;
    --charcoal-brand-press: #33abfb;
    --charcoal-assertive: #ff2b00;
    --charcoal-assertive-hover: #ff441f;
    --charcoal-assertive-press: #f53;
    --charcoal-warning: #ffaf0f;
    --charcoal-warning-hover: #ffb92c;
    --charcoal-warning-press: #ffbf3f;
    --charcoal-success: #b1cc29;
    --charcoal-success-hover: #bad243;
    --charcoal-success-press: #c1d654;
    --charcoal-updatedItem: rgba(0,150,250,0.12);
    --charcoal-updatedItem-hover: rgba(136,206,253,0.2256);
    --charcoal-updatedItem-press: rgba(172,221,253,0.296);
    --charcoal-border: rgba(255,255,255,0.12);
    --charcoal-border-hover: rgba(255,255,255,0.2256);
    --charcoal-border-press: rgba(255,255,255,0.296);
    --charcoal-premium: #fd9e16;
    --charcoal-premium-hover: #fdaa32;
    --charcoal-premium-press: #fdb145;
    --charcoal-booth: #fc4d50;
    --charcoal-booth-hover: #fc6265;
    --charcoal-booth-press: #fd7173;
    --charcoal-request: #30d288;
    --charcoal-request-hover: #49d796;
    --charcoal-request-press: #59dba0;
    --charcoal-r18: #ff4060;
    --charcoal-r18-hover: #ff5773;
    --charcoal-r18-press: #ff6680;
    --charcoal-like: #ff4060;
    --charcoal-like-hover: #ff5773;
    --charcoal-like-press: #ff6680;
    --charcoal-marker: #cc2954;
    --charcoal-marker-hover: #d24369;
    --charcoal-marker-press: #d65476;
    --charcoal-gold: #d6ba49;
    --charcoal-gold-hover: #dbc25f;
    --charcoal-gold-press: #dec86d;
    --charcoal-silver: #d6d6d6;
    --charcoal-silver-hover: #dbdbdb;
    --charcoal-silver-press: #dedede;
    --charcoal-bronze: #c8a17e;
    --charcoal-bronze-hover: #cfac8d;
    --charcoal-bronze-press: #d3b498;
    --charcoal-text1Visited: #adadad;
    --charcoal-text1Visited-hover: #b7b7b7;
    --charcoal-text1Visited-press: #bdbdbd;
    --charcoal-serviceXColor: #fff;
    --charcoal-serviceXColor-hover: #fff;
    --charcoal-serviceXColor-press: #fff;
    --charcoal-border-default: rgba(255,255,255,0.12);
    --charcoal-border-default-hover: rgba(255,255,255,0.2256);
    --charcoal-border-default-press: rgba(255,255,255,0.296);
}

.bGUtlw, .iqkFre {
    background-color: var(--main-bg);
}

.hEUumY, .iUhfll, .gTliJP, .hGOogv {
    background-color: var(--second-bg)
}

.kWbWNM, .c-black-fade-60 {
    color: #fff;
}

.tag-item[data-v-2498a5bb], .RICfj {
    background-color: var(--third-bg) !important;
}

.kchEHP {
    background-color: var(--third-bg);
}

.v-nav-tabs a.active, .v-nav-tabs span.active {
    border-top: 5px solid var(--charcoal-brand);
    background: var(--third-bg);
    color: #fff;
}

.page-count[data-v-5e6e10b7] {
    background: var(--main-bg);
}

.page-count img[data-v-5e6e10b7] {
    margin-right: 5px;
}

.iVrHfO {
    border: 2px solid rgb(245, 245, 245);
    background-color: var(--second-bg);
}

.fkbJcj {
    background-color: var(--second-bg-opacity);
}

.drFRmD {
    background-color: var(--third-bg);
    color: #fff;
}

/** fav button **/
.iHfghO {
    width: 40px;
    background: var(--main-bg);
}

.fgVkZi {
    width: 40px;
}

.fYcrPo .sc-j89e3c-0 {
    fill: var(--main-bg);
}

.fYcrPo {
    color: #fff;
}

.bookmark[data-v-4c944950], .reading-progress-bar[data-v-4c944950] {
    bottom: 0;
    position: absolute;
    right: 0;
    background: var(--main-bg);
    height: 40px;
    width: 40px;
}

.works-bookmark-button {
    cursor: pointer;
    line-height: 0;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
}

/**  Hiders **/

footer nav.sub, .banner-ad-footer-scale[data-v-50525a39], .illust-recommender-spa.cover-ads[data-v-11305ade], .footer {
    display: none;
}
}