Customizer CSS for Marketers Delight that enables a beautiful Dark Mode on gauravtiwari.org

dark.css

@media (prefers-color-scheme: dark) {
.aawp .aawp-tb__row--highlight {
	background-color: #219b00;
	color: #fff;
 }

.aawp .aawp-tb__row--highlight a, h4.pt-cv-title a {
	color: #fff;
 }
.logopatch3,.logopatch4,.logopatch5{
	fill:#fff;
}
body{
	background-color: rgb(4, 37, 61)!important;
	color: #f6f6f6;
	-webkit-font-smoothing:antialiased;
}
	.footer a, .footer h3{
		color: #f6f6f6!important;
	}
	.list > li:not(:last-child), .box-style-list ul > li:not(:last-child), .list ul li:last-child{
		border-color:#444!important;
	}

code {
	background-color: #333;
	color: #fff;
 }

.format code a,code a, .format a, a {
	color: #faebd7;
 }

input[type=email],input[type=password],input[type=search],input[type=text],input[type=url],textarea {
	background-color: rgb(4, 37, 61);
	border: 1px solid #444;
	color:#ddd
 }

.content .headline,.content .headline a,.content-text h1,.content-text h2,.content-text h3,.content-text h4,.content-text h5,.content-text h6 {
	color: #f6f6f6;
 }


.text-dark {
	color: #fff;
 }
blockquote {
	background-color: #111;
	border-radius: 3px;
	color: #444;
 }


.quote-box:after {
	border-color: #333 transparent;
 }
ul.ez-toc-list > li:not(:last-child){
	border-bottom: 1px solid #333;
	}
/* .shadow,.wp-block-image.shadow img {
	box-shadow: 0 5px 25px rgba(0,0,0,.2);
 }

.shadow-large,.wp-block-image.shadow-large img {
	box-shadow: 0 5px 55px rgba(0,0,0,.15);
 }

.shadow-small,.wp-block-image.shadow-small img {
	box-shadow: 0 5px 15px rgba(0,0,0,.15);
 } */
	.logo img{
		filter:invert(0.95);
	}
.box, select, .frame {
	background-color: rgb(4, 37, 61);
 }
.alert {
	background-color: #c0392b;
	color: #fff;
 }

	hr {
    color: #333;
}
/* .cta-box.post-box,.post-box .cta-box {
	box-shadow: 0 5px 25px rgba(0,0,0,.1);
 } */

.loop-default.style-default .post-box, .footer {
	background-color: #1d2733;
	box-shadow: 0 5px 25px rgba(0,0,0,.1);
 }

.style-default .blog-teaser {
	background-color: #1d2733;
	box-shadow: 0 5px 25px rgba(0,0,0,.1);
}

.loop-blocks.style-default .post-box {
	background-color: #1d2733;
	box-shadow: 0 5px 25px rgba(0,0,0,.1);
	border-color:#333;
 }

.loop-blocks .content-text {
	color: #f6f6f6;
 }

.sidebar {
	color: #eee;
 }

.sidebar a:not(.button), blockquote {
	color: rgb(255 255 221 / 70%);
 }

.sidebar .sidebar-title {
	color: #eee;
 }

.sub-menu a:hover {
	background-color: rgba(0,0,0,.05);
 }
.sub-menu {
	background-color: #111;
	border-bottom: 2px solid #d44e04;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
 }

.menu-header .sub-menu .menu-item-has-children:before {
	content: '\e816';
	color: #faebd7;
	left: 16px;
	right: auto;
 }

.header {
	background-color: #1d2733;
	color: #faebd7;
 }

.header .site-title,.header .site-title:hover {
	color: #fff;
 }

.header a {
	color: #faebd7;
 }

.menu-header>.menu-item.current-menu-item>a {
	color: #d44e04;
 }

.menu-header .sub-menu {
	background-color: #1d2733;
 }
.menu-header .sub-menu a {
	color: #eee;
 }

.menu-header .sub-menu a:hover {
	color: #666;
 }

.wp-block-image figcaption {
	color: #f6f6f6;
}

.byline {
	color: #f6f6f6;
 }

.byline a {
	border-bottom: 1px solid rgba(0,0,0,.15);
	color: #f6f6f6;
 }

.wp-caption-text {
	border-bottom: 1px solid #ccc;
	color: #444;
 }

.post-nav-links {
	background-color: rgba(0,0,0,.05);
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	padding: 16px;
 }

.pagination .page-numbers,.post-nav-links .post-page-numbers {
	background-color: #1d2733;
}
.style-default #wp-calendar,.style-default .box-style,.style-default .box-style-list ul,.style-default .tagcloud, .widget .pt-cv-ifield, .pt-cv-ifield, div#pt-cv-view-b37e199mnk .pt-cv-ifield, .gb-container, .read {
	background-color: #1b2733!important;
	box-shadow: 0 2px 15px rgba(0,0,0,.1);
	color: #f6f6f6;
	border-color:#333!important
 }
.accordion {
	background-color: #1b2733;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
 }

.accordion-title {
	color: #f6f6f6;
}

.glossary-letters {
	background-color: #111;
}

.glossary-letter.active,.glossary-letter:hover {
	background-color: #43a047;
	color: #fff;
 }

.has-border {
	border: 1px solid #555;
 }


.card {
	border: 1px solid #777;
}

table thead th:not(:last-child) {
	border-right: 1px solid #ddd!important;
 }

.footer a:not(.button) {
	color: #1b1b1b;
	border-bottom: none;
 }

.white, .boxzilla, div#ez-toc-container, section.ez-toc {
	background: #1b2733!important;
	color: #f6f6f6;
 }

figcaption, .format .jp-relatedposts h4 a {
	color: #fff;
 }
#header,.blog-teaser,.loop-default.style-default .archives-title,.loop-default.style-default .post-box {
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
 }

.home-posts article {
	border: 1px solid #666!important;
	box-shadow: -1px 5px 8px rgba(0,0,0,.1);
 }
.style-default .box-style-list ul {
	border: 1px solid #1b2733;
	box-shadow: none;
 }

.notice,thead,th {
	background: #5c25da;
	background-color: var(--bgAltColor,#5c25da);
	color: #fff;
	border: 1px solid #5c2!important;
 }
.loop-default.style-default .post-box {
	box-shadow: none;
	border: 1px solid #1b2733;
 }

.boxzilla-close-icon {
	color: #fff;
	opacity: .5;
 }
	.button.white{
		background:#fff!important;
	}
	.black, .button.black{
		background:#ffd700!important;
		color:#333!important;
	}
.gc-numhead__sub, .gc-numhead__title, .gc-numhead__position{
		color: rgb(255 255 221 / 70%)!important
	}
	.has-border-bottom{
		border-bottom-color:#333
	}
	/*has:[class=wp-block-*]{
	color:#fff } */
	.gc-accordion-item *{color:#111!important}}