Skip to content

Bing AI - Dark Theme by Ameer-Jamal

Screenshot of Bing AI - Dark Theme

Details

AuthorAmeer-Jamal

LicenseNONE

Categoryhttps://www.bing.com/

Created

Updated

Size20 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Bing AI is powerful but burns your eyes, Fix this with Blacks and Dark Ocean like theme for BING AI

Notes

🌙 Bing AI - Dark Theme: Dive into the serene darkness!

🔍 About this Theme:

Introducing the "Bing AI - Dark Theme", a meticulously crafted user style tailored for Bing enthusiasts who relish a darker, more immersive browsing experience. Whether you're searching, chatting, or exploring rewards, this theme ensures a consistent and captivating dark mode across various Bing sections.

🎨 Features:

  • Harmonized Color Palette: Leveraging a well-defined set of custom properties, the theme offers a cohesive color scheme that's easy on the eyes and perfect for night owls.
  • Detailed Design: Specific stylings for Bing search, chat, DALL-E, translator, and more! Each section is fine-tuned for visual appeal.
  • Optimized Appearance: Say goodbye to glaring elements. Our theme includes fixes for inverted colors to ensure every corner of Bing looks its best.
  • Overrides Default Styles: With the extensive use of the !important rule, this theme takes precedence, ensuring a consistent look throughout.

📦 Installation:

  • Designed for seamless integration with browser extensions or user style managers like Stylish. Install, apply, and let your Bing experience transform!

💡 Note: As Bing evolves, so does our theme. Keep an eye out for updates to enjoy uninterrupted dark elegance.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name             Bing AI - Dark Theme
@namespace    https://ameer-jamal.github.io/
@author            Ameer Jamal
@description  Install for the Bing.com website, directly on Chat Ai and Stylish add-on does not "work", but the theme is functional. Chat background is only changed by filters (for now). Theme is in progress  - occasionally update or reinstall the theme.
@version      1.0.1
@license      NONE
@preprocessor uso
@advanced color _0D0D0D "bing" #0d0d0d
==/UserStyle== */
@-moz-document url-prefix("https://www.bing.com"),
domain("bing.com") {
	/*--------------------------------------------------------*/
	/*---------------Bing Ai - Dark Theme---------------------*/
	/*--------------------------------------------------------*/
	/*--body-back--*/
	

	.dg_u,
	html,
	body,
	#b_results,
	#b_results > li:not(.b_imgans):not(.b_imgsmall),
	html:nth-of-type(1),
	#resultsContainer,
	.shopHubPage,
	body {
		background:  var(--grey1)!important;
	}
	
	.tpcn .tptt {
	color: white;
	}
	
	div#brsv3{
		background: var(--grey1);
	}

	/*--back1*-all--*/
	.isvctrl,
	#\31 27 .b_entityTP,
	#main,
	div.carouselContainer,
	html:nth-of-type(1) > body:nth-of-type(1) > header:nth-of-type(1),
	.b_headerx,
	header .thm_ThDf,
	#b_results [id^=rpr] .pagereco_CBCntr *,
	.b_wpTabsWrapper,
	.b_wpTabsWrapper *,
	#sw_as .sa_hv,
	#miniheader table,
	#b_context .b_ans,
	.vrhc,
	.data_group,
	.b_adSlug,
	.tta_incell,
	#tta_srcsl,
	#b_header,
	body #b_header {
		background: var(--back1)!important;
	}

	/*--top-bar--*/
	.topRight {
		background: var(--topbar) !important;
		height: 50px !important;
	}

	/*--top-menu--*/
	.id_currentAccount,
	#HBContent {
		background: var(--topmenu) !important;
		text-shadow: .3px .4px .9px rgb(40, 40, 40), 0 0 2px black !important;
	}

	/*--search-home--*/
	#sb_form {
		background: rgba(20, 20, 20, .5) !important;
		width: 98.5% !important;
		border: 1px solid rgba(0, 0, 0, .1);
	}

	.sb_form_q {
		color: var(--color_1) !important;
	}

	/*bars-other*/
	.tab-navr,
	.tab-navl,
	#inline_cluster .tit,
	.MicrosoftMap .taskBar,
	.ocvbgmask,
	#stickyheader,
	.oldsasrwefcdsvrewfqwcev,
	footer,
	#b_op_flyout,
	#b_op_flyout *,
	.carousel,
	#rfPane,
	#rfPane .carousel-controls,
	#rfPane .items,
	.hb_card,
	#b_super_task_pane,
	div.scs_rdLnk,
	.mc_vtvc_meta,
	#qs_searchBox,
	.b_imgans,
	#serpvidans,
	.mc_vtvc,
	.lite-entcard-blk:not(:last-child):not(.l_ecrd_bkg_bdrls),
	.ans_nws,
	#b_pole::before,
	[class*=b_rc_gb_template_bg],
	.qpbold,
	.b_imgsmall,
	#b_context .b_entityTP {
		background: var(--back1) !important;
		border: none !important;
	}


	/*header*/
	#b_header,
	#HBContent {
		border: none;
		box-shadow: 0 0 4px #000;
	}

	/*--search--color--*/
	html:nth-of-type(1) > body:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) > form:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > ul:nth-of-type(1).sa_drw,
	.b_searchboxForm,
	.b_searchbox,
	.searchbox,
	.searchButton,
	.b_sp_over_menu,
	input[type=text],
	#maps_sb,
	html:nth-of-type(1) > body:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > ul:nth-of-type(1),
	.sa_as .sa_drw {
		background: var(--bg_3) !important;
		border-color: var(--border_c) !important;
		color: var(--color_1) !important;
	}


	.b_rc_gb_w_content {
		background: var(--bg_4) !important;
	}

	.tab-menu li {
		background: rgb(22, 22, 22) !important;
	}


	#sb_form_q {
		color: white !important;
		position: relative;
	}


	/*--imgs-back--*/
	.rc_vlcoum,
	.isv .inflnk,
	.inflnk {
		background: rgb(33, 33, 33) !important;
		color: white !important
	}

	/*--info-loc-fix--*/
	.icon_text .text {
		background: rgba(41, 47, 49, .5) !important;
	}

	.icon_text .icon {
		background: rgba(41, 47, 49, .5) !important;
		border-radius: 5px 0 0 5px;
	}

	/*color_1*/
	h1,
	h2,
	a,
	.hb_subtitlerow,
	.hb_titlerow *,
	.b_caption *,
	.b_deep,
	#b_context,
	#b_context *,
	#b_algospacing,
	#b_algospacing *,
	.scs_child_rpr *,
	#brsv3 a > div,
	.item .card .tit,
	#sw_as .sa_tm *,
	.suggestion-title,
	#miniheader_data .itm > div.it,
	.mc_vtvc_title,
	.mc_vtvc_title *,
	.scs_t *,
	.df_qntext,
	.b_snippetBigText,
	.fbans > div > a,
	.b_rcSnippetGoBig,
	.iacd .irp a.imgText.trunc,
	#sp_requery,
	#b_op_flyout *,
	.b_paractl,
	.br_fv_text,
	.fb_pdCarouselItemData,
	.b_searchbox,
	input[type=text] {
		color: var(--color_1)!important;
		text-decoration: none!important;
	}

	.br-offPrice *,
	.br-pdInfo *,
	.tta_tbl * {
		color: var(--color_1)!important;
		fill: var(--color_1)!important;
	}

	/*color_2*/
	.b_topicon_title,
	.b_expansion_wrapper .b_expansion_text,
	.br-offDec {
		color: var(--color_2)!important;
	}

	/*color_3*/
	.mc_vtvc_meta *,
	.df_alaskcarousel .df_alsocon {
		color: var(--color_3);
	}

	/*--related-search--*/
	.b_rrsr {
		background: var(--back1) !important;
	}


	/*--side-explore--*/
	.slide-in {
		background: rgb(33, 33, 33) !important;
	}

	/*--search-minitips--*/
	.has-foreground-img,
	.text .itm,
	.finfb .itm,
	.b_rs_pole .b_vList li a {
		background: rgb(33, 33, 33) !important;
		border: none;
		box-shadow: none !important;
		outline: 1px solid rgb(70, 70, 70);
		color: var(--color_2) !important;
		border-radius: 5px;
	}

	.text {
		outline: 1px solid black;
		border: 1px solid black;
	}

	.finfb .itm,
	.text img,
	.text .itm,
	.text,
	.finfb .underline {
		border-radius: 5px;
		border: none;
		box-shadow: none !important;
		outline: none;
	}

	/*--all-videos--*/
	.sel .it {
		background: rgb(29, 29, 29) !important;
		border-radius: 10px;
		border: none;
		box-shadow: none !important;
		outline: 1px solid rgb(51, 51, 51);
		color: var(--color_2) !important;
	}

	/*--all-vid-icons--*/
	.sel .rms_img,
	.fa_fltr_w .rms_img {
		background: rgb(41, 38, 236) !important;
	}

	.ep_exp_w .rms_img {
		background: rgb(247, 208, 106);
	}

	/*related-search*/
	#b_results .b_ans,
	html:nth-of-type(1) > body:nth-of-type(1) > div:nth-of-type(4) > main:nth-of-type(1) > ol:nth-of-type(1) > li:nth-of-type(13).b_ans,
	li.b_ans:nth-child(13),
	#brsv3,
	.b_rs h2,
	.reverse h2,
	.b_msg,
	#b_results .b_ans,
	li.b_algo,
	.b_mop {
		background: rgb(17, 17, 17) !important
	}

	.df_alsocon {
		color: white !important
	}


	/*--VideoS-fix--*/
	.ocvbgmask {
		text-shadow: .4px .5px 1.3px black;
	}

	html:nth-of-type(1) > body:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) > h2:nth-of-type(1).active {
		color: white !important;
	}

	.ocvbgtop {
		background: black !important;
	}

	.chp {
		margin: 0 !important;
		left: 0 !important;
		top: 140px;
	}

	.chp h2 {
		border-radius: 15px !important;
		padding: 1px 1px 6px 1px;
		text-align: center;
		max-width: 60%;
	}

	.mutecontainer {
		margin-left: 1px;
		margin-top: 65px;
		left: 0 !important;
	}

	.mBtn {
		background: rgb(51, 51, 51) !important;
	}

	.mc_vtvc_meta,
	html:nth-of-type(1) > body:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(3) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(17) > div:nth-of-type(1) > a:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2).mc_vtvc_meta {
		border: 1px solid rgb(32, 32, 32) !important;
		box-shadow: 0 0 3px rgb(0, 0, 0);
	}

	/*link*/
	.link {
		color: var(--link)!important;
		text-decoration: none!important;
	}

	/*buttons*/
	.hozdl_car .slide,
	#tf > a:nth-child(1),
	#sf > a:nth-child(1),
	#b_results #brsv3 .b_vList li a,
	.cbtn input,
	.b_wpTabsWrapper a:not(.ent-dtab-ovr-nl),
	.touchQuery .nav_right,
	.touchQuery .nav_left,
	.ibs_btn,
	.tfil-subc,
	#tfil_1_7C52CD_head,
	#tfil_2_7C534A_head,
	#tfil_3_7C5357_head,
	#tfil_4_7C535F_head,
	#tfil_5_7C5367_head,
	#tfil_6_7C5386_head,
	#tfil_7_7C538F_head,
	#tfil_8_7C539A_head,
	div.syd_qna_suggestion_item:nth-child(4),
	div.syd_qna_suggestion_item:nth-child(5),
	div.syd_qna_suggestion_item:nth-child(6),
	div.syd_qna_suggestion_item:nth-child(7),
	#tfilcontrol_9_7C5495_navr_0,
	#tfilcontrol_9_7C5495_navl_0,
	#tta_revIcon,
	#rs_lgw_list > a:nth-child(1),
	#rs_lgw_list > a:nth-child(2),
	#rs_lgw_list > a:nth-child(3),
	#rs_lgw_list > a:nth-child(4),
	.more-rs-btn {
		background-color: var(--bg_3) !important;
		border-color: var(--border_c) !important;
		color: var(--color_2) !important;
	}


	/*--menu-set--*/
	.hb_section:active,
	.hb_section:hover,
	#dots_overflow_menu_container > ul:nth-child(1) {
		background: var(--bg_1);
	}


	/*--search--*/
	.vrhc {
		color: var(--color_1)!important;
	}

	.vrhde {
		color: var(--color_3)!important;
	}

	#serpvidans .mmanstitle,
	.b_snippetGobig {
		background: linear-gradient(3.63deg, #0000 34.17%, var(--bg_3) 131.21%)!important;
	}

	.b_wiki_cover {
		background: linear-gradient(0deg, var(--bg_1), #0000);
	}


	/*--news--*/
	.content {
		padding: 15px 20px 15px 20px !important;
	}

	.feed-main-title {
		background: none !important;
	}

	/*-news-left-*/
	.nsn-body:hover {
		background: black !important;
	}

	/*--shop-fix--*/
	.br-offImg img {
		background: black !important;
	}

	.br-paidOffersGrid .br-crdhvr .br-pdInfo,
	.br-offInfo,
	.br-offCnt,
	.br-expandedItem {
		background: rgb(17, 17, 17) !important;
		color: white !important;
		text-shadow: .3px.4px .8px black;
	}

	.ra_hover .ra_nl,
	.br-freeOffersGridAboveMop .br-pdInfo,
	.br-poleoffcarousel,
	.br-paidOffersGrid .br-crdhvr {
		background: rgb(20, 20, 20)!important;
		text-shadow: .2px .3px .6px rgb(73, 73, 73), .2px .3px 2px black, .3px .4px 1.2px black;
	}


	/*--search-toptop-button--*/
	#mfa_root .mfa_btn {
		background: black !important;
		border: grey !important;
	}

	#b_results #mfa_root {
		background: transparent !important;
	}

	/*--feedbackd--*/
	html:nth-of-type(1) > body:nth-of-type(1) > a:nth-of-type(1).cbtn.feedback-binded {
		background: rgb(17, 17, 17) !important;
		border-radius: 10px;
	}

	/*--page-number--*/
	.sb_pagP,
	.sb_bp {
		colo...

Reviews

No reviews yet.