File manager - Edit - /home/u300416816/domains/arib7.net/public_html/wp-content/themes/jannah/assets/css/sass/components/_dark-skin.scss
Back
.dark-skin{ --lazyload-loading-color: #161717; $dark-bg: var( --tie-dark-skin-bg, $dark-bg); $darker-bg: var( --tie-dark-skin-bg-main, $darker-bg ); &, body{ background-color: $darker-bg; color: #ffffff; } .change-skin-icon:before{ content: "\f113"; } .mag-box .post-excerpt, .wp-caption .wp-caption-text, .entry-header .entry-sub-title{ color: $dark-base-color; } textarea, input:not([type="submit"]), select{ color: $dark-base-color; } a:not(:hover), .single-big-img .post-meta, .single-big-img .post-meta a:not(:hover), .pages-nav .pages-numbers a:not(:hover), .page-title, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ color: #ffffff; } .post-excerpt, .post-meta, .post-meta a:not(:hover), .timeline-widget ul li .date, .multiple-post-pages a:not(:hover), .login-widget .forget-text:not(:hover), #autocomplete-suggestions, .mobile-header-components:not(:hover) .menu-text, .about-author .social-icons li.social-icons-item a:not(:hover) span{ color: $dark-base-color !important; // override the single.css file sari3 } @include breakpoint_min(1570px){ #story-index li a:not(.is-current){ color: $dark-base-color; } } textarea, input:not([type=submit]), select, code, kbd, pre, samp, .latest-tweets-slider-widget .latest-tweets-slider .tie-slider-nav li a:not(:hover), .next-posts, .prev-posts, .show-more-button, .pages-nav .pages-numbers a, .pages-nav .pages-numbers span.pages-nav-item, .pages-nav .pages-numbers .first-last-pages .pagination-icon, .multiple-post-pages .post-page-numbers, .latest-tweets-widget .slider-links .tie-slider-nav span{ border-color: $base-border-color-in-white; } #tie-wrapper, #theme-header{ background-color: $dark-bg; } .subscribe-widget .subscribe-widget-content .subscribe-subtitle:after, .boxed-slider-three-slides-wrapper li:not(.slick-active) button:not(:hover), .boxed-four-taller-slider li:not(.slick-active) button:not(:hover), .boxed-five-slides-slider li:not(.slick-active) button:not(:hover){ background-color: $base-border-color-in-white; } .tie-slider-nav span{ background: darken( #1f2024, 3%); } // Boxed Layout .boxed-layout.wrapper-has-shadow { #tie-wrapper { box-shadow: 0 1px 10px rgba(0,0,0, 0.3); } } //Widgets - .container-wrapper{ background-color: $darker-bg; border-color: $base-border-color-in-white; } .post-layout-3 .fullwidth-entry-title, .post-layout-7 .fullwidth-entry-title{ background-color: transparent; } .tie-popup-container .container-wrapper{ background-color: $darker-bg !important; } .widget a:not(:hover), .widget-title, .widget-title a:not(:hover){ color: #ffffff; } .widget-title-icon { color: $dark-base-color; } // tags/cats cloud .widget_product_tag_cloud, .widget_tag_cloud .tagcloud, .post-tags, .widget_layered_nav_filters{ a { border-color: $base-border-color-in-white; } } // timeline .timeline-widget { ul:before{ background: rgba(0,0,0,0.3); } .date:before { background: $dark-bg; border-color: rgba(0,0,0,0.3); } } //NewsLetter .subscribe-widget{ .subscribe-widget-content { h3{ color: #ffffff; } } .newsletter-icon, form:before{ color: rgba(255,255,255,0.3); } } .magazine1 .entry-header-outer + .mag-box{ border-top: 1px solid $base-border-color-in-white; } .post-layout-8 #content{ background-color: $dark-bg; //$darker-bg; } @include breakpoint(md){ .post-layout-8.one-column-no-sidebar #content{ background-color: transparent; } } // instagram .tie-instagram.lite-skin, .tie-instagram.default-skin{ background-color: #ffffff; a{ color: $base-color; } } // Post Elements @include breakpoint(max_min_md){ .post-has-toggle #the-post .entry:not(.is-expanded):before { background-image: linear-gradient(to bottom, rgba(31,32,36, 0.15) 50%, $darker-bg 100%); } .magazine2.post-has-toggle #the-post .entry:not(.is-expanded):before { background-image: linear-gradient(to bottom, rgba(39,41,45, 0.15) 50%, $dark-bg 100%); } } .sticky{ background: #1c1c1d; padding: 10px; } .entry-header .entry-title { color: #ffffff; } .follow-us-post-section .post-followus-btn{ background-color: #fff; } .follow-us-post-section .post-followus-btn, .share-buttons-bottom, .wp-block-table.is-style-stripes{ border-color: $base-border-color-in-white; } .magazine1 .share-buttons-bottom{ background: $darker-bg; } .comment-list li, .commentlist li, .entry table *, .woocommerce table.shop_table tfoot *{ border-color: $base-border-color-in-white; } .wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) { background-color: #333; } .comment-list, .commentlist{ .comment-author img { box-shadow: 0 0 6px #111; border-color: $base-border-color-in-white; } } // ShortCodes .post-content-slideshow, .post-content-slideshow .tie-slider-nav-wrapper, .post-content-slideshow .tie-slider-nav li span, .divider, .toggle, .tabs-wrapper.tabs-vertical:after, .tabs-wrapper.tabs-vertical .tabs li a{ border-color: $base-border-color-in-white; } // General Elements #check-also-box{ border-color: $base-border-color-in-white; background-color: $darker-bg; } .site-footer{ background-color: #1c1d21; } } // - Box Dark Mode .dark-skin .mag-box, .box-dark-skin{ &:not(.tabs-box){ background-color: transparent; } // Dark base color .mag-box-filter-links a:not(:hover){ color: $dark-base-color; } .mag-box-filter-links .flexMenu-popup{ background-color: $darker-bg; box-shadow: 0 0 5px rgba(0,0,0,0.5); } // border-color .slider-arrow-nav a{ border-color: $base-border-color-in-white; } // TimeLine box &.timeline-box .posts-items{ &:before{ background: #404146; } &:last-of-type:after{ background-image: linear-gradient(to bottom, #404146 0%, $darker-bg 80%); } } .year-month{ background: #404146; color: #ffffff; } .day-month:before{ background: #404146; border-color: $darker-bg; } // Overlay fullwidth mag box @include breakpoint(sm){ &.full-overlay-title li:not(.no-post-thumb) .block-title-overlay{ background: $darker-bg; } } .mag-box-filter-links .flexMenu-popup li:first-child{ border-color: rgba(255,255,255,0.05); } // Slider Dots .tie-slick-dots li:not(.slick-active) button{ background: rgba(255,255,255,0.2); } } // Dark .dark-skin .mag-box, .box-dark-skin{ .breaking, .breaking-news-nav li{ border-color: $base-border-color-in-white; } .breaking, .ticker-content, .ticker-swipe{ background-color: $dark-bg; } }
| ver. 1.4 |
Github
|
.
| PHP 8.2.28 | Generation time: 0.05 |
proxy
|
phpinfo
|
Settings