body { --color--gray: #888888; --color--light--primary: #9bc8da; --color--primary: #207daf; } /*-------------------------------------------------------------- Dark CSS --------------------------------------------------------------*/ body { background-color: #151515; color: #cccccc; } /* Top Bar. --------------------------------------------- */ .breaking-news { background-color: #232323; } .breaking-news-latest { color: #fff; } .date-in-header { color: #cccccc; } .dark-skin { /*-------------------------------------------------------------- Header Clean layout CSS --------------------------------------------------------------*/ } .dark-skin h1, .dark-skin h2, .dark-skin h3, .dark-skin h4, .dark-skin h5, .dark-skin h6 { color: #fff; } .dark-skin #page, .dark-skin .cm-main-header, .dark-skin .cm-content, .dark-skin .cm-secondary .widget { background-color: #0d0d0d; } .dark-skin .cm-top-bar { background-color: #111111; } .dark-skin .cm-mobile-nav li { background-color: #232323; } .dark-skin .cm-mobile-nav a { color: #fff; } .dark-skin .cm-no-results .cm-page-title { color: #f4f4f5; } .dark-skin .cm-no-results .cm-page-content p { color: #f4f4f5; } .dark-skin .search-form-top { background-color: #121212; border: 0 none; } .dark-skin .wp-block-search__input, .dark-skin .search-form-top input.s, .dark-skin input.s { background-color: #161616; border: 1px solid #343434; color: #E3E2E2; } .dark-skin .cm-featured-posts .cm-post { -webkit-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24); box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24); border-radius: 4px; } .dark-skin .cm-featured-posts.cm-tab-widget { -webkit-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24); box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24); border-radius: 4px; } .dark-skin .cm-featured-posts.cm-tab-widget .cm-post { -webkit-box-shadow: none; box-shadow: none; } .dark-skin .cm-featured-posts .cm-post-content .cm-entry-title a { color: #F4F4F5; } .dark-skin .cm-featured-posts .cm-post-content .cm-below-entry-meta .cm-post-date svg, .dark-skin .cm-featured-posts .cm-post-content .cm-below-entry-meta .cm-author svg, .dark-skin .cm-featured-posts .cm-post-content .cm-below-entry-meta .cm-comments-link svg { fill: #a6a6a6; } .dark-skin .cm-featured-posts .cm-random-posts, .dark-skin .cm-featured-posts .cm-breaking-news { -webkit-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24); box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24); border-radius: 4px; } .dark-skin .cm-featured-posts .cm-random-posts .cm-post, .dark-skin .cm-featured-posts .cm-breaking-news .cm-post { -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } .dark-skin .cm-post-date a, .dark-skin .cm-author a, .dark-skin .cm-comments-link a { color: #aeaeae; } .dark-skin .cm-featured-category-slider-widget .cm-post-date a, .dark-skin .cm-featured-category-slider-widget .cm-author a, .dark-skin .cm-featured-category-slider-widget .cm-comments-link a, .dark-skin .cm-highlighted-posts .cm-post-date a, .dark-skin .cm-highlighted-posts .cm-author a, .dark-skin .cm-highlighted-posts .cm-comments-link a { color: #f4f4f5; } .dark-skin .comment-respond form label { color: #E3E2E2; } .dark-skin .comments-area .fn a { color: #fff; } .dark-skin .human-diff-time { color: #a6a6a6; } .dark-skin .search-form-top.show::before { border-bottom: 12px solid #121212; border-left: 12px solid transparent; border-right: 12px solid transparent; } .dark-skin .cm-comments-link span { color: #a6a6a6; } .dark-skin .cm-thumbnail-slider { border-color: #0d0d0d; } .dark-skin #comments { border-color: #444444; } .dark-skin .cm-posts .post { -webkit-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24); box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24); border-radius: 4px; } .dark-skin .cm-posts .post .cm-post-content .cm-entry-title a { color: #F4F4F5; } .dark-skin .cm-posts .post .cm-post-content .cm-below-entry-meta .cm-author svg, .dark-skin .cm-posts .post .cm-post-content .cm-below-entry-meta .cm-comments-link svg, .dark-skin .cm-posts .post .cm-post-content .cm-below-entry-meta .cm-tag-links svg, .dark-skin .cm-posts .post .cm-post-content .cm-below-entry-meta .cm-edit-link svg, .dark-skin .cm-posts .post .cm-post-content .cm-below-entry-meta .cm-post-date svg, .dark-skin .cm-posts .post .cm-post-content .cm-below-entry-meta .cm-post-views svg { color: #a6a6a6; } .dark-skin .cm-posts .post .cm-post-content .cm-below-entry-meta .cm-post-views span { color: #a6a6a6; } .dark-skin .cm-posts .post .cm-post-content .cm-below-entry-meta .cm-edit-link a { color: #a6a6a6; } .dark-skin .single-related-posts .cm-post-content .cm-entry-title a { color: #F4F4F5; } .dark-skin .single-related-posts .cm-post-content .cm-below-entry-meta .cm-post-date .fa, .dark-skin .single-related-posts .cm-post-content .cm-below-entry-meta .cm-comments-link .fa { color: #a6a6a6; } .dark-skin .post .cm-entry-title a, .dark-skin .search .cm-entry-title a { color: #F4F4F5; } .dark-skin .cm-random-posts { -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } .dark-skin .previous svg, .dark-skin .next svg { fill: #f4f4f5; } .dark-skin .cm-layout-2 .cm-mobile-nav .cm-submenu-toggle svg, .dark-skin .cm-layout-2 .cm-mobile-nav .cm-home-icon svg, .dark-skin .cm-layout-2 .cm-mobile-nav .cm-menu-toggle svg { fill: #f4f4f5; } .dark-skin .cm-layout-2 .cm-mobile-nav .cm-random-post a svg { fill: #f4f4f5; } .dark-skin .single-related-posts { -webkit-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24); box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.24); border-radius: 4px; } .dark-skin .cm-footer-cols, .dark-skin .cm-footer-bar { border-top: 0 none; background-color: #121212; } .dark-skin #cm-footer .cm-upper-footer-cols .widget { border: 0 none; } .dark-skin #cm-footer .cm-upper-footer-cols .widget .cm-post, .dark-skin #cm-footer .cm-upper-footer-cols .widget .cm-random-posts { -webkit-box-shadow: none; box-shadow: none; } .dark-skin input[type="text"], .dark-skin input[type="email"], .dark-skin input[type="password"], .dark-skin textarea, .dark-skin .comment-content { background-color: #0d0d0d; color: #cccccc; border-color: #777777; } .dark-skin .cm-view-all-link { background: #0d0d0d; } .dark-skin .cm-layout-2 .cm-primary-nav ul > li > a { color: #f4f4f5; } .dark-skin .cm-layout-2 .cm-primary-nav .cm-home-icon svg, .dark-skin .cm-layout-2 .cm-primary-nav .cm-home-icon .cm-icon, .dark-skin .cm-layout-2 .cm-primary-nav .cm-submenu-toggle svg, .dark-skin .cm-layout-2 .cm-primary-nav .cm-submenu-toggle .cm-icon, .dark-skin .cm-layout-2 .cm-primary-nav .cm-menu-toggle svg, .dark-skin .cm-layout-2 .cm-primary-nav .cm-menu-toggle .cm-icon, .dark-skin .cm-layout-2 .cm-primary-nav .cm-random-post svg, .dark-skin .cm-layout-2 .cm-primary-nav .cm-random-post .cm-icon { fill: #f4f4f5; } .dark-skin .cm-layout-2 .cm-primary-nav ul ul.sub-menu li a { color: #3f3f46; } .dark-skin .cm-layout-2 .is-sticky #cm-primary-nav { background-color: #111111; } .dark-skin .cm-layout-2 .cm-mobile-nav .cm-submenu-toggle svg { fill: #f4f4f5; } .dark-skin .cm-layout-2 #cm-primary-nav .fa { color: #f4f4f5; } .dark-skin .cm-layout-2 .cm-mobile-nav li { border-color: #3F3F46; } .dark-skin .cm-layout-2 .cm-mobile-nav li a { color: #f4f4f5; } .dark-skin.colormag-header-clean .cm-primary-nav .sub-menu, .dark-skin.colormag-header-clean .cm-primary-nav .children { background-color: #212529; } .dark-skin.colormag-header-clean .cm-mobile-nav li { background-color: #212529; } .dark-skin.colormag-header-clean .breaking-news .newsticker a, .dark-skin.colormag-header-clean .social-links i.fa, .dark-skin.colormag-header-classic .breaking-news .newsticker a, .dark-skin.colormag-header-classic .social-links i.fa, .dark-skin.colormag-header-clean--full-width .breaking-news .newsticker a, .dark-skin.colormag-header-clean--full-width .social-links i.fa { color: #cccccc; } .dark-skin.colormag-header-classic .is-sticky #cm-primary-nav { background-color: #212529; } .dark-skin.colormag-header-classic .is-sticky .cm-mobile-nav li { background-color: #212529; } .dark-skin.colormag-header-classic #cm-primary-nav .cm-menu-toggle { border-color: #cccccc; } .dark-skin.colormag-header-classic #cm-primary-nav .cm-menu-toggle::before { color: #cccccc; } .dark-skin.colormag-header-classic #cm-primary-nav.cm-primary-nav ul ul.sub-menu, .dark-skin.colormag-header-classic #cm-primary-nav.cm-primary-nav ul .children { background-color: #212529; border-color: #444444; } .dark-skin.colormag-header-classic #cm-primary-nav.cm-primary-nav ul ul.sub-menu li, .dark-skin.colormag-header-classic #cm-primary-nav.cm-primary-nav ul .children li { border-color: #444444; } .dark-skin.colormag-header-classic #cm-primary-nav.cm-primary-nav a, .dark-skin.colormag-header-classic #cm-primary-nav.cm-primary-nav .cm-random-post a .fa-random, .dark-skin.colormag-header-classic #cm-primary-nav.cm-primary-nav .cm-home-icon .fa { color: #fff; } .dark-skin.colormag-header-classic #cm-primary-nav.cm-mobile-nav .cm-random-post a .fa-random, .dark-skin.colormag-header-classic #cm-primary-nav .fa.search-top { color: #fff; } .dark-skin.colormag-header-clean--full-width .cm-top-bar { background-color: #111111; } .dark-skin .colormag-footer--classic .cm-footer-cols { background-color: #161616; } .dark-skin .colormag-footer--classic .cm-footer-bar { background-color: #121212; } .dark-skin .elementor .tg-module-wrapper { color: #cccccc; } .dark-skin .elementor .tg-module-wrapper .tg-module-title { color: #fff; } .dark-skin .elementor .tg-module-wrapper .tg-module-meta .tg-post-auther-name a, .dark-skin .elementor .tg-module-wrapper .tg-module-meta .tg-post-auther-name span, .dark-skin .elementor .tg-module-wrapper .tg-module-meta .tg-post-date a, .dark-skin .elementor .tg-module-wrapper .tg-module-meta .tg-post-date span, .dark-skin .elementor .tg-module-wrapper .tg-module-meta .tg-module-comments a, .dark-skin .elementor .tg-module-wrapper .tg-module-meta .tg-module-comments span { color: #a6a6a6; } .dark-skin .elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-5 .tg_module_block .tg-module-title, .dark-skin .elementor .tg-module-wrapper.tg-module-block.tg-module-block--style-5 .tg_module_block .block-content { background: #0d0d0d; } .dark-skin .cm-entry-summary p { color: #E3E2E2; } .dark-skin .previous a, .dark-skin .next a { color: #F4F4F5; } .dark-skin .previous a:hover, .dark-skin .next a:hover { color: #F4F4F5; } .dark-skin .cm-entry-title a { color: #F4F4F5; } .dark-skin .cm-entry-title a:hover { color: #F4F4F5; } .cm-breaking-news i.fa-arrow-up::before, .cm-breaking-news i.fa-arrow-down::before { background-color: #161616; border: 1px solid #161616; } /* Support Dark Skin. --------------------------------------------- */ .dark-skin body { color: #cccccc; } .dark-skin h1, .dark-skin h2, .dark-skin h3, .dark-skin h4, .dark-skin h5, .dark-skin h6 { color: #fff; } .dark-skin .mzb-post-list .mzb-post, .dark-skin .mzb-tab-post .mzb-post, .dark-skin .mzb-featured-posts .mzb-post, .dark-skin .mzb-featured-categories .mzb-post { background-color: #19190d; } .dark-skin .mzb-tab-post .mzb-tab-title { background-color: #19190d; } .dark-skin .mzb-tab-post .mzb-tab-title.active { background-color: var(--color--primary); } /* Support Magazine Blocks. --------------------------------------------- */ .mzb-post-list .mzb-post-date a, .mzb-post-list .mzb-post-author a, .mzb-tab-post .mzb-post-date a, .mzb-tab-post .mzb-post-author a, .mzb-banner-posts .mzb-post-date a, .mzb-banner-posts .mzb-post-author a, .mzb-featured-posts .mzb-post-date a, .mzb-featured-posts .mzb-post-author a, .mzb-featured-categories .mzb-post-date a, .mzb-featured-categories .mzb-post-author a, .mzb-grid-module .mzb-post-date a, .mzb-grid-module .mzb-post-author a { color: var(--color--gray); } .mzb-post-list .mzb-post-date svg, .mzb-post-list .mzb-post-author svg, .mzb-tab-post .mzb-post-date svg, .mzb-tab-post .mzb-post-author svg, .mzb-banner-posts .mzb-post-date svg, .mzb-banner-posts .mzb-post-author svg, .mzb-featured-posts .mzb-post-date svg, .mzb-featured-posts .mzb-post-author svg, .mzb-featured-categories .mzb-post-date svg, .mzb-featured-categories .mzb-post-author svg, .mzb-grid-module .mzb-post-date svg, .mzb-grid-module .mzb-post-author svg { fill: var(--color--gray); }