July 5, 2021 at 10:53 am
#90180
Theme Horse Support Team
Keymaster
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