/* ===================================================================== Lop giao dien sang / toi cho toan site (PC + mobile) Cach hoat dong -------------- Mot doan script chan trong gan `data-theme="light|dark"` len the TRUOC khi trang ve khung hinh dau tien. Uu tien: lua chon nguoi dung da luu trong localStorage, khong co thi theo he dieu hanh. Vi sao lam o phia trinh duyet chu khong phai phia may chu --------------------------------------------------------- app/middleware/PageCache.php cache nguyen trang 600 giay cho khach chua dang nhap, key chi gom host|path|query. Neu render theme o server thi mot nguoi dung theme toi se "dong bang" ban HTML toi do vao cache va phuc vu cho tat ca khach con lai. Vi vay theme khong duoc phep lam thay doi HTML. Doi lai: khong dung them key cache nao, khong dung them query nao, khong anh huong SEO (noi dung va the meta khong doi mot ky tu). File nay duoc sinh mot phan --------------------------- Khoi "sinh tu style.css / mstyle.css" o duoi la ban do mau tu dong: doc hai file CSS goc, tim moi khai bao dat mau sang, gom cac selector cung mau dich vao mot rule. Sua tay duoc binh thuong. Muon sinh lai sau khi style.css doi nhieu thi chay lai script gen_dark.py (xem ghi chu cuoi file). Moi mau di qua bien --dk-*. Doi bang mau chi can sua khoi bien ben duoi. ===================================================================== */ html[data-theme="dark"] { --dk-bg: #0f1115; /* nen trang */ --dk-surface: #171a20; /* the, khoi noi dung (truoc la #fff) */ --dk-surface-2: #1e222a; /* nen phu (truoc la #f6-#f8) */ --dk-surface-3: #272c35; /* nen nhan manh (truoc la #ededed) */ --dk-line: #333945; /* duong vien (truoc la #d9d9d9) */ --dk-text: #e8eaef; /* chu chinh (truoc la #252525) */ --dk-text-2: #a8b0bb; /* chu phu (truoc la #666) */ --dk-text-3: #8b939f; /* chu mo (truoc la #999) */ --dk-accent-dim: #2b1a20; /* nen hong nhat (truoc la #ffeef1) */ /* Bao trinh duyet ve thanh cuon, o input, dropdown theo he mau toi. Khong co dong nay thi form va scrollbar van trang toat. */ color-scheme: dark; } /* ---------------------------------------------------------------- NEN GOC */ html[data-theme="dark"], html[data-theme="dark"] body { background-color: var(--dk-bg); color: var(--dk-text); } /* ------------------------------------------------------------------ PC - sinh tu style.css ------------------------------------------------------------------ */ :where(html[data-theme="dark"]) .full-class li a, :where(html[data-theme="dark"]) .full-class-btn, :where(html[data-theme="dark"]) .index-title h2, :where(html[data-theme="dark"]) .index-title-select li a, :where(html[data-theme="dark"]) .index-title-more, :where(html[data-theme="dark"]) .index-original-list li .info .title, :where(html[data-theme="dark"]) .index-original-list li .info .title a, :where(html[data-theme="dark"]) .index-original-list li .info .subtitle span.label, :where(html[data-theme="dark"]) .index-rank-title, :where(html[data-theme="dark"]) .index-rank-title .more, :where(html[data-theme="dark"]) .index-rank-list li .info .title, :where(html[data-theme="dark"]) .index-rank-list li .info .title a, :where(html[data-theme="dark"]) .index-manga-list li .title, :where(html[data-theme="dark"]) .index-manga-list li .new, :where(html[data-theme="dark"]) .index-manga-detail .detail .title span, :where(html[data-theme="dark"]) .index-manga-detail .detail .new, :where(html[data-theme="dark"]) body.white .view-comment-main .top span, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .title, :where(html[data-theme="dark"]) .view-comment .index-title h2, :where(html[data-theme="dark"]) .view-comment .detail-list-title .block, :where(html[data-theme="dark"]) .view-comment .detail-list-title .s, :where(html[data-theme="dark"]) .view-comment .view-win-list li a, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .avatar-bar .title, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .avatar-bar .subtitle, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .avatar-bar .tip, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-bar .title, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-bar .title .more, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-bar .slide .subtitle, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .top, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .info .title, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .info .title a, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .info .subtitle, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .info .subtitle a, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .title, :where(html[data-theme="dark"]) .view-comment .view-detail-list li .info .title, :where(html[data-theme="dark"]) .view-comment .warning-bar a, :where(html[data-theme="dark"]) .view-comment .left-bar .top .info .title, :where(html[data-theme="dark"]) .view-comment .left-bar .list li .title, :where(html[data-theme="dark"]) .index-booklist-list li .title a, :where(html[data-theme="dark"]) .index-rank-bar .left-list li a, :where(html[data-theme="dark"]) .index-rank-bar .right-list li a, :where(html[data-theme="dark"]) .dk_toggle, :where(html[data-theme="dark"]) .dk_options_inner, :where(html[data-theme="dark"]) .table-head .table-tabs li a, :where(html[data-theme="dark"]) .box404, :where(html[data-theme="dark"]) .about-page h2, :where(html[data-theme="dark"]) .about-page .linkman-list li p span, :where(html[data-theme="dark"]) .about-page .forms .tabs li a, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal h2, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal .desc, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.login-modal h1, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal h1, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal>div .logs table th, :where(html[data-theme="dark"]) .down-app-page .banner-top .wrap .right .txt, :where(html[data-theme="dark"]) .down-app-page .banner-top .wrap .right .donws p, :where(html[data-theme="dark"]) .down-app-page .banner-top .wrap .right .down-btn a, :where(html[data-theme="dark"]) .down-app-page .banner-box h1, :where(html[data-theme="dark"]) .down-app-page .banner-bottom .links span a, :where(html[data-theme="dark"]) .scan-pay-box .order-info p, :where(html[data-theme="dark"]) .scan-pay-box .goods-info, :where(html[data-theme="dark"]) .box .box-header .cat-tabs li a, :where(html[data-theme="dark"]) .box .box-header .more, :where(html[data-theme="dark"]) .box .box-body .more, :where(html[data-theme="dark"]) .box-simple-tabs li a, :where(html[data-theme="dark"]) .header-title li a, :where(html[data-theme="dark"]) .header-search-list ul li a.type_1, :where(html[data-theme="dark"]) .header-search-list ul li .type_2 .info .title a, :where(html[data-theme="dark"]) .hover .hover-list .block .title, :where(html[data-theme="dark"]) .hover .hover-list .block .login-title, :where(html[data-theme="dark"]) .hover .hover-list .block ul li .info .title a, :where(html[data-theme="dark"]) .booklist-aside dt, :where(html[data-theme="dark"]) .brand-head .head-wrap .head .info .title, :where(html[data-theme="dark"]) .cat-filter .cat-list dd, :where(html[data-theme="dark"]) .cat-filter .field-list dd, :where(html[data-theme="dark"]) .dateProgressBar .bar-wrap .data-list li span.day, :where(html[data-theme="dark"]) .topFIxedMenu>div .top-menu li a, :where(html[data-theme="dark"]) .user-sidebar .user-info h1, :where(html[data-theme="dark"]) .user-sidebar .user-info p, :where(html[data-theme="dark"]) .user-sidebar .user-menu li a, :where(html[data-theme="dark"]) .user-sidebar .user-menu li a i, :where(html[data-theme="dark"]) .banner_detail_form .info h1, :where(html[data-theme="dark"]) .banner_detail_form .info .title .right .score, :where(html[data-theme="dark"]) .sub-title, :where(html[data-theme="dark"]) .banner_detail_form .info .tip .block a, :where(html[data-theme="dark"]) .banner_detail_form .info .tip .ticai a, :where(html[data-theme="dark"]) .banner_detail_form .info .bottom .btn-3 .code p, :where(html[data-theme="dark"]) .banner_waterwheel .next-btn, :where(html[data-theme="dark"]) .banner_waterwheel .prev-btn, :where(html[data-theme="dark"]) .account-box .head, :where(html[data-theme="dark"]) .account-box .qr-wrap>div .title, :where(html[data-theme="dark"]) .booklist .title a, :where(html[data-theme="dark"]) .booklist .desc, :where(html[data-theme="dark"]) .box-con-5n1 .detail-tabs-container .detail-tabs-pane .detail .title a, :where(html[data-theme="dark"]) .box-con-5n1 .detail-tabs-container .detail-tabs-pane .detail .info .new, :where(html[data-theme="dark"]) .box-con-8n3 .box-8n3-pane .box-cat-waterwheel .detail .title a, :where(html[data-theme="dark"]) .box-con-8n3 .box-8n3-pane .box-cat-waterwheel .detail .info .new, :where(html[data-theme="dark"]) .box-user-vipinfo .rand-renew, :where(html[data-theme="dark"]) .box-userinfo .user-info-form>div .upfile-btn, :where(html[data-theme="dark"]) .box-wallet .count-info .count, :where(html[data-theme="dark"]) .mh-item-tip .mh-item-tip-detali .title a, :where(html[data-theme="dark"]) .mh-item .mh-item-detali .title a, :where(html[data-theme="dark"]) .mh-item .mh-item-detali p.chapter, :where(html[data-theme="dark"]) .mh-item .mh-item-detali .info .new, :where(html[data-theme="dark"]) .mh-item.big .mh-item-detali .desc span, :where(html[data-theme="dark"]) .mh-itme-top, :where(html[data-theme="dark"]) .mh-itme-top>a, :where(html[data-theme="dark"]) .vip-banner-big .aside-box .open-vip-btn, :where(html[data-theme="dark"]) .vip-banner-simple .open-vip-btn, :where(html[data-theme="dark"]) .vip-chart-block .left-side h2, :where(html[data-theme="dark"]) .vip-chart-block .right-side h2, :where(html[data-theme="dark"]) .vip-grow-con h1, :where(html[data-theme="dark"]) .vip-grow-con .line-btn .btn.disable, :where(html[data-theme="dark"]) .vip-pay-item ul li .price-wrap .sign, :where(html[data-theme="dark"]) .vip-reason ul.col2 li span.title, :where(html[data-theme="dark"]) .vip-reason ul.col6 li span.title, :where(html[data-theme="dark"]) .vip-recharge-con .txt-ad a, :where(html[data-theme="dark"]) .vip-recharge-con .recharge-body, :where(html[data-theme="dark"]) .vip-recharge-con .amount-list li div .time span, :where(html[data-theme="dark"]) .vip-table thead td, :where(html[data-theme="dark"]) .vip-succeed h1, :where(html[data-theme="dark"]) .view-comment-main h2 { color: var(--dk-text); } :where(html[data-theme="dark"]) .index-banner-control a, :where(html[data-theme="dark"]) .index-original-control a, :where(html[data-theme="dark"]) .view-comment-main .child-list li .info textarea, :where(html[data-theme="dark"]) .banner_puzzle .swiper-pagination-switch, :where(html[data-theme="dark"]) .banner_puzzle_bak .swiper-pagination-switch, :where(html[data-theme="dark"]) .banner_waterwheel .carousel img, :where(html[data-theme="dark"]) .banner_waterwheel .pagination span, :where(html[data-theme="dark"]) .account-box .right:before, :where(html[data-theme="dark"]) .account-login-form .three dt:after, :where(html[data-theme="dark"]) .account-login-form .three dt:before, :where(html[data-theme="dark"]) .mh-list-swiper .swiper-pagination-switch, :where(html[data-theme="dark"]) .vip-box-title .head-pagination span { background-color: var(--dk-line); } :where(html[data-theme="dark"]) .index-rank-logo, :where(html[data-theme="dark"]) .index-original-list li .info .desc, :where(html[data-theme="dark"]) .index-original-list li .info .tag a, :where(html[data-theme="dark"]) .index-rank-list li .info .subtitle, :where(html[data-theme="dark"]) .index-manga-list li .subtitle, :where(html[data-theme="dark"]) .index-manga-detail .detail .subtitle, :where(html[data-theme="dark"]) .index-manga-detail .detail .tag span, :where(html[data-theme="dark"]) .view-comment-main .list li .info .title .re, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .content, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page .block, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page a, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page span, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page .block, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page a, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page span, :where(html[data-theme="dark"]) .view-comment .detail-list-subtitle .date, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-bar .slide .tip, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-bar .btn-1.active, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .top .select a, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .cover span, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .info .subtitle-new, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .info .tip, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .num, :where(html[data-theme="dark"]) .view-comment .warning-bar p, :where(html[data-theme="dark"]) .view-comment .left-bar .top .info .subtitle, :where(html[data-theme="dark"]) .view-comment .left-bar .top .info .tag span, :where(html[data-theme="dark"]) .view-comment .left-bar .top .info .content, :where(html[data-theme="dark"]) .index-booklist-list li .subtitle a, :where(html[data-theme="dark"]) .index-friendship .title, :where(html[data-theme="dark"]) .index-right-float li a, :where(html[data-theme="dark"]) .dk_options .disabled a, :where(html[data-theme="dark"]) .table-body table td a, :where(html[data-theme="dark"]) .table-body table th a, :where(html[data-theme="dark"]) .icheckbox_line-green, :where(html[data-theme="dark"]) .iradio_line-green, :where(html[data-theme="dark"]) .about-page .describe, :where(html[data-theme="dark"]) .about-page .forms .panel, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body .close, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal .foot, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal .foot .other-btn, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal>div .logs table td, :where(html[data-theme="dark"]) .down-app-page .banner-box p, :where(html[data-theme="dark"]) .scan-pay-box .order-info p>span, :where(html[data-theme="dark"]) .box .box-header>small, :where(html[data-theme="dark"]) .box .box-header .top-type a, :where(html[data-theme="dark"]) .box-head-sort dd, :where(html[data-theme="dark"]) .box-booklist-edit-head .del-btn, :where(html[data-theme="dark"]) .header-search-list ul li .type_2 .info .subtitle, :where(html[data-theme="dark"]) .header-search-list ul li .type_2 .info .tag span, :where(html[data-theme="dark"]) .hover .hover-list .block ul li .info .subtitle, :where(html[data-theme="dark"]) .hover .hover-list .block ul li .info .tip, :where(html[data-theme="dark"]) .hover .hover-user .block .top .info .title, :where(html[data-theme="dark"]) .hover .hover-user .block .line, :where(html[data-theme="dark"]) .hover .hover-user .block .bottom a, :where(html[data-theme="dark"]) .brand-head .head-wrap .head .info p, :where(html[data-theme="dark"]) .cat-filter .footer-btn:hover, :where(html[data-theme="dark"]) .page-pagination ul li span, :where(html[data-theme="dark"]) .page-pagination ul li a, :where(html[data-theme="dark"]) .page-pagination .select-wrap, :where(html[data-theme="dark"]) .page-pagination .jump, :where(html[data-theme="dark"]) .banner_detail_form .info .subtitle, :where(html[data-theme="dark"]) .banner_detail_form .info .subtitle a, :where(html[data-theme="dark"]) .banner_detail_form .info .content, :where(html[data-theme="dark"]) .banner_detail_form .info .bottom .btn-1.active, :where(html[data-theme="dark"]) .banner_detail_form .info .bottom .btn-3, :where(html[data-theme="dark"]) .banner_detail_form .info .bottom .btn-4, :where(html[data-theme="dark"]) .banner_detail_form .info .bottom .btn-5, :where(html[data-theme="dark"]) .account-box.text-tip .form-wrap .tip, :where(html[data-theme="dark"]) .account-login-form .form-wrap .verify .reloadimg, :where(html[data-theme="dark"]) .account-login-form .form-wrap .options, :where(html[data-theme="dark"]) .account-login-form .form-wrap .options .find-pwd a, :where(html[data-theme="dark"]) .account-login-form .three dt, :where(html[data-theme="dark"]) .booklist .title, :where(html[data-theme="dark"]) .booklist .sub, :where(html[data-theme="dark"]) .box-con-5n1 .detail-tabs-container .detail-tabs-pane .detail .info, :where(html[data-theme="dark"]) .box-con-5n1 .detail-tabs-container .detail-tabs-pane .detail .label span, :where(html[data-theme="dark"]) .box-con-5n1 .detail-tabs-container .detail-tabs-pane .detail .desc, :where(html[data-theme="dark"]) .box-con-8n3 .box-8n3-pane .box-cat-waterwheel .detail .info, :where(html[data-theme="dark"]) .box-con-8n3 .box-8n3-pane .box-cat-waterwheel .detail .label span, :where(html[data-theme="dark"]) .box-con-8n3 .box-8n3-pane .box-cat-waterwheel .detail .desc, :where(html[data-theme="dark"]) .user-repasswd .tip, :where(html[data-theme="dark"]) .box-user-vipinfo .rand-info .desc, :where(html[data-theme="dark"]) .box-user-vipinfo .rand-renew .label, :where(html[data-theme="dark"]) .box-userinfo .user-info-form>div>label, :where(html[data-theme="dark"]) .box-wallet .desc p, :where(html[data-theme="dark"]) .box-wallet .count-info, :where(html[data-theme="dark"]) .mh-item-tip .mh-item-tip-detali p.author, :where(html[data-theme="dark"]) .mh-item-tip .mh-item-tip-detali p.chapter, :where(html[data-theme="dark"]) .mh-item-tip .mh-item-tip-detali p.author a, :where(html[data-theme="dark"]) .mh-item-tip .mh-item-tip-detali p.author a:hover, :where(html[data-theme="dark"]) .mh-item-tip .mh-item-tip-detali .desc, :where(html[data-theme="dark"]) .mh-item .mh-item-detali p.mh-label span, :where(html[data-theme="dark"]) .mh-item .mh-item-detali .info, :where(html[data-theme="dark"]) .mh-item .fav-btn.active, :where(html[data-theme="dark"]) .mh-item .chapter-list a, :where(html[data-theme="dark"]) .mh-item.horizontal .mh-item-detali .desc, :where(html[data-theme="dark"]) .mh-itme-top .num, :where(html[data-theme="dark"]) .mh-list-swiper .next, :where(html[data-theme="dark"]) .mh-list-swiper .prev, :where(html[data-theme="dark"]) .vip-chart-block .left-side p, :where(html[data-theme="dark"]) .vip-chart-block .middle>p, :where(html[data-theme="dark"]) .vip-chart-block .right-side p, :where(html[data-theme="dark"]) .vip-grow-con p, :where(html[data-theme="dark"]) .vip-grow-con table td, :where(html[data-theme="dark"]) .vip-jumbotron .jumbotron-pane p, :where(html[data-theme="dark"]) .vip-reason ul.col2 li span.sub, :where(html[data-theme="dark"]) .vip-recharge-con .amount-list li div, :where(html[data-theme="dark"]) .vip-table tbody td, :where(html[data-theme="dark"]) .footer-cont a, :where(html[data-theme="dark"]) .sr-qrcode__text { color: var(--dk-text-2); } :where(html[data-theme="dark"]) .index-original-list li .info .tag a, :where(html[data-theme="dark"]) .index-manga-detail .detail .tag span, :where(html[data-theme="dark"]) .view-comment-main .list li .info .comment-item .code input, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page .block, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page a, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page span, :where(html[data-theme="dark"]) body.white .view-comment-main, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info textarea, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info input, :where(html[data-theme="dark"]) body.white .view-comment-main .child-list li .info textarea, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page .block, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page a, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page span, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .avatar-bar, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-bar, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga, :where(html[data-theme="dark"]) .view-comment .warning-bar a, :where(html[data-theme="dark"]) .view-comment .left-bar .top, :where(html[data-theme="dark"]) .view-comment .left-bar .top .info .tag span, :where(html[data-theme="dark"]) .view-comment .left-bar .list, :where(html[data-theme="dark"]) .dk_toggle, :where(html[data-theme="dark"]) .table-head .table-tabs li a, :where(html[data-theme="dark"]) .about-page .forms .panel textarea, :where(html[data-theme="dark"]) .about-page .forms .panel input[type=text], :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal .foot .other-btn, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal>div, :where(html[data-theme="dark"]) .scan-pay-box .goods-info, :where(html[data-theme="dark"]) .scan-pay-box .pay-wrap, :where(html[data-theme="dark"]) .scan-pay-box .pay-wrap .pay-qr-box dd.pay-qrimg, :where(html[data-theme="dark"]) .box-booklist-edit-head .del-btn, :where(html[data-theme="dark"]) .header-search-list, :where(html[data-theme="dark"]) .header-search-list ul li .type_2 .info .tag span, :where(html[data-theme="dark"]) .hover .hover-list .block, :where(html[data-theme="dark"]) .hover .hover-user .block, :where(html[data-theme="dark"]) .page-pagination ul li a, :where(html[data-theme="dark"]) .page-pagination .select-wrap, :where(html[data-theme="dark"]) .page-pagination .jump input, :where(html[data-theme="dark"]) .user-sidebar .user-info .avatar img, :where(html[data-theme="dark"]) .banner_detail_form .info .bottom .btn-3, :where(html[data-theme="dark"]) .account-login-form .form-wrap input[type=password], :where(html[data-theme="dark"]) .account-login-form .form-wrap input[type=text], :where(html[data-theme="dark"]) .box-con-5n1 .detail-tabs-container .detail-tabs-pane .detail .label span, :where(html[data-theme="dark"]) .box-con-5n1 .detail-tabs li, :where(html[data-theme="dark"]) .box-con-8n3 .box-8n3-pane .box-cat-waterwheel .carousel-wrap .carousel img, :where(html[data-theme="dark"]) .box-con-8n3 .box-8n3-pane .box-cat-waterwheel .detail .label span, :where(html[data-theme="dark"]) .user-repasswd p input, :where(html[data-theme="dark"]) .box-userinfo .user-info-form .avatar-edit-wrap .avatar-edit .cropper-wrap-box, :where(html[data-theme="dark"]) .box-userinfo .user-info-form .avatar-edit-wrap .preview-wrap span img, :where(html[data-theme="dark"]) .box-userinfo .user-info-form>div .avatar-demo img, :where(html[data-theme="dark"]) .box-userinfo .user-info-form>div input, :where(html[data-theme="dark"]) .box-userinfo .user-info-form>div textarea, :where(html[data-theme="dark"]) .box-userinfo .user-info-form>div .upfile-btn, :where(html[data-theme="dark"]) .mh-item .mh-item-detali p.mh-label span, :where(html[data-theme="dark"]) .mh-itme-top .num, :where(html[data-theme="dark"]) .vip-chart-block .middle, :where(html[data-theme="dark"]) .vip-grow-con .line-btn .btn.disable, :where(html[data-theme="dark"]) .vip-grow-con table td, :where(html[data-theme="dark"]) .vip-pay-item ul li, :where(html[data-theme="dark"]) .vip-reason ul li, :where(html[data-theme="dark"]) .vip-reason ul li.active:after, :where(html[data-theme="dark"]) .vip-recharge-con .recharge-body, :where(html[data-theme="dark"]) .vipcode input, :where(html[data-theme="dark"]) .vip-recharge-con .channel-list li div, :where(html[data-theme="dark"]) .vip-recharge-con .amount-list li div, :where(html[data-theme="dark"]) .vip-recharge-con li div:after, :where(html[data-theme="dark"]) .vip-recharge-con li div:before, :where(html[data-theme="dark"]) .vip-table tbody td, :where(html[data-theme="dark"]) .vip-succeed .button { border-color: var(--dk-line); } :where(html[data-theme="dark"]) .index-original-arrow .left:hover, :where(html[data-theme="dark"]) .index-original-arrow .right:hover, :where(html[data-theme="dark"]) body.white .view-comment-main .child-list, :where(html[data-theme="dark"]) .view-comment .view-win-list li, :where(html[data-theme="dark"]) .m-load-more-sm, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-bar .btn-1.active, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .cover span, :where(html[data-theme="dark"]) .view-comment .view-detail-list li, :where(html[data-theme="dark"]) .index-rank-bar .left-list li a, :where(html[data-theme="dark"]) .index-friendship, :where(html[data-theme="dark"]) .bg-gray, :where(html[data-theme="dark"]) .icheckbox_line-green, :where(html[data-theme="dark"]) .iradio_line-green, :where(html[data-theme="dark"]) .dk_theme_orange, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal, :where(html[data-theme="dark"]) .scan-pay-box .goods-info, :where(html[data-theme="dark"]) .footer, :where(html[data-theme="dark"]) .banner_detail_form .info .bottom .btn-1.active, :where(html[data-theme="dark"]) .box-userinfo .user-info-form>div .upfile-btn, :where(html[data-theme="dark"]) .mh-item .fav-btn.active, :where(html[data-theme="dark"]) .mh-itme-top .num, :where(html[data-theme="dark"]) .mh-list-swiper .next:hover, :where(html[data-theme="dark"]) .mh-list-swiper .prev:hover, :where(html[data-theme="dark"]) .mh-list.top-cat>li div:hover, :where(html[data-theme="dark"]) .vip-recharge-con .recharge-body .head { background-color: var(--dk-surface-2); } :where(html[data-theme="dark"]) .index-rank-list li, :where(html[data-theme="dark"]) body.white .view-comment-main .list li.solid, :where(html[data-theme="dark"]) body.white .view-comment-main .list li.dashed .info, :where(html[data-theme="dark"]) body.white .view-comment-main .top, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .top, :where(html[data-theme="dark"]) .table-head, :where(html[data-theme="dark"]) .about-page .head, :where(html[data-theme="dark"]) .box .box-header.border-bottom, :where(html[data-theme="dark"]) .hover .hover-list .block ul li, :where(html[data-theme="dark"]) .cat-filter .field-wrap, :where(html[data-theme="dark"]) .cat-filter .cat-list, :where(html[data-theme="dark"]) .dateProgressBar .bar-wrap .data-list, :where(html[data-theme="dark"]) .user-sidebar .user-info, :where(html[data-theme="dark"]) .mh-itme-top, :where(html[data-theme="dark"]) .mh-list.top-cat>li>.title, :where(html[data-theme="dark"]) .vip-pay-item ul li .price-wrap { border-bottom-color: var(--dk-line); } :where(html[data-theme="dark"]) .index-manga-detail .detail-list li.active .img, :where(html[data-theme="dark"]) .view-comment-main .list li .info .title .vip, :where(html[data-theme="dark"]) .view-comment-main .list li .info .title .year, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page .block, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page a, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page span, :where(html[data-theme="dark"]) body.white .view-comment-main, :where(html[data-theme="dark"]) body.white .view-comment-main .child-list li .info textarea, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-bar, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page .block, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page a, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page span, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .avatar-bar, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-bar, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga, :where(html[data-theme="dark"]) .view-comment .left-bar .top, :where(html[data-theme="dark"]) .view-comment .left-bar .list, :where(html[data-theme="dark"]) .view-comment .left-bar .list li .btn, :where(html[data-theme="dark"]) .index-right-float, :where(html[data-theme="dark"]) .index-right-float li a.index-side-code .index-float-code, :where(html[data-theme="dark"]) .dk_options, :where(html[data-theme="dark"]) .dk_options a, :where(html[data-theme="dark"]) .dk_options .disabled:focus, :where(html[data-theme="dark"]) .dk_options .disabled:focus a, :where(html[data-theme="dark"]) .dk_options .disabled:hover, :where(html[data-theme="dark"]) .dk_options .disabled:hover a, :where(html[data-theme="dark"]) body, :where(html[data-theme="dark"]) .search-input button, :where(html[data-theme="dark"]) .search-input input, :where(html[data-theme="dark"]) .table-body table thead tr, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal .foot .other-btn, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.login-modal, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal>div, :where(html[data-theme="dark"]) .down-app-page .banner-top .wrap .right .down-btn a, :where(html[data-theme="dark"]) .box-booklist-edit-head .del-btn, :where(html[data-theme="dark"]) .header, :where(html[data-theme="dark"]) .header-search-list, :where(html[data-theme="dark"]) .header-search-list ul li .type_2 .info .tag span, :where(html[data-theme="dark"]) .hover .hover-list .block, :where(html[data-theme="dark"]) .hover .hover-user .block, :where(html[data-theme="dark"]) .brand-head .head-wrap .head, :where(html[data-theme="dark"]) .cat-filter, :where(html[data-theme="dark"]) .dateProgressBar .bar-wrap .data-list, :where(html[data-theme="dark"]) .page-pagination select, :where(html[data-theme="dark"]) .topFIxedMenu>div .top-menu, :where(html[data-theme="dark"]) .user-sidebar, :where(html[data-theme="dark"]) .banner_detail_form, :where(html[data-theme="dark"]) .banner_detail_form .info .bottom .btn-3, :where(html[data-theme="dark"]) .banner_detail_form .info .bottom .btn-3 .code, :where(html[data-theme="dark"]) .banner_waterwheel .middle, :where(html[data-theme="dark"]) .banner_waterwheel .middle .waterwheel-body, :where(html[data-theme="dark"]) .box-con-5n1 .detail-tabs-container .detail-tabs-pane, :where(html[data-theme="dark"]) .box-con-8n3 .box-8n3-pane, :where(html[data-theme="dark"]) .box-con-8n3 .box-8n3-pane .box-cat-waterwheel .carousel-wrap .imgbg-box, :where(html[data-theme="dark"]) .box-userinfo .user-info-form .avatar-edit-wrap .avatar-edit .cropper-wrap-box, :where(html[data-theme="dark"]) .box-userinfo .user-info-form .avatar-edit-wrap .avatar-edit .cropper-modal, :where(html[data-theme="dark"]) .mh-item-tip, :where(html[data-theme="dark"]) .mh-item, :where(html[data-theme="dark"]) .mh-item .read-btn.line, :where(html[data-theme="dark"]) .mh-item .read-btn.line:hover, :where(html[data-theme="dark"]) .mh-item .read-btn.line:active, :where(html[data-theme="dark"]) .mh-item .chapter-list .chapter-more a, :where(html[data-theme="dark"]) .mh-itme-top, :where(html[data-theme="dark"]) .vip-banner-big .aside-box.converted h3:after, :where(html[data-theme="dark"]) .vip-banner-big .aside-box.converted h3:before, :where(html[data-theme="dark"]) .vip-banner-simple .grow-chart table td div span.rand-line:before, :where(html[data-theme="dark"]) .vip-banner-simple .grow-chart table td div span.rand-dan, :where(html[data-theme="dark"]) .vip-chart-block, :where(html[data-theme="dark"]) .vip-grow-con .line-btn .btn.line, :where(html[data-theme="dark"]) .vip-grow-con .line-btn .btn.disable, :where(html[data-theme="dark"]) .vip-grow-con table td, :where(html[data-theme="dark"]) .vip-jumbotron, :where(html[data-theme="dark"]) .vip-reason ul li, :where(html[data-theme="dark"]) .vip-table tbody td { background-color: var(--dk-surface); } :where(html[data-theme="dark"]) .view-comment-main .top span.s, :where(html[data-theme="dark"]) .box-user-vipinfo .rand-info, :where(html[data-theme="dark"]) .vip-banner-simple .grow-chart table td div span.rand-line, :where(html[data-theme="dark"]) .vip-pay-item ul li .time-wrap { border-right-color: var(--dk-line); } :where(html[data-theme="dark"]) .view-comment-main .list li .info .comment-item .code, :where(html[data-theme="dark"]) .view-comment-main .child-list li.open a, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .comment-item .logo-1, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .comment-item .logo-2, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .comment-item, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .bottom, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .bottom .right .zan, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .bottom .right .comment, :where(html[data-theme="dark"]) body.white .view-comment-main .top span.s, :where(html[data-theme="dark"]) .view-comment .detail-list-title .order, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .tip, :where(html[data-theme="dark"]) .view-comment .view-detail-list li .info .subtitle .del, :where(html[data-theme="dark"]) .view-comment .view-detail-list li .info .tip, :where(html[data-theme="dark"]) .view-comment .left-bar .list li .subtitle, :where(html[data-theme="dark"]) .index-friendship-list li a, :where(html[data-theme="dark"]) .table-body table thead, :where(html[data-theme="dark"]) .about-page pre, :where(html[data-theme="dark"]) .about-page .linkman-list li p, :where(html[data-theme="dark"]) .box-head-sort dt, :where(html[data-theme="dark"]) .footer, :where(html[data-theme="dark"]) .footer .footer-left .link span a, :where(html[data-theme="dark"]) .header-bar a, :where(html[data-theme="dark"]) .header-search-list .title, :where(html[data-theme="dark"]) .header-search-list ul li a.type_1 .right, :where(html[data-theme="dark"]) .hover .hover-list .block .title a, :where(html[data-theme="dark"]) .cat-filter .footer-btn, :where(html[data-theme="dark"]) .dateProgressBar .bar-wrap .data-list li span.date, :where(html[data-theme="dark"]) .user-sidebar .user-info span.label, :where(html[data-theme="dark"]) .banner_detail_form .info .tip .block, :where(html[data-theme="dark"]) .booklist .title small, :where(html[data-theme="dark"]) .mh-list.top-cat>li>.title, :where(html[data-theme="dark"]) .mh-list.top-cat>li>.title .more, :where(html[data-theme="dark"]) .vip-pay-item ul li .price-wrap .original, :where(html[data-theme="dark"]) .vip-reason ul.col6 li span.sub, :where(html[data-theme="dark"]) .vip-recharge-con .recharge-footer a, :where(html[data-theme="dark"]) .vip-succeed, :where(html[data-theme="dark"]) .vip-succeed .mb20, :where(html[data-theme="dark"]) .vip-succeed .button, :where(html[data-theme="dark"]) .footer-cont, :where(html[data-theme="dark"]) .huifu { color: var(--dk-text-3); } :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-bar, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li, :where(html[data-theme="dark"]) .view-comment .left-bar .list li, :where(html[data-theme="dark"]) .index-right-float li, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal>div .logs table td, :where(html[data-theme="dark"]) .header-search-list ul li a.type_1, :where(html[data-theme="dark"]) .topFIxedMenu>div .top-menu li a:after { border-top-color: var(--dk-line); } :where(html[data-theme="dark"]) .view-comment .view-win-list li:hover, :where(html[data-theme="dark"]) .view-comment .view-win-list li a:visited, :where(html[data-theme="dark"]) .view-comment .view-detail-list li:hover, :where(html[data-theme="dark"]) .index-rank-bar .left-list li.active a, :where(html[data-theme="dark"]) .index-rank-bar .left-list li:hover a, :where(html[data-theme="dark"]) .header-search-list ul li.active, :where(html[data-theme="dark"]) .header-search-list ul li:hover, :where(html[data-theme="dark"]) .mh-item .fav-btn:hover { background-color: var(--dk-accent-dim); } :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .top .select, :where(html[data-theme="dark"]) .dk_open .dk_toggle, :where(html[data-theme="dark"]) hr, :where(html[data-theme="dark"]) .box .box-header .top-type, :where(html[data-theme="dark"]) .dateProgressBar .bar-wrap .data-list li:after, :where(html[data-theme="dark"]) .footer { background-color: var(--dk-surface-3); } :where(html[data-theme="dark"]) .box-user-vipinfo .rand-info .desc>span, :where(html[data-theme="dark"]) .vip-rand-chart table td .rand-val { border-left-color: var(--dk-line); } :where(html[data-theme="dark"]) .mh-item .mh-item-detali p.zl { color: var(--dk-text-2) !important; } /* ------------------------------------------------------------------ MOBILE - sinh tu mstyle.css ------------------------------------------------------------------ */ :where(html[data-theme="dark"]) .bg-gray, :where(html[data-theme="dark"]) .vip-rank .dj-table th, :where(html[data-theme="dark"]) .manga-list-title-right-item.active, :where(html[data-theme="dark"]) .center-main-login-btn, :where(html[data-theme="dark"]) .center-bottom-menu-border, :where(html[data-theme="dark"]) .main-404-btn-cancel, :where(html[data-theme="dark"]) .detail-selector-item:before, :where(html[data-theme="dark"]) .detail-vip, :where(html[data-theme="dark"]) .detail-list-1 li a, :where(html[data-theme="dark"]) .detail-list-more, :where(html[data-theme="dark"]) .detail-comment-fix-bottom, :where(html[data-theme="dark"]) .detail-list-2 li, :where(html[data-theme="dark"]) .detail-list-comment-sublist, :where(html[data-theme="dark"]) .rank-list-info-left-index, :where(html[data-theme="dark"]) .win-comment-input, :where(html[data-theme="dark"]) .comment-input, :where(html[data-theme="dark"]) .manga-book-list-main { background-color: var(--dk-surface-2); } :where(html[data-theme="dark"]) .normal-top, :where(html[data-theme="dark"]) .search-top, :where(html[data-theme="dark"]) .vip-privilege-list, :where(html[data-theme="dark"]) .vip-exchange-title, :where(html[data-theme="dark"]) .vip-rank, :where(html[data-theme="dark"]) .vip-record, :where(html[data-theme="dark"]) .buy-manga, :where(html[data-theme="dark"]) .wallet-main, :where(html[data-theme="dark"]) .wallet-menu, :where(html[data-theme="dark"]) .vip-privilege-view, :where(html[data-theme="dark"]) .vip-area, :where(html[data-theme="dark"]) .manga-list, :where(html[data-theme="dark"]) .ticket-item, :where(html[data-theme="dark"]) .selector-top, :where(html[data-theme="dark"]) .center-main-list-border, :where(html[data-theme="dark"]) .detail-desc, :where(html[data-theme="dark"]) .detail-selector, :where(html[data-theme="dark"]) .detail-list-comment, :where(html[data-theme="dark"]) .manga-list-bar, :where(html[data-theme="dark"]) .rank-selector, :where(html[data-theme="dark"]) .rank-list li, :where(html[data-theme="dark"]) .book-list li, :where(html[data-theme="dark"]) .search-downlist-clear, :where(html[data-theme="dark"]) .ad-top-info, :where(html[data-theme="dark"]) .selector-update-top { border-bottom-color: var(--dk-line); } :where(html[data-theme="dark"]) .normal-top, :where(html[data-theme="dark"]) .search-top-input input, :where(html[data-theme="dark"]) .search-label-item, :where(html[data-theme="dark"]) .recharge-set li, :where(html[data-theme="dark"]) .vip-privilege-list, :where(html[data-theme="dark"]) .vip-rank, :where(html[data-theme="dark"]) .vip-record, :where(html[data-theme="dark"]) .buy-manga, :where(html[data-theme="dark"]) .wallet-main, :where(html[data-theme="dark"]) .wallet-menu, :where(html[data-theme="dark"]) .vip-main-cover, :where(html[data-theme="dark"]) .vip-main .dj-top-item-bar-circle2, :where(html[data-theme="dark"]) .vip-privilege-view, :where(html[data-theme="dark"]) .vip-area, :where(html[data-theme="dark"]) .manga-list, :where(html[data-theme="dark"]) .ticket-item, :where(html[data-theme="dark"]) .selector-top, :where(html[data-theme="dark"]) .center-main-info-cover, :where(html[data-theme="dark"]) .center-main-list li, :where(html[data-theme="dark"]) .center-main-list-border li, :where(html[data-theme="dark"]) .center-main-list li.avatar, :where(html[data-theme="dark"]) .center-main-list-border li.avatar, :where(html[data-theme="dark"]) .center-main-bottom-btn, :where(html[data-theme="dark"]) .center-bottom-menu, :where(html[data-theme="dark"]) .win-first, :where(html[data-theme="dark"]) .feedback-main-list-item, :where(html[data-theme="dark"]) .detail-desc, :where(html[data-theme="dark"]) .detail-selector, :where(html[data-theme="dark"]) .detail-selector-item:first-child:before, :where(html[data-theme="dark"]) .detail-vip-con, :where(html[data-theme="dark"]) .detail-list-title, :where(html[data-theme="dark"]) .detail-list-1, :where(html[data-theme="dark"]) .detail-fix-bottom, :where(html[data-theme="dark"]) .detail-comment-fix-bottom-a, :where(html[data-theme="dark"]) .coin-fix-bottom, :where(html[data-theme="dark"]) .detail-list-2, :where(html[data-theme="dark"]) .win-pay, :where(html[data-theme="dark"]) .win-pay2, :where(html[data-theme="dark"]) .win-pay-btn, :where(html[data-theme="dark"]) .detail-list-comment, :where(html[data-theme="dark"]) .index-menu, :where(html[data-theme="dark"]) .index-bottom, :where(html[data-theme="dark"]) .manga-list-bar, :where(html[data-theme="dark"]) .manga-list-bar-right-down, :where(html[data-theme="dark"]) .rank-selector, :where(html[data-theme="dark"]) .rank-list, :where(html[data-theme="dark"]) .book-list li, :where(html[data-theme="dark"]) .search-noData, :where(html[data-theme="dark"]) .search-downlist, :where(html[data-theme="dark"]) .win-comment, :where(html[data-theme="dark"]) .view-bottom-bar-item, :where(html[data-theme="dark"]) .selector-update-top, :where(html[data-theme="dark"]) .paginate-btn, :where(html[data-theme="dark"]) .manga-book-list-main-cover-item, :where(html[data-theme="dark"]) .vip-login-btn, :where(html[data-theme="dark"]) .shareForm .cancel, :where(html[data-theme="dark"]) .shareForm .shareList, :where(html[data-theme="dark"]) .page-pagination select { background-color: var(--dk-surface); } :where(html[data-theme="dark"]) .normal-top-title, :where(html[data-theme="dark"]) .search-label-item, :where(html[data-theme="dark"]) .search-class-title, :where(html[data-theme="dark"]) .recharge-selector-title, :where(html[data-theme="dark"]) .recharge-style-subtitle, :where(html[data-theme="dark"]) .recharge-style-title, :where(html[data-theme="dark"]) .recharge-set-title, :where(html[data-theme="dark"]) .vip-privilege-list-title, :where(html[data-theme="dark"]) .vip-rank .dj-title, :where(html[data-theme="dark"]) .vip-rank .dj-form-item, :where(html[data-theme="dark"]) .vip-rank .dj-table td, :where(html[data-theme="dark"]) .vip-record-title, :where(html[data-theme="dark"]) .vip-record-right, :where(html[data-theme="dark"]) .buy-manga-title, :where(html[data-theme="dark"]) .wallet-main-coin-value, :where(html[data-theme="dark"]) .wallet-menu-item, :where(html[data-theme="dark"]) .vip-main .dj-sign-value, :where(html[data-theme="dark"]) .vip-table .dj-table td, :where(html[data-theme="dark"]) .vip-privilege-view-title, :where(html[data-theme="dark"]) .vip-privilege-view-list-title, :where(html[data-theme="dark"]) .manga-list-title, :where(html[data-theme="dark"]) .manga-list-title-more, :where(html[data-theme="dark"]) .manga-list-title-right-item.active, :where(html[data-theme="dark"]) .manga-list-1-title, :where(html[data-theme="dark"]) .manga-list-1-title a, :where(html[data-theme="dark"]) .manga-list-2-title, :where(html[data-theme="dark"]) .manga-list-2-title a, :where(html[data-theme="dark"]) .manga-list-3-title, :where(html[data-theme="dark"]) .manga-list-3-title a, :where(html[data-theme="dark"]) .manga-list-3-tip, :where(html[data-theme="dark"]) .ticket-item.active .ticket-item-right-title, :where(html[data-theme="dark"]) .selector-top-item.active, :where(html[data-theme="dark"]) .selector-top-right-font, :where(html[data-theme="dark"]) .center-main-list-title, :where(html[data-theme="dark"]) .center-main-list-title-edit, :where(html[data-theme="dark"]) .center-main-bottom-btn, :where(html[data-theme="dark"]) .center-bottom-menu-item, :where(html[data-theme="dark"]) .protocol-title, :where(html[data-theme="dark"]) .win-first-title, :where(html[data-theme="dark"]) .feedback-main-list-item, :where(html[data-theme="dark"]) .feedback-main-textarea, :where(html[data-theme="dark"]) .feedback-main-input, :where(html[data-theme="dark"]) .main-404-btn-cancel, :where(html[data-theme="dark"]) .detail-selector-item.active, :where(html[data-theme="dark"]) .detail-list-title-1, :where(html[data-theme="dark"]) .detail-list-1 li a, :where(html[data-theme="dark"]) .detail-list-more, :where(html[data-theme="dark"]) .detail-list-2-info-title, :where(html[data-theme="dark"]) .win-pay-title, :where(html[data-theme="dark"]) .win-pay-title2, :where(html[data-theme="dark"]) .win-pay-btn, :where(html[data-theme="dark"]) .win-pay-btn-line-1, :where(html[data-theme="dark"]) .win-pay-chapter, :where(html[data-theme="dark"]) .detail-list-comment-title, :where(html[data-theme="dark"]) .detail-list-comment-content, :where(html[data-theme="dark"]) .detail-list-comment-sublist-content, :where(html[data-theme="dark"]) .index-menu-item-title, :where(html[data-theme="dark"]) .index-bottom-item, :where(html[data-theme="dark"]) .manga-list-bar-item.active, :where(html[data-theme="dark"]) .manga-list-bar-right, :where(html[data-theme="dark"]) .manga-list-bar-right-down-item, :where(html[data-theme="dark"]) .rank-selector-item.active, :where(html[data-theme="dark"]) .rank-list-info-right-title, :where(html[data-theme="dark"]) .book-desc, :where(html[data-theme="dark"]) .book-list-info-title, :where(html[data-theme="dark"]) .search-downlist-item-title, :where(html[data-theme="dark"]) .win-comment-title, :where(html[data-theme="dark"]) .view-bottom-bar-item, :where(html[data-theme="dark"]) .ad-top-info-main-right-title, :where(html[data-theme="dark"]) .pay-con-title, :where(html[data-theme="dark"]) .final-title, :where(html[data-theme="dark"]) .final-tip, :where(html[data-theme="dark"]) .selector-update-top-item.active, :where(html[data-theme="dark"]) .manga-book-list-main-title, :where(html[data-theme="dark"]) .vip-login-btn, :where(html[data-theme="dark"]) .shareForm .shareList a p { color: var(--dk-text); } :where(html[data-theme="dark"]) .search-title, :where(html[data-theme="dark"]) .title-1, :where(html[data-theme="dark"]) .recharge-selector-tip, :where(html[data-theme="dark"]) .recharge-style-tip, :where(html[data-theme="dark"]) .recharge-tip-bottom a, :where(html[data-theme="dark"]) .recharge-set-tip, :where(html[data-theme="dark"]) .vip-privilege-title, :where(html[data-theme="dark"]) .vip-privilege-list-content, :where(html[data-theme="dark"]) .vip-privilege-more, :where(html[data-theme="dark"]) .vip-rank .dj-text2, :where(html[data-theme="dark"]) .vip-rank .dj-form-sign, :where(html[data-theme="dark"]) .vip-rank .dj-table th, :where(html[data-theme="dark"]) .gary .vip-record-title, :where(html[data-theme="dark"]) .vip-record-tip, :where(html[data-theme="dark"]) .vip-record-rechange, :where(html[data-theme="dark"]) .buy-manga-author, :where(html[data-theme="dark"]) .buy-manga-right-title, :where(html[data-theme="dark"]) .wallet-main-coin-title, :where(html[data-theme="dark"]) .wallet-main-coin-bottom, :where(html[data-theme="dark"]) .vip-text-1, :where(html[data-theme="dark"]) .vip-text-2, :where(html[data-theme="dark"]) .vip-privilege-view-list-content, :where(html[data-theme="dark"]) .vip-privilege-view-more, :where(html[data-theme="dark"]) .vip-area-top-title, :where(html[data-theme="dark"]) .vip-area-bottom-title, :where(html[data-theme="dark"]) .manga-list-title.index .manga-list-title-more, :where(html[data-theme="dark"]) .manga-list-title-right-item, :where(html[data-theme="dark"]) .manga-list-3-author, :where(html[data-theme="dark"]) .manga-list-3-content, :where(html[data-theme="dark"]) .ticket-item.active .ticket-item-right-subtitle, :where(html[data-theme="dark"]) .ticket-item.active .ticket-item-right-tip, :where(html[data-theme="dark"]) .center-main-list-right-tip, :where(html[data-theme="dark"]) .protocol-content, :where(html[data-theme="dark"]) .win-first-close, :where(html[data-theme="dark"]) .feedback-main-title, :where(html[data-theme="dark"]) .detail-desc, :where(html[data-theme="dark"]) .detail-list-title-3, :where(html[data-theme="dark"]) .win-pay-subtitle, :where(html[data-theme="dark"]) .win-pay-tip, :where(html[data-theme="dark"]) .win-pay-btn-line-2, :where(html[data-theme="dark"]) .win-pay-check, :where(html[data-theme="dark"]) .win-pay-bottom-center, :where(html[data-theme="dark"]) .manga-noData, :where(html[data-theme="dark"]) .rank-list-info-left-index, :where(html[data-theme="dark"]) .book-list-info-desc, :where(html[data-theme="dark"]) .book-list-info-bottom, :where(html[data-theme="dark"]) .book-list-info-bottom-item, :where(html[data-theme="dark"]) .search-downlist-title, :where(html[data-theme="dark"]) .pic-verification-title, :where(html[data-theme="dark"]) .line-tip, :where(html[data-theme="dark"]) .line-tip-left, :where(html[data-theme="dark"]) .pay-con-btn, :where(html[data-theme="dark"]) .final-subtitle, :where(html[data-theme="dark"]) .page-pagination ul li span, :where(html[data-theme="dark"]) .page-pagination ul li a, :where(html[data-theme="dark"]) .page-pagination .select-wrap, :where(html[data-theme="dark"]) .page-pagination .jump { color: var(--dk-text-2); } :where(html[data-theme="dark"]) .search-label-item, :where(html[data-theme="dark"]) .recharge-selector li a, :where(html[data-theme="dark"]) .recharge-style li, :where(html[data-theme="dark"]) .recharge-set li, :where(html[data-theme="dark"]) .vip-rank .dj-form-item.gary, :where(html[data-theme="dark"]) .vip-rank .dj-table th, :where(html[data-theme="dark"]) .vip-rank .dj-table td, :where(html[data-theme="dark"]) .buy-manga-right, :where(html[data-theme="dark"]) .vip-table .dj-table th, :where(html[data-theme="dark"]) .vip-table .dj-table td, :where(html[data-theme="dark"]) .manga-list-title-right, :where(html[data-theme="dark"]) .line-container input, :where(html[data-theme="dark"]) .feedback-main-list-item, :where(html[data-theme="dark"]) .feedback-main-textarea, :where(html[data-theme="dark"]) .feedback-main-input, :where(html[data-theme="dark"]) .feedback-main-pic-item, :where(html[data-theme="dark"]) .main-404-btn-cancel, :where(html[data-theme="dark"]) .detail-main-cover, :where(html[data-theme="dark"]) .detail-selector-item-count, :where(html[data-theme="dark"]) .detail-list-1 li a, :where(html[data-theme="dark"]) .detail-list-more, :where(html[data-theme="dark"]) .coin-fix-bottom, :where(html[data-theme="dark"]) .win-pay-btn, :where(html[data-theme="dark"]) .detail-list-comment-sublist, :where(html[data-theme="dark"]) .rank-list-info-left-index, :where(html[data-theme="dark"]) .book-list-info-bottom-item, :where(html[data-theme="dark"]) .win-comment-input, :where(html[data-theme="dark"]) .comment-input, :where(html[data-theme="dark"]) .view-bottom-bar-item, :where(html[data-theme="dark"]) .pay-con-btn, :where(html[data-theme="dark"]) .manga-book-list-main, :where(html[data-theme="dark"]) .page-pagination ul li a, :where(html[data-theme="dark"]) .page-pagination .select-wrap, :where(html[data-theme="dark"]) .page-pagination .jump input { border-color: var(--dk-line); } :where(html[data-theme="dark"]) .recharge-selector-main span.delete, :where(html[data-theme="dark"]) .recharge-tip-line, :where(html[data-theme="dark"]) .recharge-set-right span, :where(html[data-theme="dark"]) .vip-exchange-input, :where(html[data-theme="dark"]) .vip-rank .dj-form-item.gary, :where(html[data-theme="dark"]) .vip-rank .dj-table .dj-table-g, :where(html[data-theme="dark"]) .buy-manga-right, :where(html[data-theme="dark"]) .vip-main .dj-top-item-title, :where(html[data-theme="dark"]) .vip-main .dj-top-item-num, :where(html[data-theme="dark"]) .vip-table .dj-table .dj-table-g, :where(html[data-theme="dark"]) .vip-privilege-view-list-title.gary, :where(html[data-theme="dark"]) .vip-privilege-view-list-content.gary, :where(html[data-theme="dark"]) .manga-list-1-tip, :where(html[data-theme="dark"]) .manga-list-2-tip a, :where(html[data-theme="dark"]) .ticket-item-right-title, :where(html[data-theme="dark"]) .ticket-item-right-subtitle, :where(html[data-theme="dark"]) .ticket-item-right-tip, :where(html[data-theme="dark"]) .selector-top-item, :where(html[data-theme="dark"]) .center-main-list-right-tip-gray, :where(html[data-theme="dark"]) .detail-selector-item, :where(html[data-theme="dark"]) .detail-selector-item-count, :where(html[data-theme="dark"]) .detail-list-title-right, :where(html[data-theme="dark"]) .detail-comment-fix-bottom-a, :where(html[data-theme="dark"]) .coin-fix-bottom, :where(html[data-theme="dark"]) .detail-list-2-info-subtitle, :where(html[data-theme="dark"]) .win-pay-del, :where(html[data-theme="dark"]) .win-pay-bottom-left, :where(html[data-theme="dark"]) .win-pay-tip-line, :where(html[data-theme="dark"]) .win-pay-content, :where(html[data-theme="dark"]) .win-pay-logo-con-right, :where(html[data-theme="dark"]) .detail-list-comment-subtitle, :where(html[data-theme="dark"]) .detail-list-comment-right, :where(html[data-theme="dark"]) .detail-list-comment-reply, :where(html[data-theme="dark"]) .detail-list-comment-go, :where(html[data-theme="dark"]) .detail-list-comment-sublist-title, :where(html[data-theme="dark"]) .detail-list-comment-sublist-title-right, :where(html[data-theme="dark"]) .detail-list-comment-sublist-more a, :where(html[data-theme="dark"]) .manga-list-bar-item, :where(html[data-theme="dark"]) .rank-selector-item, :where(html[data-theme="dark"]) .rank-list-info-right-subtitle, :where(html[data-theme="dark"]) .search-noData-title, :where(html[data-theme="dark"]) .search-downlist-clear, :where(html[data-theme="dark"]) .win-comment-input, :where(html[data-theme="dark"]) .comment-input, :where(html[data-theme="dark"]) .view-fix-top-bar-title, :where(html[data-theme="dark"]) .view-fix-bottom-bar-title, :where(html[data-theme="dark"]) .ad-top-info-main-right-subtitle, :where(html[data-theme="dark"]) .pay-con-subtitle, :where(html[data-theme="dark"]) .selector-update-top-item, :where(html[data-theme="dark"]) .manga-book-list-main-subtitle { color: var(--dk-text-3); } :where(html[data-theme="dark"]) .recharge-set li.active, :where(html[data-theme="dark"]) .feedback-main-list-item.active, :where(html[data-theme="dark"]) .win-pay-btn.active { background-color: var(--dk-accent-dim); } :where(html[data-theme="dark"]) .vip-privilege-list li, :where(html[data-theme="dark"]) .vip-rank, :where(html[data-theme="dark"]) .vip-record li, :where(html[data-theme="dark"]) .buy-manga, :where(html[data-theme="dark"]) .wallet-main, :where(html[data-theme="dark"]) .wallet-menu-item, :where(html[data-theme="dark"]) .vip-privilege-view, :where(html[data-theme="dark"]) .vip-area, :where(html[data-theme="dark"]) .vip-area-bottom, :where(html[data-theme="dark"]) .manga-list, :where(html[data-theme="dark"]) .ticket-item, :where(html[data-theme="dark"]) .ticket-item-right-tip, :where(html[data-theme="dark"]) .center-main-list-border, :where(html[data-theme="dark"]) .center-main-list li, :where(html[data-theme="dark"]) .center-main-list-border li, :where(html[data-theme="dark"]) .center-main-list li.avatar, :where(html[data-theme="dark"]) .center-main-list-border li.avatar, :where(html[data-theme="dark"]) .center-main-bottom-btn, :where(html[data-theme="dark"]) .center-bottom-menu-item, :where(html[data-theme="dark"]) .detail-selector, :where(html[data-theme="dark"]) .detail-fix-bottom, :where(html[data-theme="dark"]) .win-pay-bottom, :where(html[data-theme="dark"]) .detail-list-comment li, :where(html[data-theme="dark"]) .detail-list-comment-sublist li, :where(html[data-theme="dark"]) .index-bottom, :where(html[data-theme="dark"]) .manga-list-bar, :where(html[data-theme="dark"]) .manga-list-bar-right-down-item, :where(html[data-theme="dark"]) .rank-selector, :where(html[data-theme="dark"]) .rank-list, :where(html[data-theme="dark"]) .book-list li, :where(html[data-theme="dark"]) .search-downlist-item, :where(html[data-theme="dark"]) .search-downlist-clear { border-top-color: var(--dk-line); } :where(html[data-theme="dark"]) .vip-main .dj-top-block, :where(html[data-theme="dark"]) .vip-main .dj-top-item-bar-circle1, :where(html[data-theme="dark"]) .detail-list-comment-reply, :where(html[data-theme="dark"]) li.detail-list-comment-sublist-more, :where(html[data-theme="dark"]) .shareForm .shareList input { background-color: var(--dk-surface-3); } :where(html[data-theme="dark"]) .manga-list-title-right-item, :where(html[data-theme="dark"]) .center-main-bottom-btn.r50 { border-left-color: var(--dk-line); } :where(html[data-theme="dark"]) .swiper-pagination-bullet { background-color: var(--dk-line); } /* ------------------------------------------------------------------ TRANG DOC (PC) - sinh tu pc_read.css ------------------------------------------------------------------ */ :where(html[data-theme="dark"]) body::-webkit-scrollbar-thumb, :where(html[data-theme="dark"]) body ::-webkit-scrollbar-thumb, :where(html[data-theme="dark"]) #tools .night li, :where(html[data-theme="dark"]) #tools .read-model li, :where(html[data-theme="dark"]) #tools .barrage-switch li, :where(html[data-theme="dark"]) #tools .fullscreen-switch li, :where(html[data-theme="dark"]) #tools .auto_read li, :where(html[data-theme="dark"]) #tools .hz li, :where(html[data-theme="dark"]) #tools .zoom li { background-color: var(--dk-line); } :where(html[data-theme="dark"]) body, :where(html[data-theme="dark"]) a, :where(html[data-theme="dark"]) .headlines .synopsis, :where(html[data-theme="dark"]) .list-thumbnail .title, :where(html[data-theme="dark"]) .comic-list .title, :where(html[data-theme="dark"]) .reward-list>.item .attr, :where(html[data-theme="dark"]) #footerTools .ywz .ywzbox li, :where(html[data-theme="dark"]) .header .pageBd .pages, :where(html[data-theme="dark"]) .endPage ul.endBtns li.btnItem a:hover { color: var(--dk-text-2); } :where(html[data-theme="dark"]) hr, :where(html[data-theme="dark"]) .list>.item.line, :where(html[data-theme="dark"]) .list-thumbnail>.item, :where(html[data-theme="dark"]) .reward-list>.item, :where(html[data-theme="dark"]) .update-list .item, :where(html[data-theme="dark"]) .layui-layer-title, :where(html[data-theme="dark"]) .layui-layer-tab .layui-layer-title { border-bottom-color: var(--dk-line); } :where(html[data-theme="dark"]) .equal-height, :where(html[data-theme="dark"]) .equal-main, :where(html[data-theme="dark"]) .box2>.hd, :where(html[data-theme="dark"]) .box2>.bd, :where(html[data-theme="dark"]) .layui-layer-btn a, :where(html[data-theme="dark"]) .layui-layer-prompt .layui-layer-input, :where(html[data-theme="dark"]) #readguide .gocenter, :where(html[data-theme="dark"]) #tools>.item>.hd, :where(html[data-theme="dark"]) #tools>.item>.bd, :where(html[data-theme="dark"]) #tools .barrage-con .input { border-color: var(--dk-line); } :where(html[data-theme="dark"]) .equal-aside-left, :where(html[data-theme="dark"]) .equal-aside-right, :where(html[data-theme="dark"]) .box2>.hd, :where(html[data-theme="dark"]) .readend>.ft, :where(html[data-theme="dark"]) .layui-layer-title, :where(html[data-theme="dark"]) .layui-layer-btn a { background-color: var(--dk-surface-2); } :where(html[data-theme="dark"]) .list>.item, :where(html[data-theme="dark"]) .list-thumbnail .attr, :where(html[data-theme="dark"]) .comic-list .desc, :where(html[data-theme="dark"]) .reward-list>.item .reward-num, :where(html[data-theme="dark"]) .reward-list>.item .desc, :where(html[data-theme="dark"]) .reward-list>.item .attr-label, :where(html[data-theme="dark"]) .fans-list>.item .reward-num, :where(html[data-theme="dark"]) .box>.hd .title-desc, :where(html[data-theme="dark"]) .box2>.hd .update, :where(html[data-theme="dark"]) .box2>.hd .operate .ift-sort, :where(html[data-theme="dark"]) .box2>.hd .operate .ift-sort_up, :where(html[data-theme="dark"]) .comicpage .loading, :where(html[data-theme="dark"]) .comicpage .loaderr, :where(html[data-theme="dark"]) .readend .switch li, :where(html[data-theme="dark"]) .catalogCon .conBd .no-info, :where(html[data-theme="dark"]) #tools .rss, :where(html[data-theme="dark"]) #footer .copyright, :where(html[data-theme="dark"]) .doubleMode_swiper li .full_width .half .loaderr { color: var(--dk-text-3); } :where(html[data-theme="dark"]) .box>.hd .title-desc, :where(html[data-theme="dark"]) .box2>.hd .operate, :where(html[data-theme="dark"]) .layui-layer-tab .layui-layer-title span.layui-layer-tabnow { border-left-color: var(--dk-line); } :where(html[data-theme="dark"]) .readend, :where(html[data-theme="dark"]) .layui-layer, :where(html[data-theme="dark"]) .layui-layer-move, :where(html[data-theme="dark"]) .layui-layer-tab .layui-layer-title span.layui-layer-tabnow, :where(html[data-theme="dark"]) #footerTools .ywz .ywzbox, :where(html[data-theme="dark"]) #footerTools .whitebox, :where(html[data-theme="dark"]) .shareBox .shareBd a, :where(html[data-theme="dark"]) .catalogCon .conBd .item, :where(html[data-theme="dark"]) .phone .code, :where(html[data-theme="dark"]) #tools>.item>.hd .text, :where(html[data-theme="dark"]) #tools>.item>.hd [class^='ift-'], :where(html[data-theme="dark"]) #tools>.item>.bd, :where(html[data-theme="dark"]) #tools .night .full .left, :where(html[data-theme="dark"]) #tools .night .full .right, :where(html[data-theme="dark"]) #tools .read-model .full .left, :where(html[data-theme="dark"]) #tools .read-model .full .right, :where(html[data-theme="dark"]) #tools .barrage-switch .full .left, :where(html[data-theme="dark"]) #tools .barrage-switch .full .right, :where(html[data-theme="dark"]) #tools .fullscreen-switch .full .left, :where(html[data-theme="dark"]) #tools .fullscreen-switch .full .right, :where(html[data-theme="dark"]) #tools .auto_read .full .left, :where(html[data-theme="dark"]) #tools .auto_read .full .right, :where(html[data-theme="dark"]) #tools .hz .full .left, :where(html[data-theme="dark"]) #tools .hz .full .right, :where(html[data-theme="dark"]) #tools .zoom .full .left, :where(html[data-theme="dark"]) #tools .zoom .full .right, :where(html[data-theme="dark"]) #tools .night .full .top, :where(html[data-theme="dark"]) #tools .night .full .bottom, :where(html[data-theme="dark"]) #tools .read-model .full .top, :where(html[data-theme="dark"]) #tools .read-model .full .bottom, :where(html[data-theme="dark"]) #tools .barrage-switch .full .top, :where(html[data-theme="dark"]) #tools .barrage-switch .full .bottom, :where(html[data-theme="dark"]) #tools .fullscreen-switch .full .top, :where(html[data-theme="dark"]) #tools .fullscreen-switch .full .bottom, :where(html[data-theme="dark"]) #tools .auto_read .full .top, :where(html[data-theme="dark"]) #tools .auto_read .full .bottom, :where(html[data-theme="dark"]) #tools .hz .full .top, :where(html[data-theme="dark"]) #tools .hz .full .bottom, :where(html[data-theme="dark"]) #tools .zoom .full .top, :where(html[data-theme="dark"]) #tools .zoom .full .bottom { background-color: var(--dk-surface); } :where(html[data-theme="dark"]) .layui-layer-load, :where(html[data-theme="dark"]) .layui-layer-tab .layui-layer-title { background-color: var(--dk-surface-3); } :where(html[data-theme="dark"]) .layui-layer-title, :where(html[data-theme="dark"]) .layui-layer-btn a, :where(html[data-theme="dark"]) .layui-layer-prompt .layui-layer-input, :where(html[data-theme="dark"]) .catalogCon .conBd .item h2, :where(html[data-theme="dark"]) .phone .code p, :where(html[data-theme="dark"]) .doubleMode_swiper li .full_width .half .comicInfo { color: var(--dk-text); } :where(html[data-theme="dark"]) .layui-layer-tab .layui-layer-title span.layui-layer-tabnow { border-right-color: var(--dk-line); } :where(html[data-theme="dark"]) .stophover { color: var(--dk-text) !important; } :where(html[data-theme="dark"]) .stophover { background-color: var(--dk-line) !important; } :where(html[data-theme="dark"]) #footer { border-top-color: var(--dk-line); } /* ------------------------------------------------------------------ TRANG DOC (chung) - sinh tu p.css ------------------------------------------------------------------ */ :where(html[data-theme="dark"]) .read-section .sidebar-content li a, :where(html[data-theme="dark"]) .sidebar-btn { color: var(--dk-text-2); } /* ------------------------------------------------------------------ TRANG TAI KHOAN - sinh tu account.css ------------------------------------------------------------------ */ :where(html[data-theme="dark"]) .account-select, :where(html[data-theme="dark"]) .line-container select { border-color: var(--dk-line); } :where(html[data-theme="dark"]) .phone-tip, :where(html[data-theme="dark"]) .account-success-tip, :where(html[data-theme="dark"]) .input-con-tip, :where(html[data-theme="dark"]) .input-con-tip2, :where(html[data-theme="dark"]) .account-bottom-tip, :where(html[data-theme="dark"]) .account-bottom-tip-pc { color: var(--dk-text-2); } :where(html[data-theme="dark"]) .input-con-title, :where(html[data-theme="dark"]) .input-con-phone, :where(html[data-theme="dark"]) .p-r .p-title, :where(html[data-theme="dark"]) .p-r .p-phone, :where(html[data-theme="dark"]) .p-r .p-title-2 { color: var(--dk-text); } :where(html[data-theme="dark"]) .line-container select, :where(html[data-theme="dark"]) .form-tip, :where(html[data-theme="dark"]) .checkpost-win { background-color: var(--dk-surface); } :where(html[data-theme="dark"]) .input-con-tip2.bottom { color: var(--dk-text-3); } /* ------------------------------------------------------------------ TRANG MUA CHUONG / HOME PC - sinh tu view.css ------------------------------------------------------------------ */ :where(html[data-theme="dark"]) .vip.theme-white .view-left-comment ::-webkit-scrollbar-track-piece, :where(html[data-theme="dark"]) .vip.theme-white .page-now ::-webkit-scrollbar-track-piece, :where(html[data-theme="dark"]) .vip.theme-white .view-chapter ::-webkit-scrollbar-track-piece, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .top .select { background-color: var(--dk-surface-3); } :where(html[data-theme="dark"]) body.white, :where(html[data-theme="dark"]) body.white .view-header, :where(html[data-theme="dark"]) body.theme-white .view-header-2, :where(html[data-theme="dark"]) body.white .view-header-2, :where(html[data-theme="dark"]) body.white .view-paging a, :where(html[data-theme="dark"]) body.white .view-paging span, :where(html[data-theme="dark"]) body.white .view-paging a:hover, :where(html[data-theme="dark"]) .view-comment-main .list li .info .title .vip, :where(html[data-theme="dark"]) .view-comment-main .list li .info .title .year, :where(html[data-theme="dark"]) .view-comment-main .child-list li .info textarea, :where(html[data-theme="dark"]) body.theme-white.vip .view-comment-main .top.new, :where(html[data-theme="dark"]) body.theme-white.vip .view-comment-main, :where(html[data-theme="dark"]) body.theme-white.vip .view-comment-main .bottom-bar.gary, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page a, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page span, :where(html[data-theme="dark"]) body.white .view-comment-main, :where(html[data-theme="dark"]) body.white .view-comment-main .child-list li .info textarea, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-bar, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page a, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page span, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .top .page a, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page a:hover, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .top .page a:hover, :where(html[data-theme="dark"]) body.theme-white .view-comment-main, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .child-list li .info textarea, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .bottom-bar, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .bottom-page a, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page a:hover, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .bottom-page a:hover, :where(html[data-theme="dark"]) .view-comment-sub .code-bar, :where(html[data-theme="dark"]) .view-comment-sub .works, :where(html[data-theme="dark"]) body.theme-white .view-footer .right a .tip, :where(html[data-theme="dark"]) body.theme-white .view-footer, :where(html[data-theme="dark"]) body.theme-white .view-footer .comment-btn, :where(html[data-theme="dark"]) body.theme-white .view-footer .page-list, :where(html[data-theme="dark"]) body.theme-white .view-chapter .tip, :where(html[data-theme="dark"]) body.theme-white .view-chapter .chapters, :where(html[data-theme="dark"]) body.theme-white .view-chapter .chapters ul, :where(html[data-theme="dark"]) .view-win, :where(html[data-theme="dark"]) .view-win-2, :where(html[data-theme="dark"]) .view-win-3, :where(html[data-theme="dark"]) .view-win-3 .list a, :where(html[data-theme="dark"]) .view-pay-form, :where(html[data-theme="dark"]) .view-pay-form .top, :where(html[data-theme="dark"]) .view-pay-form .main, :where(html[data-theme="dark"]) .white .rightToolBar a .tip, :where(html[data-theme="dark"]) .white .rightToolBar, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal .foot .other-btn, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.login-modal, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal > div, :where(html[data-theme="dark"]) .hover .hover-user .block, :where(html[data-theme="dark"]) .phone .code, :where(html[data-theme="dark"]) .hover .hover-list .block, :where(html[data-theme="dark"]) .right-bar .read-style-con .info, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga { background-color: var(--dk-surface); } :where(html[data-theme="dark"]) .view-header .back, :where(html[data-theme="dark"]) .view-header .ctitle, :where(html[data-theme="dark"]) .view-header .ctitle a, :where(html[data-theme="dark"]) .view-header-2 .back, :where(html[data-theme="dark"]) .view-header-2 .title, :where(html[data-theme="dark"]) .view-header-2 a, :where(html[data-theme="dark"]) body.white .view-header-2 a, :where(html[data-theme="dark"]) body.theme-white .view-header-2 a, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .child-list .info .comment-item span, :where(html[data-theme="dark"]) body.white .view-comment-main .child-list li.open a, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .child-list li.open a, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .comment-item .logo-1, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .comment-item .logo-2, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .comment-item, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .content, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .bottom, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .bottom .right .zan, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .bottom .right .comment, :where(html[data-theme="dark"]) body.white .view-comment-main .top span.s, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .list li .info .comment-item .logo-1, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .list li .info .comment-item .logo-2, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .list li .info .comment-item, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .list li .info .bottom, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .list li .info .bottom .right .zan, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .list li .info .bottom .right .comment, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .top span.s, :where(html[data-theme="dark"]) .view-footer .page-now, :where(html[data-theme="dark"]) .view-footer .page-list a, :where(html[data-theme="dark"]) .view-chapter .tip, :where(html[data-theme="dark"]) .view-chapter .chapters, :where(html[data-theme="dark"]) .view-chapter .chapters ul li a, :where(html[data-theme="dark"]) .view-win-3 .list a .gary, :where(html[data-theme="dark"]) .view-win-3 .bottom .s, :where(html[data-theme="dark"]) .view-win-3 .bottom .s a, :where(html[data-theme="dark"]) .view-win-3 .main .s, :where(html[data-theme="dark"]) .view-win-3 .main .s a, :where(html[data-theme="dark"]) .view-pay-form .top .tip, :where(html[data-theme="dark"]) .footer, :where(html[data-theme="dark"]) .footer .footer-left .link span a, :where(html[data-theme="dark"]) .view-comment-main .list li .info .comment-item .code, :where(html[data-theme="dark"]) .hover .hover-list .block .title a, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .tip, :where(html[data-theme="dark"]) .new-tip { color: var(--dk-text-3); } :where(html[data-theme="dark"]) .view-header .right-bar .login, :where(html[data-theme="dark"]) .view-header .right-bar a, :where(html[data-theme="dark"]) .view-header .right-bar .bookshelf, :where(html[data-theme="dark"]) .view-header .right-bar .collection, :where(html[data-theme="dark"]) body.white .view-header .ctitle a, :where(html[data-theme="dark"]) .view-header-2 .right-bar .login, :where(html[data-theme="dark"]) .view-header-2 .right-bar .bookshelf, :where(html[data-theme="dark"]) .view-header-2 .right-bar .collection, :where(html[data-theme="dark"]) body.white .view-paging, :where(html[data-theme="dark"]) body.white .view-paging a, :where(html[data-theme="dark"]) body.white .view-paging span, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page a, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page span, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page a, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page span, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .list li .info .content, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .top .page a, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .bottom-page a, :where(html[data-theme="dark"]) .view-comment-sub .works .list li .info .subtitle, :where(html[data-theme="dark"]) body.theme-white .view-footer .page-list a:hover, :where(html[data-theme="dark"]) body.theme-white .view-footer .page-list a.active, :where(html[data-theme="dark"]) body.theme-white .view-chapter .chapters .top .active, :where(html[data-theme="dark"]) body.theme-white .view-chapter .chapters ul li a.active, :where(html[data-theme="dark"]) body.theme-white .view-chapter .chapters ul li a:hover, :where(html[data-theme="dark"]) body.theme-white .view-left-comment .view-comment-main .top .close, :where(html[data-theme="dark"]) .view-win .title .view-code, :where(html[data-theme="dark"]) .view-win .title .view-collection, :where(html[data-theme="dark"]) .view-win .title .view-btn-back, :where(html[data-theme="dark"]) .view-win .view-rec .info .desc, :where(html[data-theme="dark"]) .view-win .view-rec .info .desc a, :where(html[data-theme="dark"]) .view-win .index-manga-list li .subtitle, :where(html[data-theme="dark"]) .view-win-2 .content, :where(html[data-theme="dark"]) .view-win-3 .bottom .tip, :where(html[data-theme="dark"]) .view-win-3 .main .tip, :where(html[data-theme="dark"]) .view-pay-form .top .bottom, :where(html[data-theme="dark"]) .view-pay-form .top .bottom a, :where(html[data-theme="dark"]) .view-pay-form .top .bottom .view-btn, :where(html[data-theme="dark"]) .view-pay-form .main .tip, :where(html[data-theme="dark"]) .view-pay-form .main .bottom label, :where(html[data-theme="dark"]) .view-pay-form .view-sales, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body .close, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal .foot, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal .foot .other-btn, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal > div .logs table td, :where(html[data-theme="dark"]) .account-login-form .form-wrap .verify .reloadimg, :where(html[data-theme="dark"]) .account-login-form .form-wrap .options, :where(html[data-theme="dark"]) .account-login-form .form-wrap .options .find-pwd a, :where(html[data-theme="dark"]) .account-login-form .three dt, :where(html[data-theme="dark"]) .hover .hover-user .block .top .info .title, :where(html[data-theme="dark"]) .hover .hover-user .block .line, :where(html[data-theme="dark"]) .hover .hover-user .block .bottom a, :where(html[data-theme="dark"]) .hover .hover-list .block ul li .info .subtitle, :where(html[data-theme="dark"]) .hover .hover-list .block ul li .info .tip, :where(html[data-theme="dark"]) .right-bar .read-style, :where(html[data-theme="dark"]) .right-bar .read-style-con .info, :where(html[data-theme="dark"]) .warning-bar p, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .top .select a, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .cover span, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .info .subtitle-new, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .info .tip, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .num, :where(html[data-theme="dark"]) .new-tip a { color: var(--dk-text-2); } :where(html[data-theme="dark"]) body.white .view-header, :where(html[data-theme="dark"]) body.theme-white .view-header-2, :where(html[data-theme="dark"]) body.white .view-header-2, :where(html[data-theme="dark"]) body.white .view-comment-main .list li.solid, :where(html[data-theme="dark"]) body.white .view-comment-main .list li.dashed .info, :where(html[data-theme="dark"]) body.white .view-comment-main .top, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .list li.solid, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .list li.dashed .info, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .top, :where(html[data-theme="dark"]) .view-comment-sub .works .top, :where(html[data-theme="dark"]) .hover .hover-list .block ul li, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .top { border-bottom-color: var(--dk-line); } :where(html[data-theme="dark"]) body.white .view-paging a, :where(html[data-theme="dark"]) body.white .view-paging span, :where(html[data-theme="dark"]) .view-comment-main .list li .info textarea, :where(html[data-theme="dark"]) body.theme-white.vip .view-comment-main .top.new, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page a, :where(html[data-theme="dark"]) body.white .view-comment-main .top .page span, :where(html[data-theme="dark"]) body.white .view-comment-main, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info textarea, :where(html[data-theme="dark"]) body.white .view-comment-main .child-list li .info textarea, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page a, :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-page span, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .top .page a, :where(html[data-theme="dark"]) body.theme-white .view-comment-main, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .list li .info textarea, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .child-list li .info textarea, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .bottom-page a, :where(html[data-theme="dark"]) body.white .view-comment-sub .code-bar, :where(html[data-theme="dark"]) body.white .view-comment-sub .works, :where(html[data-theme="dark"]) .view-footer .comment-btn, :where(html[data-theme="dark"]) .view-footer .comment-input, :where(html[data-theme="dark"]) body.theme-white .view-footer .page-list, :where(html[data-theme="dark"]) body.theme-white .view-chapter .tip, :where(html[data-theme="dark"]) .view-win .title .view-btn-back, :where(html[data-theme="dark"]) .view-win-3 .list a, :where(html[data-theme="dark"]) .view-pay-form .top, :where(html[data-theme="dark"]) .view-pay-form .top .bottom .view-btn, :where(html[data-theme="dark"]) .view-pay-form .main, :where(html[data-theme="dark"]) .white .rightToolBar, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal .foot .other-btn, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal > div, :where(html[data-theme="dark"]) .account-login-form .form-wrap input[type='text'], :where(html[data-theme="dark"]) .account-login-form .form-wrap input[type="password"], :where(html[data-theme="dark"]) .view-comment-main .list li .info .comment-item .code input, :where(html[data-theme="dark"]) .hover .hover-user .block, :where(html[data-theme="dark"]) .hover .hover-list .block, :where(html[data-theme="dark"]) .right-bar .read-style-con .info, :where(html[data-theme="dark"]) .warning-bar a, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga { border-color: var(--dk-line); } :where(html[data-theme="dark"]) .view-comment-main .top span.s { border-right-color: var(--dk-line); } :where(html[data-theme="dark"]) body.white .view-comment-main .top span, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .top span, :where(html[data-theme="dark"]) body.white .view-comment-main .list li .info .title, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .list li .info .title, :where(html[data-theme="dark"]) .view-comment-sub .code-bar .info p, :where(html[data-theme="dark"]) .view-comment-sub .works .top, :where(html[data-theme="dark"]) .view-comment-sub .works .list li .info .title, :where(html[data-theme="dark"]) .view-comment-sub .works .list li .info .title a, :where(html[data-theme="dark"]) .view-win .title .view-voice, :where(html[data-theme="dark"]) .view-win .title .view-tick, :where(html[data-theme="dark"]) .view-win .title .view-code .code span, :where(html[data-theme="dark"]) .view-win .view-win-list li a, :where(html[data-theme="dark"]) .view-win .view-rec .info .titleBar, :where(html[data-theme="dark"]) .view-win .view-rec .info .titleBar a, :where(html[data-theme="dark"]) .view-win .view-rec .info .subtitle, :where(html[data-theme="dark"]) .view-win .index-manga-list li .titleBar, :where(html[data-theme="dark"]) .view-win .index-manga-list li .titleBar a, :where(html[data-theme="dark"]) .view-win .index-manga-list li .new, :where(html[data-theme="dark"]) .view-win-2 .title, :where(html[data-theme="dark"]) .view-win-2 .subtitle, :where(html[data-theme="dark"]) .view-win-3 .title, :where(html[data-theme="dark"]) .view-win-3 .view-info, :where(html[data-theme="dark"]) .view-win-3 .list a, :where(html[data-theme="dark"]) .view-pay-form .title, :where(html[data-theme="dark"]) .view-pay-form .top .subtitle, :where(html[data-theme="dark"]) .view-pay-form .main .subtitle, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal h2, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.vip-modal .desc, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.login-modal h1, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal h1, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal > div .logs table th, :where(html[data-theme="dark"]) .phone .code p, :where(html[data-theme="dark"]) .hover .hover-list .block .title, :where(html[data-theme="dark"]) .hover .hover-list .block .login-title, :where(html[data-theme="dark"]) .hover .hover-list .block ul li .info .title a, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .top, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .info .title, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .info .title a, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .info .subtitle, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .info .subtitle a, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .title, :where(html[data-theme="dark"]) .white .new-tip a { color: var(--dk-text); } :where(html[data-theme="dark"]) body.white .view-comment-main .child-list, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .child-list, :where(html[data-theme="dark"]) .view-win .view-win-list li, :where(html[data-theme="dark"]) .view-pay-form .top .bottom .view-btn, :where(html[data-theme="dark"]) body.white .footer, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li .cover span, :where(html[data-theme="dark"]) body.theme-white .new-tip, :where(html[data-theme="dark"]) body.white .new-tip { background-color: var(--dk-surface-2); } :where(html[data-theme="dark"]) body.white .view-comment-main .bottom-bar, :where(html[data-theme="dark"]) body.theme-white .view-comment-main .bottom-bar, :where(html[data-theme="dark"]) body.theme-white .view-footer, :where(html[data-theme="dark"]) body.theme-white .view-chapter .chapters .top, :where(html[data-theme="dark"]) body.theme-white .view-chapter .chapters ul, :where(html[data-theme="dark"]) .view-pay-form .top .bottom, :where(html[data-theme="dark"]) .view-pay-form .main .bottom, :where(html[data-theme="dark"]) .modal-wrap .modal .modal-body.paydetail-modal > div .logs table td, :where(html[data-theme="dark"]) .view-comment .view-comment-sub .sub-manga .list li, :where(html[data-theme="dark"]) body.theme-white .new-tip, :where(html[data-theme="dark"]) body.white .new-tip { border-top-color: var(--dk-line); } :where(html[data-theme="dark"]) .view-footer .comment-btn { color: var(--dk-text-3) !important; } :where(html[data-theme="dark"]) body.theme-white .view-chapter .chapters { border-left-color: var(--dk-line); } :where(html[data-theme="dark"]) .view-win .view-win-list li a:hover { background-color: var(--dk-accent-dim); } :where(html[data-theme="dark"]) .account-login-form .three dt:before, :where(html[data-theme="dark"]) .account-login-form .three dt:after { background-color: var(--dk-line); } /* ------------------------------------------------------------------ BANG QUAY TRANG CHU PC - sinh tu lunbo.css ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ Style viet thang trong template (thuoc tinh style="...") Mau nam trong thuoc tinh style thang tren the HTML thi khong stylesheet nao de len duoc, tru khi dung !important. Thay vi sua rai rac ~20 file template, bat dung cac the do bang selector theo chuoi con. Them mau moi vao template thi nho them mot dong o day. ------------------------------------------------------------------ */ html[data-theme="dark"] [style*="background:#fff"], html[data-theme="dark"] [style*="background: #fff"], html[data-theme="dark"] [style*="background-color:#fff"], html[data-theme="dark"] [style*="background-color: #fff"] { background-color: var(--dk-surface) !important; } html[data-theme="dark"] [style*="background:#f5f5f5"], html[data-theme="dark"] [style*="background: #f5f5f5"], html[data-theme="dark"] [style*="background-color:#f8f8f8"], html[data-theme="dark"] [style*="background-color: #f8f8f8"], html[data-theme="dark"] [style*="background-color:#f5f5f5"] { background-color: var(--dk-surface-2) !important; } /* Cac trang tinh (gioi thieu, lien he, DMCA, bao mat, sitemap) viet mau chu thang tren the: h1 #333, h2 #444, p/li #555. Thieu ba mau nay thi toan bo noi dung cac trang do la chu den tren nen den - do duoc 1.38:1 tren m.tranh18.cc/about ngay 31/08/2026. */ html[data-theme="dark"] [style*="color:#333"], html[data-theme="dark"] [style*="color: #333"], html[data-theme="dark"] [style*="color:#252525"], html[data-theme="dark"] [style*="color: #252525"], html[data-theme="dark"] [style*="color:#000"], html[data-theme="dark"] [style*="color: #000"] { color: var(--dk-text) !important; } html[data-theme="dark"] [style*="color:#444"], html[data-theme="dark"] [style*="color: #444"], html[data-theme="dark"] [style*="color:#555"], html[data-theme="dark"] [style*="color: #555"], html[data-theme="dark"] [style*="color:#666"], html[data-theme="dark"] [style*="color: #666"] { color: var(--dk-text-2) !important; } html[data-theme="dark"] [style*="color:#999"], html[data-theme="dark"] [style*="color: #999"] { color: var(--dk-text-3) !important; } html[data-theme="dark"] [style*="border:1px solid #eee"], html[data-theme="dark"] [style*="border: 1px solid #eee"] { border-color: var(--dk-line) !important; } /* ------------------------------------------------------------------ Khi selector theo chuoi con KHONG bat duoc Cach bat o tren chi hieu luc khi thuoc tinh style giu nguyen van ban da viet trong template. Nhung co phan tu bi JAVASCRIPT ghi lai style luc chay - trinh duyet chuan hoa lai gia tri, `#f8f8f8` thanh `rgb(248, 248, 248)` va `border:none` thanh 4 thuoc tinh longhand. Luc do [style*="background-color:#f8f8f8"] khong con khop. Do la truong hop cua .manga-list o trang the loai / moi cap nhat / tu truyen: do tren m.tranh18.cc ngay 31/08/2026 ra mot mang trang 390x1057 voi ten truyen 1.13:1. Cho nhung phan tu nay phai chi dinh thang bang class, kem !important de thang style noi tuyen. ------------------------------------------------------------------ */ html[data-theme="dark"] .manga-list, html[data-theme="dark"] .manga-list-2, html[data-theme="dark"] .book-list { background-color: var(--dk-surface) !important; } /* Bang thong bao dau trang dang nhap/dang ky: nen xam #a1a1a1 + chu trang, chi dat 2.58:1 o CA HAI giao dien. O giao dien toi thi ha nen xuong mau toi de chu trang doc duoc han. */ html[data-theme="dark"] .account-tip { background-color: var(--dk-surface-3) !important; color: var(--dk-text); } /* ------------------------------------------------------------------ Icon PNG mot mau, mau toi 14 file anh duoi day la icon don sac ve bang muc toi (mui ten, kinh lup, o khoa...). Tren nen sang chung hien binh thuong; sang nen toi thi bien mat. Dao mau cho rieng chung. Danh sach nay lay bang cach do do sang va do bao hoa cua tung file, khong phai doan - anh nhieu mau (logo, banner, anh bia) khong nam trong day va khong bi dung toi. ------------------------------------------------------------------ */ html[data-theme="dark"] img[src*="normal-top-back"], html[data-theme="dark"] img[src*="top-right-search"], html[data-theme="dark"] img[src*="wallet-menu-arrow"], html[data-theme="dark"] img[src*="center-main-right"], html[data-theme="dark"] img[src*="center-main-list-logo-1"], html[data-theme="dark"] img[src*="center-main-list-logo-2"], html[data-theme="dark"] img[src*="center-main-list-logo-3"], html[data-theme="dark"] img[src*="selector-top-right"], html[data-theme="dark"] img[src*="buy-manga-right"], html[data-theme="dark"] img[src*="detail-bottom-1"], html[data-theme="dark"] img[src*="detail-bottom-2"], html[data-theme="dark"] img[src*="reward.png"], html[data-theme="dark"] img[src*="messages.png"], html[data-theme="dark"] img[src*="lock.png"], html[data-theme="dark"] img[src*="key.png"] { filter: invert(1) brightness(.92); } /* ------------------------------------------------------------------ Banner trang truyen - link nam tren anh bia Khu banner lay chinh anh bia lam nen (lam mo). Do sang cua nen do la cua TUNG BO TRUYEN, khong doan truoc duoc: bia toi thi thanh nen toi, bia la mot trang truyen trang thi thanh nen gan trang. Chu xung quanh (ten truyen, bi danh, tac gia) da duoc thiet ke cho tinh huong do - mau trang kem text-shadow. Rieng cac link the loai / tag thi KHONG he co rule mau nao, nen o giao dien sang chung an theo mau link mac dinh cua trinh duyet (xanh), con o giao dien toi thi an theo mau chu chung (xam) - va xam tren mot tam bia sang thi doc khong ra. Cho chung dung mau va bong do giong cac dong ben canh. ------------------------------------------------------------------ */ html[data-theme="dark"] .detail-main-info-class a, html[data-theme="dark"] .detail-main-info-author a, html[data-theme="dark"] .banner_detail_form .info .subtitle a, html[data-theme="dark"] .banner_detail_form .info .block a { color: #ffffff; text-shadow: 0 1px 4px rgba(0, 0, 0, .85); } /* ------------------------------------------------------------------ Widget binh luan (cmt.css) cmt.css tu chon bang mau bang @media (prefers-color-scheme). Neu de nguyen thi se lech: he dieu hanh sang + site toi -> khung binh luan trang giua trang toi. Buoc no bam theo theme cua site thay vi theo he dieu hanh. Selector o day (0,2,1) thang selector trong cmt.css (0,2,0). ------------------------------------------------------------------ */ html[data-theme="light"] .cmt-wrap, html[data-theme="light"] .cmt-bell, html[data-theme="light"] .cmt-ac, html[data-theme="light"] .cmt-picker { --cmt-bg: #ffffff; --cmt-bg-soft: #f5f6f8; --cmt-bg-hover: #eceef2; --cmt-border: #e2e5ea; --cmt-text: #1c1e21; --cmt-text-dim: #606770; --cmt-text-mute: #8a8d91; --cmt-accent-dim:#ffe9f0; } html[data-theme="dark"] .cmt-wrap, html[data-theme="dark"] .cmt-bell, html[data-theme="dark"] .cmt-ac, html[data-theme="dark"] .cmt-picker { --cmt-bg: #17181c; --cmt-bg-soft: #1e2026; --cmt-bg-hover: #24262e; --cmt-border: #2c2f38; --cmt-text: #e6e7ea; --cmt-text-dim: #9aa0a6; --cmt-text-mute: #6b7078; --cmt-accent-dim:#3a2029; } /* ------------------------------------------------------------------ Nut chuyen theme - PC (nam trong .header-bar) ------------------------------------------------------------------ */ /* Nut nam giua cac the anh em trong .header-bar, nen phai go het style mac dinh cua