:root.darkmode {
	--bg_base: #11100f;
	--bg_black: white;
	--bg_blackcalm: #343434;
	--bg_white: #0C0C0C;
	--bg_new: #303030;
	--bg_silver: #252525;
	--bg_silvercalm: #373737;
	--bg_green: #126535;
	--bg_greencalm: #446c55;
	--bg_greensoft: #edfeec; /**belum**/
	--bg_red: #982319;
	--bg_redsoft: #633d3a;
	--bg_orange: #6b3b10;
	--bg_yellow: #837200;
	--bg_yellowcalm: #766b45;
	--bg_tosca: #68BEA2; /**belum**/
	--bg_purple: #9b59b6; /**belum**/
	--bg_purplecalm: #84B9F7; /**belum**/
	--bg_bluecalm: #2c648a;
	--bg_blue: #002aaf;
	--bg_bluesoft: #2a3a6f;
	--bg_line: #51565b;
	--bg_hover: #1b1b1b;
	
	--bg_blurblack: rgba(0, 0, 0, 0.25); /**belum**/
	--bg_premium: #e89900; /**belum**/
	--bg_premium_base: rgba(52, 52, 52, 0.50); /**belum**/
	
	--bg_novel: #20bf6b; /**belum**/
	--bg_comic: #0fb9b1; /**belum**/
	--bg_script: #fa8231; /**belum**/
	--bg_flash: #eb3b5a; /**belum**/
	--bg_short: #A47E3B; /**belum**/
	--bg_poetry: #7f8c8d; /**belum**/
	--bg_artwork: #a55eea; /**belum**/
	--bg_market: #1C6758; /**belum**/
	--bg_academy: #232323; /**belum**/
	
	--tokopedia: #42b549; /**belum**/
	--shopee: #EE4D2D; /**belum**/
	
	--bg_alert_green: #002aaf; /**2ecc71**/
	--bg_alert_orange: #e67e22;
	--bg_alert_red: #e74c3c;
	--bg_alert_red_calm: #FFECEC;
	
	--text_white: #0d0d0d;
	--text_silver: #888888;
	--text_blue: #6a8dff;
	--text_black: #dddddd;
	--text_red: #fb4131;
	--text_orange: #e67e22;
	--text_green: #2ecc71;
	
	--shadow: rgba(13, 35, 140, 0.13);
	--shadowNavbar: #1f1f1f;
	--input_border: #252525;
}

/********ICON******/
.darkmode .icon_navbar_timeline{background-image: url('../../../images/icon/dark/navbar_timeline.png');}
.darkmode .icon_navbar_cart{background-image: url('../../../images/icon/dark/navbar_cart.png');}
.darkmode .icon_navbar_notif{background-image: url('../../../images/icon/dark/navbar_notif.png');}
.darkmode .icon_navbar_message{background-image: url('../../../images/icon/dark/navbar_message.png');}
.darkmode .icon_navbar_author{background-image: url('../../../images/icon/dark/navbar_author.png');}
.darkmode .icon_navbar_collection{background-image: url('../../../images/icon/dark/navbar_collection.png');}
.darkmode .icon_navbar_voucher{background-image: url('../../../images/icon/dark/navbar_voucher.png');}
.darkmode .icon_navbar_settings{background-image: url('../../../images/icon/dark/navbar_settings.png');}
.darkmode .icon_navbar_logout{background-image: url('../../../images/icon/dark/navbar_logout.png');}
.darkmode .icon_delete{background-image: url('../../../images/icon/all/delete_silver.png');}
.darkmode .icon_favorite_black{background-image: url('../../../images/icon/dark/favorite_black.png');}
.darkmode .icon_message_new{background-image: url('../../../images/icon/dark/message_new.png');}
.darkmode .icon_message_mark_unread{background-image: url('../../../images/icon/dark/message_mark_unread.png');}
.darkmode .icon_notif_unread{background-image: url('../../../images/icon/dark/notif_unread.png');}
.darkmode .icon_sc_ig{background-image: url('../../../images/icon/dark/sc_ig.png');}
.darkmode .icon_sc_tiktok{background-image: url('../../../images/icon/dark/sc_tiktok.png');}
.darkmode .icon_sc_x{background-image: url('../../../images/icon/dark/sc_x.png');}
.darkmode .icon_love_black{background-image: url('../../../images/icon/all/love_silver.png');}
.darkmode .icon_share{background-image: url('../../../images/icon/all/share_silver.png');}
.darkmode .icon_arrow_left_black{background-image: url('../../../images/icon/all/arrow_left_white.png');}
.darkmode .icon_close_black{background-image: url('../../../images/icon/all/close_white.png');}
.darkmode .icon_more_vertical_black{background-image: url('../../../images/icon/all/more_dot_white.png');}
.darkmode .icon_flag{background-image: url('../../../images/icon/dark/flag.png');}
.darkmode .icon_close_white{background-image: url('../../../images/icon/all/close_black.png');}
.darkmode .icon_focus{background-image: url('../../../images/icon/dark/focus.png');}
/* .icon_focus_hide{background-image: url('../../../images/icon/all/focus_hide.png');} */
.darkmode .icon_head_list{background-image: url('../../../images/icon/dark/head_list.png');}
.darkmode .icon_qrcode{background-image: url('../../../images/icon/dark/qrcode.png');}

.darkmode .icon_share_timeline{background-image: url('../../../images/icon/dark/share_timeline.png');}

.darkmode .icon_status_sound{background-image: url('../../../images/icon/dark/status_sound.png');}
.darkmode .icon_status_mute{background-image: url('../../../images/icon/dark/status_mute.png');}

.darkmode .icon_post_emot{background-image: url('../../../images/icon/dark/post_emot.png');}
.darkmode .icon_post_sticker{background-image: url('../../../images/icon/dark/post_sticker.png');}
.darkmode .icon_post_photo{background-image: url('../../../images/icon/dark/post_photo.png');}
.darkmode .icon_post_works{background-image: url('../../../images/icon/dark/post_works.png');}

.darkmode .icon_sidebar_profile_timeline{background-image: url('../../../images/icon/dark/sidebar_profile_timeline.png');}
.darkmode .icon_sidebar_profile_works{background-image: url('../../../images/icon/dark/sidebar_profile_works.png');}
.darkmode .icon_sidebar_profile_review{background-image: url('../../../images/icon/dark/sidebar_profile_review.png');}
.darkmode .icon_sidebar_profile_about{background-image: url('../../../images/icon/dark/sidebar_profile_about.png');}
.darkmode .icon_sidebar_settings_identity{background-image: url('../../../images/icon/dark/sidebar_settings_identity.png');}
.darkmode .icon_sidebar_settings_login{background-image: url('../../../images/icon/dark/sidebar_settings_login.png');}
.darkmode .icon_sidebar_settings_personalization{background-image: url('../../../images/icon/dark/sidebar_settings_personalization.png');}
.darkmode .icon_sidebar_settings_privacy{background-image: url('../../../images/icon/dark/sidebar_settings_privacy.png');}
.darkmode .icon_sidebar_settings_block{background-image: url('../../../images/icon/dark/sidebar_settings_block.png');}
.darkmode .icon_sidebar_settings_phone{background-image: url('../../../images/icon/dark/sidebar_settings_phone.png');}

.darkmode .icon_order_list_all{background-image: url('../../../images/icon/dark/order_list_all.png');}
.darkmode .icon_order_list_process{background-image: url('../../../images/icon/dark/order_list_process.png');}
.darkmode .icon_order_list_success{background-image: url('../../../images/icon/dark/order_list_success.png');}
.darkmode .icon_order_list_failed{background-image: url('../../../images/icon/dark/order_list_failed.png');}

/********ALL******/
.darkmode #navbar .navMain .nmOption .nmoBox .navicon > div:first-child > div,
.darkmode #navbar .nmWallet .nmwKunci > div:nth-child(3) > div,
.darkmode #navbar .navsub .nsOpt .noCount,
.darkmode .button_group button,
.darkmode .button_group button.active,
.darkmode #alert > div > div,
.darkmode .card_class_box .ccBox .cbCover > span:nth-child(2),
.darkmode .card_competition > a > div > div:first-child > div,
.darkmode .compHead > div:first-child > div > div,
.darkmode .dis_shuffle > div:nth-child(2) > div:first-child,
.darkmode .list_hashtag > div:last-child > a > div,
.darkmode .card_hzl_market_items .cnt_card .ccBox .cbCover > div:nth-child(2),
.darkmode .card_review_users .title > div > div:first-child,
.darkmode .card_review_users .cruBox .cbTop span,
.darkmode .menu_horizontal .cnt_card > a.active .mhItem,
.darkmode .popup_login > div:first-child > div > span,
.darkmode .academy_welcome,
.darkmode .wk_banner .wbBtnRead > div > div,
.darkmode .wk_banner .wbContent .wbcOptions > div,
.darkmode .wk_banner .wbInfo .wiTxt,
.darkmode .wk_options .woMenu .womCount,
.darkmode .wallet_payment_preview .wpOpt > div,
.darkmode .wallet_payment_preview .wpKunci:hover > div:first-child,
.darkmode .card_conversation .ccItems.cc_you .ciContent,
.darkmode .popup_content_tab > div:first-child > div.active,
.darkmode .s_search_list .ssl_tags > a > div,
.darkmode .wallet_box,
.darkmode .btn{
    color: var(--text_black);
}

.darkmode .wk_banner .wbContent .wbcInfo .wbciGenre > a,
.darkmode .wk_banner .wbContent > div:nth-child(2){
	color: var(--text_white);
}

.darkmode #navbarBrowse > div{background: var(--bg_silver);}
.darkmode #navbar .nmWallet > div{background: var(--bg_bluesoft);}
.darkmode #navbar .nmList > a:not(:hover){background: var(--bg_blurblack);}
.darkmode #navbar .navsub .nsOpt > a > div:before{background: var(--bg_black);}
.darkmode #navbar .nn_options > span{color: var(--bg_alert_red);}

.darkmode .mainFeature{border: 1px solid transparent; background: var(--bg_white);}

.darkmode .card_hzl_leaverev > div,
.darkmode .mainFeature .mfBox{
	border: 1.5px solid var(--bg_blackcalm);
}

.darkmode .talk_live > div,
.darkmode .title > div:nth-child(2):before{
	background: var(--bg_blackcalm);
}

.darkmode .menuGenreScroll{margin-top: 15px;}
.darkmode .dd_canvas{border: 1px solid var(--bg_line);}

.darkmode .status_box{background: var(--bg_bluecalm);}

.darkmode .card_notif_list{background: var(--bg_white); border-radius: 10px; border: 1px solid var(--bg_line);}
.darkmode .nov_chapter_option{background: var(--bg_base);}

.darkmode .wk_template_simple .wlCount > div{background: var(--bg_purplecalm); color: var(--text_white);}
.darkmode .wk_options .woMenu > a.active > div:before{background: var(--bg_black);}
.darkmode .wk_tablecontent > a:hover > div{border: 1px solid var(--bg_purplecalm);}

.darkmode .work_part_lock .wplOpt .woBtn > div:nth-child(3) > div:nth-child(2) span{background: var(--bg_greensoft);}

.darkmode .talk_view .tvVideo,
.darkmode .status_box .sb2 .stsAttach > span > div,
.darkmode .status_box .sb2 .stsAttachShow .sasWork{
	background: var(--bg_white);
}

.darkmode .list_hashtag > div:first-child > div > div,
.darkmode .scroll_card > div > div{
	background: var(--bg_purplecalm);
}