Bing Darkmode V0.3

html,
body {
    --accent: #006dde;
    --bg-main: #111;
    --bg-dark: #181818;
    --bg-light: #282828;
    --bg-accent: #383838;
    --code-font: #ccc;
    --code-bg: #000;
    --code-bg-accent: #080808;
    --font-color: #aaa;
    --font-disabled: #777;
    --link-cite: #6a6;
    --link-color: #aaa;
    --link-hover: #ccc;
    --link-visited: #66a;
    --home-bgimg-grayscale: 0.5;
    --home-bgimg-brightness: 0.5;
    color: var(--font-color);
    background-color: var(--bg-main);
}

#b_header {
    background-color: var(--bg-dark);
    border-bottom: var(--bg-accent);
}

.b_searchboxForm,
.b_searchboxForm:hover,
body .b_searchboxForm {
    border-radius: 3px;
    background-color: var(--bg-main);
    border: 1px solid var(--bg-light);
}

#hp_container #sw_as .sa_as:not(.sa_nw) #sa_ul:not(:empty) {
    background-color: var(--bg-main);
    border: 1px solid var(--bg-light);
}

.MicrosoftMap .taskBar .searchbox,
.ctxt,
select,
input[type="text"] {
    color: var(--font-color);
    border: 1px solid var(--bg-light);
    border-radius: 3px;
    background-color: var(--bg-main);
}

.dcajx.dcsbxhdr .dcbtn {
    color: var(--font-color);
    border: 1px solid var(--bg-accent);
    border-radius: 3px;
    background-color: var(--bg-dark);
}

.ctxt:focus,
select:focus,
input[type="text"]:focus {
    color: var(--font-color);
    border-color: var(--bg-accent);
}

body .b_searchbox,
.b_searchbox,
.vs_cont,
#sw_as #sa_ul .sa_hd {
    background-color: var(--bg-main);
    color: var(--font-color);
}

.carousel .lightcar .item .card,
.MicrosoftMap .taskBar,
#b_content,
#hp_bottomCell #b_footer,
#miniheader table,
#sw_as .sa_hv,
#sw_as .sa_sg {
    background-color: var(--bg-main);
}

.b_searchboxForm .b_searchboxSubmit,
#rfPane,
.dg_b {
    border-color: #fff0;
    background-color: #fff0;
}


.cp_Footer a:visited {
    color: var(--link-visited) !important;
}

a,
.b_scopebar,
.b_scopebar a,
.b_scopebar a:hover,
.b_scopebar a:visited,
.b_scopebar .b_active a,
.carousel a,
.cp_Footer a,
.id_button,
.id_button:hover,
.MicrosoftMap .as_container a,
.wiki_big .dataVC,
.vs_link,
a.vs_link,
#b_results > li a,
#b_results .MicrosoftMap .as_container a,
#rdcans .rdc_readmoretext,
#sw_as a,
#sw_as #b_results .b_no a,
#sw_as #b_tween a {
    color: var(--link-color);
}

a:visited,
a.vs_link:visited,
.cp_CrossPromo .cp_Footer a:visited,
.id_button:visited,
.vs_link:visited,
#b_results > li a:visited,
#sw_as a:visited,
#sw_as #b_results > li a:visited,
#sw_as #b_tween a:visited {
    color: var(--link-visited);
}

.b_scopebar .b_active {
    border-bottom: 3px solid var(--accent);
}


.MicrosoftMap .taskBar > ul li div.searchButton,
#b_context .b_ans,
#b_context #wpc_ag,
#b_results > li {
    background-color: #fff0;
}

.MicrosoftMap .taskBar > ul li.inputbox input {
    background-color: #fff0 !important;
}


cite,
#b_results cite.sb_crmb a,
#b_results cite a.sb_metalink,
#b_results .b_adurl cite a,
#bk_wr_container cite a {
    color: var(--link-cite);
}


.wk_textcolor,
.wk_ListOfSummaryPanes .sumry_contnt .wk_summryHdr,
.wk_ListOfSummaryPanes .sumry_contnt .rw_credits,
.wk_rewards_promo,
.wk_SummaryHashTag {
    color: var(--font-color)!important;
}


#b_results > .b_pag .sb_pagS_bp {
    color: var(--accent);
}

.b_pag a.sb_pagS_bp {
    border-color: var(--accent);
}

.b_ans.b_topborder .btm_sml a:hover,
.b_footer,
.carousel .lightcar .item .card:hover,
.carousel .lightcar .item .card-hover,
.carousel .lightcar .item.sel .card:hover,
.carousel .lightcar .item.sel .card-hover,
.dcajx.dcsbxhdr .dcbtn:hover,
.vsrewds_imgtextcont:hover {
    background-color: var(--bg-accent);
}


#sw_as .sa_as .sa_drw .sa_sg div.sa_tmHS strong,
#sw_as .sa_as .sa_drw .sa_sg .sa_tmHS {
    color: var(--link-visited);
}

.b_ans.b_topborder .btm_sml a,
.b_viewport .b_slidebar .slide,
.b_algo.b_algoBorder .wiki_big .btm_sml a:hover,
.iuscp,
.MicrosoftMap .as_container a:hover,
.vs_fact,
.vsrewds_progbar_total,
#b_results > li.b_ans.b_topborder,
#b_results > li.b_ans.b_topborder.b_tophb.b_topshad,
#b_results > .b_pag a.sb_pagP:hover,
#b_results > .b_pag a.sb_pagN:hover,
#b_results > .b_pag a:hover,
#b_results > .b_pag .sb_pagS_bp:hover,
#b_results .MicrosoftMap .as_container a:hover,
#miniheader table,
#sw_as li.pp_tile.sa_hv,
#sw_as .sa_drw,
#sw_as .sa_hv {
    background-color: var(--bg-light);
}

.b_cnvsug a,
#sw_as .sa_fd {
    background-color: var(--bg-light);
    border-color: var(--bg-accent);
    color: var(--font-color);
}

.b_cnvsug a:hover {
    background-color: var(--bg-accent);
    border-color: var(--bg-accent);
    color: var(--font-color);
}

.b_algo.b_algoBorder .wiki_big .btm_sml a,
.b_algo.b_algoBorder .wiki_big .sml.topanswer a,
.touchQuery .carousel .carousel-controls,
.touchQuery .carousel .items,
.touchQuery .carousel .item,
.touchQuery .carousel .carousel-controls .nav_left,
.touchQuery .carousel .carousel-controls .nav_right,
.inline_tile .carousel,
.MicrosoftMap .as_container_search,
.vs_iotd_bs,
.vsrewds_cont .vsrewds_module,
#b_pole .b_poleContent .btm_sml,
#b_pole .b_poleContent .heroCom,
#b_pole .heroLyricsPole,
#bopblock .carousel,
#ent-car-exp.carousel,
#ent-car-exp-img.carousel,
#pole .carousel {
    background-color: var(--bg-dark);
}

#sw_as .sa_fd:hover,
.vs_link:hover,
a.vs_link:hover {
    color: var(--link-hover);
}

.b_algoTextCarousel .b_slidebar .slide .b_text,
.b_caption,
.b_expando,
.b_footer,
.b_footer a,
.b_footer a:visited,
.b_top,
.b_top .b_promoteText,
.b_topborder .expreftext,
.b_mt .b_focusLabel,
.carousel,
.carousel_seemore .seeAll_txt,
.dc_mn,
.dc_st,
.df_alsocon,
.df_c .rwrl,
.inline_tile .carousel h2,
.inline_tile .carousel .item .card .tit,
.MicrosoftMap .taskBar > ul li.inputbox input,
.mmsp,
.na_cnt .citm_spt,
.qna_elc .rwrl,
.snippet,
.vidr .vidr_info .title,
.vs_bs_desc,
.vs_fact,
.vs_mbhpf_link,
.vs_title,
.vsrewds_desc,
.wk_btnPadding,
.wk_btnPadding div,
.wk_shareText,
#ans_nws .na_cnt .citm_spt,
#ans_nws .na_cnt .itm_tlt_snp .itm_spt,
#b_content,
#b_context,
#b_context .b_entityTitle,
#b_context #wpc_eif,
#b_results,
#b_results > .b_algo.b_algoBorder .wiki_big .btm_sml a,
#b_results > .b_algo.b_algoBorder .wiki_big .btm_sml a:visited,
#b_results > .b_top .b_focusTextExtraSmall,
#b_results > .b_top .b_focusTextExtraSmall a,
#b_results > .b_top .b_focusTextLarge,
#b_results > .b_top .b_focusTextLarge a,
#b_results > .b_top .b_focusTextMedium,
#b_results > .b_top .b_focusTextMedium a,
#b_results > .b_top .b_focusTextSmall,
#b_results > .b_top .b_focusTextSmall a,
#b_results > .b_top .b_prominentFocusLabel,
#b_results > .b_top .b_topTitle,
#b_results > .b_top .btm_sml a,
#b_results > .b_top .btm_sml a:visited,
#b_results .df_c .b_entityTitle,
#b_results .wiki_big p.b_paractl,
#cp_Header,
#df_listaa .b_bestAnswer,
#df_listaa .b_module_expansion .b_expansion_text,
#hp_bottomCell #b_footer *,
#hp_bottomCell #b_footer *:hover,
#nr_indicator h2,
#nse_p .na_cnt .itm_tlt_snp .itm_spt,
#rdcans .rdc_commentbodylineheight,
#sp_recourse,
#sp_requery,
#sw_as,
#sw_as .sa_as li.pp_tile,
#sw_as .sa_as table,
#sw_as .sa_as .b_ad .b_adlabel,
#sw_as .sa_as .b_algo .b_vList td,
#sw_as .sa_as .b_attribution,
#sw_as .sa_as .b_demoteText,
#sw_as .sa_as .b_expando .b_attribution,
#sw_as .sa_as .b_expando .b_factrow,
#sw_as .sa_as .b_expando .b_footnote,
#sw_as .sa_as .b_expando .b_secondaryText,
#sw_as .sa_as .b_expando .b_subModule,
#sw_as .sa_as .b_expando .b_suppModule,
#sw_as .sa_as .b_factrow,
#sw_as .sa_as .b_footnote,
#sw_as .sa_as .b_secondaryText,
#sw_as .sa_as .b_tHeader,
#sw_as .sa_as .ctxtb,
#sw_as .sa_as .sa_drw,
#sw_as .sa_as .sa_rmvd,
#sw_as .sa_as .sa_sg .sa_tm,
#sw_as .sa_as .sa_tm strong,
#sw_as .sa_as #sa_ul .b_focusLabel {
    color: var(--font-color);
}

.b_ad .b_adlabel,
.b_algo .b_vList td,
.b_attribution,
.b_demoteText,
.b_expando .b_attribution,
.b_expando .b_factrow,
.b_expando .b_footnote,
.b_expando .b_secondaryText,
.b_expando .b_subModule,
.b_expando .b_suppModule,
.b_factrow,
.b_focusLabel,
.b_footnote,
.b_tHeader,
.b_secondaryText,
.dc_prn,
.mmsp .autospell,
.vsrewds_searchpoints,
#b_context .b_ad .b_adlabel,
#b_context .b_attribution,
#b_context .b_factrow,
#b_context .b_footnote,
#b_content .b_lowFocusLink a,
#b_context .b_secondaryText,
#b_tween .b_dropdown a {
    color: var(--font-disabled);
}

#sw_as #sa_ul:not(:empty),
#sw_as li:last-of-type.sa_hv {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}


.nws_itm,
.nws_itmb {
    background-color: #fff1;
    border-radius: 3px;
}

.rc_vlHorizontalImage .rc_vlCard {
    background-color: #fff1;
}

#slideexp0_AB4B2c .b_slidebar .slide {
    border-radius: 3px;
}

#b_context > li > div {
    background-color: #fff1
}


#b_context .b_ans:not(:last-child) {
    border: none;
}

.va_title_mmftb:after,
.vidr_metainfo_mmftb:after {
    content: unset;
}

.vidr {
    border-radius: 3px;
    background-color: #fff1;
}

.vrhc {
    background: var(--bg-light);
    border-radius: 3px;
    color: var(--font-color);
    border: 1px solid var(--bg-dark);
}

.vrhmd {
    color: var(--font-color);
    border-color: var(--bg-accent);
}

.blue2#miniheader #sb_form_go {
    background-color: #fff0;
    border-color: var(--bg-main);
}

.cCodeBg {
    background-color: var(--code-bg);
    color: var(--code-font);
}

.tab-navl.tab-disable,
.tab-navr.tab-disable,
.tab-navl.tab-disable:hover,
.tab-navr.tab-disable:hover {
    background-color: var(--bg-light);
    color: var(--font-disabled);
}

.tab-navl.tab-disable .sv_ch,
.tab-navr.tab-disable .sv_ch {
    color: var(--font-disabled);
    fill: currentColor;
    opacity: 1;
}

.tab-navl,
.tab-navr,
.vsrewds_imgtextcont {
    background-color: var(--bg-light);
    color: var(--font-color);
}

.tab-navl:hover,
.tab-navr:hover {
    background-color: var(--bg-accent);
    color: var(--font-color);
}

.tab-navl .sv_ch,
.tab-navr .sv_ch {
    color: var(--font-color);
    fill: currentColor;
    opacity: 1;
}

/* Because of generated content, we must abuse the !important tag here */
.tab-menu .tab-active {
    color: var(--accent) !important;
    box-shadow: inset 0 -3px 0 0 currentColor !important;
    background-color: var(--bg-light) !important;
}

.tab-menu .tab-active:hover {
    color: var(--accent) !important;
    box-shadow: inset 0 -1px 0 0 currentColor !important;
    background-color: var(--bg-accent) !important;
}

.tab-menu li {
    background-color: var(--bg-light) !important;
    color: var(--font-disabled) !important;
}

.tab-menu li:hover {
    background-color: var(--bg-accent) !important;
    color: var(--font-color) !important;
    box-shadow: inset 0 -3px 0 0 currentColor !important;
}

.MicrosoftMap .taskBar .action a:hover,
.MicrosoftMap .taskBar .action a:active,
.MicrosoftMap .taskBar a.shareIcon.pressed,
.MicrosoftMap .taskBar a.trafficIcon.selected,
.MicrosoftMap .taskBar a.moreIcon.selected,
.MicrosoftMap .taskBar a.fullScreenIcon.selected {
    background-color: var(--bg-dark) !important;
}

.vs_mbhpf {
    background-color: var(--bg-dark);
    color: var(--font-color);
}

#df_listaa,
.carousel .lightcar .item .card {
    background-color: var(--bg-light);
    border-radius: 3px;
}

.b_ans .b_traits,
.vsrewds_dashboardlink {
    color: var(--accent);
}

.MicrosoftMap .as_container_search .asOuterContainer,
#df_listaa .b_module_expansion .b_expansion_wrapper.b_expand,
#df_listaa .b_module_expansion .b_expansion_wrapper.b_collapse {
    border-color: var(--bg-accent);
}

.dictline,
.df_topAlAs .b_module_expansion_control.b_module_head > .b_module_expansion .b_expansion_wrapper,
.cp_LineSep,
body #b_pole .b_poleContent {
    border-top: 1px solid var(--bg-accent);
}

body #b_pole .b_poleContent {
    border-bottom: 1px solid var(--bg-accent);
}

.cp_LineSep {
    margin: 11px -19px 11px;
}




hr.df_f,
hr.df_fn {
    color: var(--bg-accent);
    background-color: var(--bg-accent);
}

.techc_linehl {
    background-color: var(--code-bg-accent);
}

.df_y,
.df_n {
    filter: grayscale(1);
}




.sb_pagP_bp:hover:after,
.sb_pagP_bp:active:after,
.sb_pagP_bp:focus:after {
    left: -781px;
}

.sb_pagN_bp:hover:after,
.sb_pagN_bp:active:after,
.sb_pagN_bp:focus:after {
    left: -697px
}

.carousel_seemore .seeAll_chev,
.wk_ListOfSummaryPanes .rw_icon .cico,
.vsrewds_searchimg {
    filter: grayscale(1);
}

.inline_tile .carousel {
    color: var(--bg-main);
}

.inline_tile .carousel .item .card {
    outline: 1px solid var(--bg-dark);
}

.vsrewds_img_btn {
    border: 1px solid var(--bg-dark);
}

.mbhpf_link_cont {
    border: 1px solid var(--font-color);
}

#hp_container .hpsp svg.shareicon path,
#hp_container .hpfp svg.shareicon path,
#hp_container .hpfp svg.shareicon polygon {
    fill: var(--font-color);
}

.vs_bs_download {
    background: unset;
    background-color: var(--font-color);
    -webkit-mask-image: url(/rs/2U/xm/ic/8d4e2736/30f0f8a4.png);
}

.ciplr.rms_img,
.ciptr.rms_img {
    filter: grayscale(1) brightness(2);
}

.b_algo.b_algoBorder .wiki_big .btm_sml .chevronDown:after,
.b_algo.b_algoBorder .wiki_big .btm_sml .chevronUp:after,
.b_ans.b_topborder .btm_sml .chevronDown:after,
.b_ans.b_topborder .btm_sml .chevronUp:after,
#b_results .b_ans.b_topborder .btm_sml .chevronDown:after,
#b_results .b_ans.b_topborder .btm_sml .chevronUp:after {
    filter: invert(1) hue-rotate(180deg);
}

#bgDiv {
    filter: grayscale(var(--home-bgimg-grayscale)) brightness(var(--home-bgimg-brightness));
}

#vert_images td {
    border: 1px solid transparent;
}

.vsrewds_progbar_cur {
    background-color: var(--accent);
}


.b_overlay .btn.rounded .cr > div,
#rdcans .brc_floatR {
    filter: invert(1);
}

.b_overlay .btn.rounded .cr > div,
.b_overlay .btn.rounded .cr > div:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
}


/* 'UNSAFE' STYLES */

/* Recolors a seemingly generated, classless and inline-styled 'divider' <li> near the bottom of typical search results */
li.b_algo + li:not([class])[style] {
    border-bottom: 1px solid var(--bg-accent) !important;
}

/* 'Recolors' the Bing/Microsoft Map canvas to be more dark-mode friendly */
.ms-composite {
    filter: invert(1) saturate(0.25);
}