- /* ==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;
- }
- }