badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Reply To: Changing Font Color on background page

#90180

Hi dfreeman,

for the complete dark mode.
1- change the background color to dark/black (‘Appearance > Customize > Color > Elements > Background Color).
2- change the content color to light/light-gray (‘Appearance > Customize > Color > Font Color > Content Color).
3- change Headings/Titles color to light/White (‘Appearance > Customize > Color > Font Color > Headings/Titles Color).
Then please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

.widget-area .widget-title {
	background-color: transparent;
}
.post-boxed.main-post .entry-title,
.post-boxed.main-post .entry-title a:not(:hover),
.mags-widget-card-block-posts .post-boxed .entry-title,
.mags-widget-card-block-posts .post-boxed .entry-title a:not(:hover),
.site-footer .widget-area .post-boxed.main-post .entry-title,
.site-footer .widget-area .post-boxed.main-post .entry-title a:not(:hover),
.site-footer .widget-area .mags-widget-card-block-posts .post-boxed .entry-title,
.site-footer .widget-area .mags-widget-card-block-posts .post-boxed .entry-title a:not(:hover),
.mags-widget-recent-posts .nav-link:hover,
.mags-widget-recent-posts .nav-link.active,
.featured-stories .post-boxed .entry-title,
.featured-stories .post-boxed .entry-title a:not(:hover),
.post .entry-title,
.post .entry-title a:not(:hover),
.comments-title, .comment-reply-title {
	color: #333333;
}
input,
textarea,
select,
.post-boxed.main-post,
.post-boxed.main-post .entry-content p,
.post-boxed.main-post .entry-meta:not(.category-meta),
.post-boxed.main-post .entry-meta:not(.category-meta) a:not(:hover),
.mags-widget-card-block-posts .post-boxed,
.mags-widget-card-block-posts .post-boxed .entry-content p,
.mags-widget-card-block-posts .post-boxed .entry-meta:not(.category-meta),
.mags-widget-card-block-posts .post-boxed .entry-meta:not(.category-meta) a:not(:hover),
.site-footer .widget-area .post-boxed.main-post,
.site-footer .widget-area .post-boxed.main-post .entry-content p,
.site-footer .widget-area .post-boxed.main-post .entry-meta:not(.category-meta),
.site-footer .widget-area .post-boxed.main-post .entry-meta:not(.category-meta) a:not(:hover),
.site-footer .widget-area .mags-widget-card-block-posts .post-boxed,
.site-footer .widget-area .mags-widget-card-block-posts .post-boxed .entry-content p,
.site-footer .widget-area .mags-widget-card-block-posts .post-boxed .entry-meta:not(.category-meta),
.site-footer .widget-area .mags-widget-card-block-posts .post-boxed .entry-meta:not(.category-meta) a:not(:hover),
.featured-stories .post-boxed,
.featured-stories .post-boxed .entry-content p,
.featured-stories .post-boxed .entry-meta:not(.category-meta),
.featured-stories .post-boxed .entry-meta:not(.category-meta) a:not(:hover),
.post,
.post .entry-meta:not(.category-meta),
.post .entry-meta:not(.category-meta) a:not(:hover),
.comments-area {
	color: #555555;
}

Hope it works as you needed

Thanks