☰

Qidian International/Webnovel Dark Theme

A dark theme for Webnovel

目前为 2020-09-15 提交的版本。查看 最新版本。

/* ==UserStyle==
@name        Qidian International/Webnovel Dark Theme
@namespace   ew0345
@version     2.9.2
@description A dark theme for Webnovel
@license     CC BY-NC Creative Commons Attribution-NonCommerical
==/UserStyle== */
@-moz-document url-prefix("https://www.webnovel.com"),
url-prefix("https://webnovel.com") {
    /*
* Author: Ew0345
* Version: 2.9.2
*/
}

@-moz-document domain("www.webnovel.com"),
domain("webnovel.com") {
    /*
* Note: I seriously need to go through and fully rewrite this section *sigh*
*/
    /* Main Page + Anything else I don't have a section for */
    html {
        background: #1a1a1a !important;
        color: #eee !important;
    }
    ._color1 {
        background: #1a1a1a !important;
        color: #eee !important;
    }
    .g_header.cha-header,
    .g_header.fs16,
    .cha-header-in {
        background: #1a1a1a !important;
        color: #eee !important;
    }
    .g_footer {
        background: #1a1a1a !important;
        color: #eee !important;
    }
    .g_row.g_address.pr.mb25 {
        background: #1a1a1a !important;
        color: #eee !important;
    }
    .db.ell.ttl {
        background: #1a1a1a !important;
    }
    .db.ell {
        background: #232323 !important;
    }
    .g_col_2.pr {
        background: #1a1a1a !important;
        color: #eee !important;
    }
    .g_header.fs16 .g_wrap.cf {
        background: #1a1a1a !important;
        color: #eee !important;
    }
    .det-hd.pt25.mb30 {
        background: #1a1a1a !important;
        color: #eee !important;
    }
    .g_mod.cha-modal._on {
        background: #1a1a1a !important;
        color: #eee !important;
    }
    .det-jd.pt25.mb48 {
        background: #1a1a1a !important;
        color: #eee !important;
    }
    .g_header.cha-header a,
    .g_header.fs16 a,
    ._hd span {
        color: #e3e3e3 !important;
    }
    .cha-page-in,
    .g_header.cha-header,
    .g_header.fs16 {
        border-color: #1c1c1c !important;
    }
    .cha-page-in {
        background: #232323 !important;
        color: #eee !important;
    }
    .cha-content {
        background: #232323 !important;
        color: #eee !important;
    }
    .hom-h1.fl {
        background: #232323 !important;
        color: #eee !important;
    }
    .j_reading_wrap {
        background: #232323 !important;
        color: #eee !important;
    }
    .g_row.hom-books.hom-gutter.hon-continue {
        background: #232323 !important;
        color: #eee !important;
    }
    .cha-header-in .oh .cha-hd-mn,
    .cha-header-in .oh .cha-hd-mn-text {
        background: #1a1a1a !important;
    }
    /*.pr {
    background: #232323 !important;
    color: #eee !important;
}*/
    .p20 {
        background: #232323 !important;
        color: #eee !important;
    }
    .g_sub_hd {
        background: #232323 !important;
        color: #eee !important;
    }
    .g_col_4.hom-rec-1st {
        background: #232323 !important;
        color: #eee !important;
    }
    div.cf.g_wrap {
        background: #232323 !important;
        color: #eee !important;
    }
    ._ari strong {
        background: #232323 !important;
        color: #eee !important;
    }
    ._mer strong {
        background: #232323 !important;
        color: #eee !important;
    }
    ._red.i-font-dn {
        background: #232323 !important;
        color: #eee !important;
    }
    #j_size {
        background: #232323 !important;
        color: #eee !important;
    }
    ._add.i-font-up {
        background: #232323 !important;
        color: #eee !important;
    }
    textarea[name="content"] {
        background: #232323 !important;
        color: #eee !important;
    }
    .j_abuse_drop.g_drop,
    .j_abuse_drop.g_drop a,
    .j_abuse_drop.g_drop::before {
        background: #232323 !important;
        color: #eee !important;
    }
    ._user {
        background: #232323 !important;
        color: #eee !important;
    }
    .db.mb5.ell.ttc {
        background: #232323 !important;
        color: #eee !important;
    }
    /*.hom-bd::before {
    background: linear-gradient(to bottom, #232323, #232323) !important;
}*/
    .g_col_2 a {
        color: #eee !important;
    }
    .fl.ell.cha-hd.pr._scroll,
    .fl.ell.cha-hd.pr {
        background: #1a1a1a !important;
    }
    .g_wrap.det-abt.lh1d8.c_strong.fs16.mb30.pt20 p {
        color: #eee !important;
    }
    ul._bd.pr.oh {
        border-radius: 25px !important;
        padding-bottom: 1% !important;
        padding-left: 1% !important;
    }
    .hom-ann.hom-gutter .fs16 .ttl._more {
        color: rgba(192, 192, 192, .89) !important;
    }
    .g_h1 {
        color: lightslategray !important;
        font-style: italic !important;
    }
    .g_wrap.hom-h a {
        color: rgba(192, 192, 192, .89) !important;
    }
    .g_h3.mb10 a {
        color: lightslategray !important;
        font-style: italic !important;
    }
    .g_h3.mb10 small {
        color: #ccc !important;
    }
    .p20 .g_h3 {
        color: lightslategray !important;
        font-style: italic !important;
    }
    /*.p20 .g_score small,*/
    .g_star_num small {
        color: #aaa !important;
    }
    .p20 p {
        color: #eee !important;
        font-style: italic !important;
    }
    .g_col_2 .g_h4,
    .g_h4.ell2row {
        color: lightslategray !important;
        font-style: italic !important;
    }
    .g_col_2 a._type {
        color: #7f7f7f !important;
    }
    /*.g_col_2 .g_score small {
    color: #aaa !important;
}*/
    .swiper-wrapper.hom-books .g_h4 {
        color: lightslategray !important;
        font-style: italic !important;
    }

    .swiper-wrapper.hom-books a._type {
        color: #7f7f7f !important;
    }
    /*.swiper-wrapper.hom-books .g_score small* {
    color: #aaa !important;
}*/
    .hom-tags a.j_suggestTag {
        background-color: #303030 !important;
    }
    .hom-tags a.j_suggestTag:hover {
        filter: invert(5%);
    }
    .hom-tags a.j_suggestTag .ell {
        color: #eee !important;
    }
    .w100p td a._tit,
    .w100p tr td a._tit,
    .w100p td a._rel {
        color: #eee !important;
    }
    .g_lang ._hd:hover {
        background-color: #4c5fe2 !important;
    }
    .g_lang p {
        background-color: #1a1a1a !important;
    }
    .g_lang p a,
    .g_lang p a._on {
        color: #eee !important;
    }
    .g_lang p a:hover,
    .g_lang p a._on:hover {
        background-color: #1f1f1f !important;
    }
    a._on[title="About"] span,
    a._on[title="Table of Contents"] span,
    a._on[title="About"]:active span,
    a._on[title="Table of Contents"]:active span {
        color: #b7b7b7 !important;
    }
    h3.g_h2.mb10,
    .mb15.lh1d2.oh {
        color: lightslategray !important;
        font-style: italic !important;
    }
    .g_wrap.det-abt.lh1d8.c_strong.fs16.mb48 p {
        color: #eee !important;
    }
    small.fs24,
    /*._score .g_score small {
    color: #aaa !important;
}*/
    .det-hd.mb48 {
        background-color: #1f1f1f !important;
        border-color: #202020 !important;
    }
    .g_bread.fs16.c_strong.pt25.pb25.ell a,
    .g_bread.fs16.c_strong.pt25.pb25.ell span.vam {
        color: #a4a4a4 !important;
    }
    .g_mod {
        background-color: #1a1a1a !important;
        border-color: #1f1f1f !important;
    }
    .mb5.ell.lh1d5._detail.c_strong.fwb {
        color: #eee !important;
    }
    .j_getApp,
    svg.mr5 {
        color: #eee !important;
    }
    ._hd svg {
        color: #eee !important;
    }
    .ui-select a,
    .ui-select.active a {
        background-color: #303030 !important;
    }
    .ui-select-button:hover {
        filter: invert(5%) !important;
    }
    .ui-select-text {
        color: #eee !important;
    }
    .ui-select-datalist-li {
        background-color: #232323 !important;
    }
    .ui-select-datalist-li.selected,
    .ui-select-datalist-li:hover {
        filter: invert(5%);
    }
    .j_bookDetailModal {
        color: rgba(192, 192, 192, .89) !important;
        text-decoration: underline !important;
    }
    .g_mod_chat_reply,
    .j_modal_parent_review,
    .g_mod_chat_bd {
        background-color: #202020 !important;
    }
    .g_mod_chat_reply .g_mod_hd {
        color: lightslategray !important;
        font-style: italic !important;
    }
    ._readmore {
        background: rgba(0, 0, 0, .9) !important;
    }
    .g_msg_hd a span,
    .g_msg_hd a h3 {
        color: #eee !important;
    }
    .g_msg_quote a strong {
        color: #ccc !important;
    }
    .j_catalog li a {
        padding-left: 4% !important;
    }
    .g_msg_spo._retract {
        color: #eee !important;
        background-color: #232323 !important;
    }
    .g_msg_spo {
        background-color: #232323 !important;
        border-radius: 25px !important;
    }
    .g_msg_spo .g_msg_bd {
        color: #eee !important;
    }
    .ui-page,
    .ui-page-prev,
    .ui-page-next {
        color: #ddd !important;
    }
    .vam {
        color: #ddd !important;
    }
    .vam a {
        color: #ddd !important;
    }
    .g_mod_bd a {
        color: #ddd !important;
    }
    a[title="Power Ranking"],
    a[title="Power Ranking"] strong {
        color: #ccc !important;
    }
    .g_drop_hd span,
    .g_drop_hd svg {
        color: #eee !important;
    }
    .swiper-slide .g_book a .g_h4 {
        color: lightslategray !important;
        font-style: italic !important;
    }
    .swiper-slide .g_book a .g_h4:hover {
        text-decoration-color: #eee !important;
    }
    .m-thoughts ._words {
        color: #eee !important;
    }
    .m-thoughts ._tit span {
        color: lightslategray !important;
    }
    .hom-bd::before {
        background: linear-gradient(to bottom, #232323, #232323) !important;
    }
    .g_mod_chat_scroll,
    .g_mod_chat_scroll_em {
        background: #1f1f1f!important;
    }
    .rank-chk span svg {
        color: #aaa !important;
    }
    ._score small {
        color: #aaa !important;
    }
    .j_tagWarp .tag-link {
        background-color: #232323 !important;
    }
    .db.ell.pr {
        text-decoration: none !important;
    }
    .db.ell.pr:hover strong {
        text-decoration: underline !important;
    }
    .pt8 {
        color: lightslategray !important;
        font-style: italic !important;
    }
    svg.fl,
    svg.mr8 {
        color: #aaa !important;
    }
    .c_strong a,
    .c_strong span {
        color: #bbb !important;
    }
    .mb48.c_strong {
        color: #eee !important;
        font-style: italic !important;
    }
    .fl.c_strong:link,
    .fl.c_strong:visited {
        color: #ddd !important;
    }
    a._more {
        color: rgba(192, 192, 192, .89) !important;
    }
    a[href="/vote"] strong.vam,
    a[href="/vote"] span.vam {
        color: #999999 !important;
    }
    .fs16.fl.mt20 {
        color: #aaa !important;
    }
    /* links w/ span that have broken underlining in firefox */
    .det-hd-detail a:hover,
    .j_getApp:hover,
    .j_reportStory:hover {
        text-decoration: none !important;
    }
    .det-hd-detail a:hover span,
    .j_getApp:hover span,
    .j_reportStory:hover span {
        text-decoration: underline !important;
    }
    .j_synopsis p {
        color: #aaa !important;
    }
    form[action="/search"],
    .j_search_panel,
    .j_search_modal_input,
    .g_search_result ul{
        background-color: #1a1a1a !important;
        color: #eee !important;
    }
    .j_search_panel a {
        color: #eee !important;
    }
    .hom-rec-1st p {
        color: #ccc !important;
    }
    .g_search_result ul span a:hover {
        background-color: #303030 !important;
    }
    .g_search_result ul span svg {
        color: #aaa !important;
    }
}

@-moz-document url("https://www.webnovel.com/history"),
url("https://webnovel.com/history"),
url-prefix("https://www.webnovel.com/library"),
url-prefix("https://webnovel.com/library") {
    /* Library + History Pages */
    .db.ell {
        background-color: #1a1a1a !important;
    }
    .g_wrap.pr h2 {
        color: lightslategray !important;
        font-style: italic !important;
    }
    ._tab.fs20.c_sm._slide a._on {
        font-style: italic !important;
    }
    a._on[title="Library"],
    a._on[title="History"],
    a[title="Library"],
    a[title="History"] {
        color: #ddd !important;
    }
    a._on[title="Library"]:hover,
    a._on[title="History"]:hover,
    a[title="Library"]:hover,
    a[title="History"]:hover {
        filter: invert(25%);
    }
    .his-list li::before {
        filter: invert(85%);
    }
    .his-list h3.g_h3,
    .his-list h3.g_h3 a {
        color: lightslategray !important;
        font-style: italic !important;
    }
    .his-list .g_score small {
        color: #aaa !important;
    }
    .his-list .pr a.db.fs16 {
        color: #ddd !important;
        font-style: italic !important;
    }
    .btn_text {
        color: blue !important;
    }
}

@-moz-document url-prefix("https://www.webnovel.com/category/"),
url-prefix("https://webnovel.com/category/") {
    /* Category Search Page */
    .mb5.pt5.g_h3.g_h2row,
    .mb5.fs20.f_mbo.pt5.oh,
    .ell2row,
    h3.mb8 {
        color: lightslategray !important;
        font-style: italic !important;
    }
    .fs16.lh1d5.c_strong.oh._txt {
        color: #eee !important;
    }
    .fl.mr10 {
        color: lightslategray !important;
    }
    ._bd {
        background-color: #2a2a2a !important;
    }
    ._bd a._on svg {
        color: #ddd !important;
    }
    ._bd a {
        color: #eee !important;
    }
    ._bd a:hover {
        background-color: #272727 !important;
    }
    .lst-nav._tab.fs20.j_list_tab._slide a._on,
    .lst-nav._tab.fs20.j_list_tab._slide a:hover {
        color: #ddd !important;
        font-style: italic !important;
    }
    .lst-nav._tab.fs20.j_list_tab._slide a {
        color: #ddd !important;
    }
    .j_bookList .g_score small {
        color: #aaa !important;
    }
}

@-moz-document url-prefix("https://www.webnovel.com/search"),
url-prefix("https://webnovel.com/search") {
    /* Search Page */
    #search[type="text"] {
        color: #ddd !important;
    }
    .ui-datalist-datalist,
    .ui-datalist-option.selected {
        background-color: #232323 !important;
    }
    .ui-datalist-option span a {
        color: #eee !important;
    }
    .ui-datalist-option:hover {
        background-color: #303030 !important;
    }
    .g_h3 a strong {
        color: lightslategray !important;
        font-style: italic !important;
    }
    .g_star small {
        color: #aaa !important;
    }
    .g_ells {
        color: #eee !important;
        font-style: italic !important;
    }
    .db.ell {
        background: #1a1a1a !important;
    }
    .ser-rec a {
        color: #aaa !important;
    }
}

@-moz-document url-prefix("https://passport.webnovel.com") {
    /* Login Page */
    body {
        background-color: #1a1a1a !important;
    }
    .m-main {
        background-color: #232323 !important;
    }
    .m-hd-bg h1 {
        color: #eee !important;
    }
    .m-hd-bg p {
        color: #bbb !important;
    }
    .extra-txt {
        color: #aaa !important;
    }
}

@-moz-document url-prefix("https://passport.webnovel.com/emaillogin") {
    /* Login w/ Email Page */
    .m-form-fieldset legend {
        color: #eee !important;
    }
    ._int[name="email"],
    ._int[name="password"] {
        color: #ddd !important;
    }
    .i-eye {
        background-color: #232323 !important;
    }
    .m-fix-bottom {
        color: #aaa !important;
    }
}

@-moz-document url-prefix("https://www.webnovel.com/vote"),
url-prefix("https://webnovel.com/vote"),
url-prefix("https://www.webnovel.com/trailer"),
url-prefix("https://webnovel.com/trailer") {
    /* Novel Voting Page */
    h4 a.c_strong {
        color: lightslategray !important;
        font-style: italic !important;
    }
    .g_score small,
    .g_score span {
        color: #aaa !important;
    }
    ul.j_queue li {
        background-color: #232323 !important;
    }
    .g_col_4 a h4 {
        color: lightslategray !important;
        font-style: italic !important;
    }
}

@-moz-document url-prefix("https://www.webnovel.com/ranking/power"),
url-prefix("https://webnovel.com/ranking/power"),
url-prefix("https://webnovel.com/ranking/"),
url-prefix("https://www.webnovel.com/ranking/") {
    .banner-title {
        color: lightslategray !important;
    }
    .banner-sub-title {
        color: darkslategray !important;
    }
    ._item_link h4,
    ._link h4 {
        color: lightslategray !important;
        font-style: italic !important;
    }
    ._rank_num.f_serif {
        color: #eee !important;
    }
    .g_col_4,
    li.pr {
        background: #171717 !important;
    }
    .g_star_num small {
        background: #171717 !important;
    }
    .j_rank_wrap {
        background-color: #202020 !important;
    }
    .rank_wrap {
        background-image: none !important;
    }
    .top20-item ._rank_num {
        color: lightslategray !important;
    }
    ._power {
        background-image: url(https://www.yueimg.com/en/images/common/props/power.cce45.png) !important;
    }
}

@-moz-document url-prefix("https://www.webnovel.com/message"),
url-prefix("https://www.webnovel.com/notifications"),
url-prefix("https://webnovel.com/message"),
url-prefix("https://webnovel.com/notifications") {
    .lst-nav a._on.j_messageTab,
    .lst-nav a._on.j_notificationTab {
        color: lightslategray !important;
        font-style: italic !important;
    }
    .lst-nav a.j_messageTab:hover,
    .lst-nav a.j_notificationTab:hover {
        color: #eee !important;
    }
}

@-moz-document url-prefix("https://acts.webnovel.com"),
url-prefix("http://acts.webnovel.com") {
    body {
        background-color: #1a1a1a !important;
    }
    .g_header {
        background-color: #232323 !important;
        border-bottom: 2px solid rgba(23, 23, 23) !important;
        ;
    }
    .g_banner {
        border: none !important;
    }
    label[title="rule"] {
        color: #eee !important;
    }
    label[title="rule"]:hover {
        background-color: #303030 !important;
        color: #e1e1e1 !important;
    }
    .j_nav a {
        color: #aaa !important;
    }
    .cf.pane._on li a {
        background-color: #202020 !important;
    }
    .book-item h3 {
        color: lightslategray !important;
        font-style: italic !important;
    }
    .book-item .tal {
        color: #aaa !important;
    }
    .mod {
        background-color: #232323 !important;
        color: #e1e1e1 !important;
    }
    .mod .rule h3 {
        color: #efefef
    }
}

@-moz-document url-prefix("https://www.webnovel.com/profile/"),
url-prefix("http://www.webnovel.com/profile/") {
    .fl a,
    .pro-card-ft a span,
    .pb32 p {
        color: #eee !important;
    }
    a[href="/settings"]:hover {
        text-decoration-color: #eee !important;
    }
    .header {
        background-color: #202020 !important;
    }
}

@-moz-document url("https://www.webnovel.com/badges"),
url("http://www.webnovel.com/badges") {
    #badgeMod .g_mod_hd {
        color: #eee !important;
    }
    #badgeMod .g_mod_bd {
        background-color: #1a1a1a !important;
    }
}

@-moz-document url("https://www.webnovel.com/"),
url("http://www.webnovel.com/") {
    .hom-bd {
        background: #232323 !important;
        background: -webkit-linear-gradient(top, #232323, #232323) !important;
        background: linear-gradient(to bottom, #232323, #232323) !important;
    }
    a {
        color: lightslategray !important;
    }
}

@-moz-document url("https://www.webnovel.com/settings"),
url("http://www.webnovel.com/settings") {
    ._label {
        color: #eee !important;
    }
    #userName,
    textarea[name="sign"],
    .fc_sel,
    .fc_sel select {
        background: #232323 !important;
        border-color: #292929;
        color: #eee !important;
    }
    .header {
        background-color: #202020 !important;
    }
}

@-moz-document url-prefix("https://www.webnovel.com/book/"),
url-prefix("http://www.webnovel.com/book/") {
    /* Shoulda really added this section a long time ago rip me */
    ._type.db.ell.c_sm.ttc,
    .mb32 a {
        background: #1a1a1a !important;
    }
    .mb20.mt20.c_strong {
        color: #aaa !important;
    }
    .det-hd-detail strong svg,
    .mb12 span,
    .lh24 a,
    .lh24 {
        color: #aaa !important;
    }
    .mb48,
    .mb8,
    .mb4 {
        color: #eee !important;
    }
}

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址