/* ============================================================================ bakivaxti.az — GECƏ / GÜNDÜZ (dark / light) rejimi — DESKTOP şablonu 2026-09-05, unikal.az-dakı məntiqin eynisi: * atributu qoyulanda bu qaydalar işə düşür; atribut yoxdursa sayt PİKSEL-PİKSEL əvvəlki kimi qalır (heç nə dəyişmir). * Seçim localStorage['bv_theme'] açarında saxlanılır (mobil şablonla ORTAQ). * Atribut -dəki inline script ilə CSS-dən ƏVVƏL qoyulur → ağ ekran yanıb-sönməsi (FOUC) olmur. Qeyd: style.css-dəki qaydaların üstünə çıxmaq üçün hər selektor `[data-theme=dark]` prefiksi ilə yazılıb (spesifiklik həmişə yüksəkdir). ============================================================================ */ /* ---------- 1. Toggle düyməsi (HƏR İKİ rejimdə görünür) ------------------- */ .bv-theme-toggle{display:inline-flex;align-items:center;justify-content:center; height:30px;min-width:30px;padding:0 8px;margin-left:12px; background:transparent;border:1px solid transparent;border-radius:4px; color:#0e4a67;font-size:17px;line-height:1;cursor:pointer;vertical-align:middle} .bv-theme-toggle:hover{background:rgba(14,74,103,.08)} .bv-theme-toggle:focus{outline:none} .bv-theme-toggle i{pointer-events:none} [data-theme=dark] .bv-theme-toggle{color:#fbbf24} [data-theme=dark] .bv-theme-toggle:hover{background:rgba(255,255,255,.08)} /* ---------- 2. Gövdə ------------------------------------------------------ */ [data-theme=dark]{color-scheme:dark} [data-theme=dark] body{background-color:#111827;color:#d1d5db} [data-theme=dark] a{color:#93c5fd} [data-theme=dark] hr{border-color:#374151} [data-theme=dark] .bg-white{background-color:#1f2937!important} [data-theme=dark] .text-#000,[data-theme=dark] .text-gray{color:#d1d5db!important} /* ---------- 3. Header ----------------------------------------------------- */ [data-theme=dark] header,[data-theme=dark] .header-fixed{background-color:#111827} [data-theme=dark] header .header-top{background-color:#1b2533} [data-theme=dark] header .menu{background-color:#1f2937} [data-theme=dark] header .top-menu>li a, [data-theme=dark] header .top-list-social>li a, [data-theme=dark] header .top-lists .valute-list li>p, [data-theme=dark] .top-list-lang>li a, [data-theme=dark] .navbar-menu .nav-list>li .top-list-ph>li a, [data-theme=dark] .navbar-menu .nav-list>li .top-list-ph>li a i{color:#93c5fd} [data-theme=dark] header .top-lists .valute-list li>p+p::after, [data-theme=dark] header .top-lists .valute-list li+li::after{background-color:#4b5563} [data-theme=dark] .navbar-toggler .icon-bar{background-color:#93c5fd} [data-theme=dark] header .search-lang-mobile{background-color:#1f2937!important} [data-theme=dark] .header-fixed::after{background-color:#374151} /* menyu + açılan alt-menyu (alt-menyu linklərində inline `color` var → !important) */ [data-theme=dark] .navbar-menu .nav-menu{border-color:#374151} [data-theme=dark] .navbar-menu .nav-menu>li .submenu, [data-theme=dark] .dropdown-menu{background-color:#243141;border-color:#374151} [data-theme=dark] .dropdown-menu li a, [data-theme=dark] .dropdown-menu li a.nav-link{color:#cfe2f7!important} [data-theme=dark] .dropdown-menu li a:hover{color:#ffffff!important} [data-theme=dark] .dropdown-item:hover,[data-theme=dark] .dropdown-item:focus{background-color:#374151;color:#fff} /* ---------- 4. Axtarış / form elementləri --------------------------------- */ [data-theme=dark] .form-search{background-color:#1f2937} [data-theme=dark] .form-control, [data-theme=dark] .input-search{background-color:#1f2937;border-color:#374151;color:#e5e7eb} [data-theme=dark] .form-control:focus{background-color:#1f2937;border-color:#4b5563;color:#ffffff;box-shadow:none} [data-theme=dark] .form-search .input-search::placeholder, [data-theme=dark] .form-control::placeholder{color:#9ca3af} [data-theme=dark] .form-search .btn-search{color:#93c5fd} [data-theme=dark] .form-send .label-title{color:#d1d5db} /* ---------- 5. Ağ fonlu bloklar → tünd panel ------------------------------ */ [data-theme=dark] .card, [data-theme=dark] .wi-box, [data-theme=dark] .social-buttons, [data-theme=dark] .counter, [data-theme=dark] .sites .sites-content, [data-theme=dark] .news-img-box .media-news, [data-theme=dark] .news-top .news-cat-name, [data-theme=dark] .news-right .slide-title, [data-theme=dark] .owl-main-slide .item .slide-title, [data-theme=dark] .pr-card .pr-category, [data-theme=dark] .section-trending-sec .posts-list>li+li, [data-theme=dark] .section-projects .projects-tab li .nav-link, [data-theme=dark] .main-slider .slide-left, [data-theme=dark] .main-slider .slide-right, [data-theme=dark] .list-group-item, [data-theme=dark] .modal-content, [data-theme=dark] .popover{background-color:#1f2937;border-color:#374151} [data-theme=dark] .card{color:#d1d5db} [data-theme=dark] .sites .sites-content{box-shadow:7px 7px 0 1px rgba(147,197,253,.10)} [data-theme=dark] .sites .sites-content .card-site{border-top-color:#374151} [data-theme=dark] .counter-border{border-left-color:#374151} [data-theme=dark] .counter .counter-icon{box-shadow:0 0 15px 0 rgba(0,0,0,.35)} /* açıq-boz fonlu geniş seksiyalar */ [data-theme=dark] .main-slider, [data-theme=dark] .sites, [data-theme=dark] .section-trending-sec, [data-theme=dark] .section-projects, [data-theme=dark] .bg-light{background-color:#161f2e!important} /* ---------- 6. Mətn rəngləri (#0e4a67 / #000 → açıq) ---------------------- */ /* başlıqlar → vurğu mavisi */ [data-theme=dark] .main-title, [data-theme=dark] .main-title:hover, [data-theme=dark] .title-news, [data-theme=dark] h1.main-title, [data-theme=dark] h2.main-title, [data-theme=dark] .text-blue, [data-theme=dark] .gallery-title, [data-theme=dark] .sites .sites-content .site-text, [data-theme=dark] .section-leader .leaders .leader-article h1{color:#93c5fd} [data-theme=dark] .main-title::after{background-color:#3b82f6} /* mətn / kart yazıları → oxunaqlı boz */ [data-theme=dark] .news-img-box .media-news .media-body p, [data-theme=dark] .news-img-box .media-news .media-left span, [data-theme=dark] .news-img-box .media-news .pr-date, [data-theme=dark] .news-media a, [data-theme=dark] .news-media .news-text, [data-theme=dark] .news-top .news-cat-name, [data-theme=dark] .news-right .slide-title, [data-theme=dark] .owl-main-slide .item .slide-title, [data-theme=dark] .pr-card a, [data-theme=dark] .pr-card .pr-text, [data-theme=dark] .pr-card .pr-category, [data-theme=dark] .section-trending .tr-text, [data-theme=dark] .section-trending .date, [data-theme=dark] .section-trending-sec .tr-text, [data-theme=dark] .section-trending-sec .date, [data-theme=dark] .section-projects .projects-tab li .nav-link, [data-theme=dark] .section-projects .news-article p, [data-theme=dark] .section-news .news-article p, [data-theme=dark] .section-news .news-sidebar .pr-card-news a, [data-theme=dark] .section-news .news-sidebar .pr-card-news .pr-text, [data-theme=dark] .section-contacts .contacts-item, [data-theme=dark] .section-contacts .online-menu-list li, [data-theme=dark] .section-files .files .files-text, [data-theme=dark] .section-leader .leaders .leader-article p, [data-theme=dark] .sites .sites-content .site-box a, [data-theme=dark] .page-info-list li a, [data-theme=dark] .pagination-list li, [data-theme=dark] .counter .counter-icon i, [data-theme=dark] .counter .counter-icon span, [data-theme=dark] .counter .counter-icon p, [data-theme=dark] .main-slider .slide-left, [data-theme=dark] .main-slider .slide-right{color:#d7dee7} [data-theme=dark] .news-img-box .media-news .pr-date::after{background-color:#93c5fd} [data-theme=dark] .news-img-box .media-news{border-bottom-color:#374151} [data-theme=dark] .section-trending-sec .posts-list>li+li{border-color:#374151} /* SEO breadcrumb-ları (app.blade.php-dəki inline .bv-crumbs) */ [data-theme=dark] .bv-crumbs,[data-theme=dark] .bv-crumbs a{color:#9aa9b6} [data-theme=dark] .bv-crumbs a:hover{color:#93c5fd} /* ---------- 7. Skroll-barlar ---------------------------------------------- */ [data-theme=dark] .news-list::-webkit-scrollbar-track{background:#1f2937} [data-theme=dark] .news-list::-webkit-scrollbar-thumb{background:#4b5563} [data-theme=dark] .news-img-box::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.25);outline:2px solid rgba(255,255,255,.25)} /* ---------- 8. Pagination / düymələr -------------------------------------- */ [data-theme=dark] .page-link{background-color:#1f2937;border-color:#374151;color:#93c5fd} [data-theme=dark] .page-item.disabled .page-link{background-color:#1b2533;border-color:#374151;color:#6b7280} [data-theme=dark] .load-more,[data-theme=dark] .btn-dark{background-color:#374151;border-color:#4b5563;color:#e5e7eb} [data-theme=dark] .emergency a{background-color:#1e5c80} /* ---------- 9. Footer ------------------------------------------------------ */ [data-theme=dark] footer{background-color:#152030;border-top:1px solid #374151} [data-theme=dark] footer .f-bottom{border-top-color:#374151} /* ---------- 10. Redaktordan gələn inline stillər (CKEditor) ---------------- Redaktorlar başlıq və mətnlərə tez-tez QARA rəng / AĞ fon "yandırırlar". Tünd rejimdə bunlar oxunmaz ağ ləkəyə çevrilir, ona görə YALNIZ həmin inline hallar neytrallaşdırılır. Qırmızı vurğu saxlanılır, sadəcə tünd fonda oxunan tona keçirilir. Qayda SAYT ÜZRƏ qlobaldır, çünki bu markup xəbər siyahılarındakı başlıqlarda da (yalnız məqalə mətnində yox) rast gəlinir. */ [data-theme=dark] .news-article,[data-theme=dark] .articleBody{color:#d7dee7} [data-theme=dark] .news-article a,[data-theme=dark] .articleBody a{color:#93c5fd} /* qara / tünd-boz inline mətn → açıq */ [data-theme=dark] [style*="color:#000"], [data-theme=dark] [style*="color: #000"], [data-theme=dark] [style*="color:black"], [data-theme=dark] [style*="color: black"], [data-theme=dark] [style*="color:rgb(0,0,0)"], [data-theme=dark] [style*="color:rgb(0, 0, 0)"], [data-theme=dark] [style*="color:#333"], [data-theme=dark] [style*="color: #333"], [data-theme=dark] .news-article font[color]{color:#d7dee7!important} /* ağ inline fon → şəffaf (`#fff` şablonu `#ffffff`-i də tutur) */ [data-theme=dark] [style*="background-color:#fff"], [data-theme=dark] [style*="background-color: #fff"], [data-theme=dark] [style*="background:#fff"], [data-theme=dark] [style*="background: #fff"], [data-theme=dark] [style*="background-color:white"], [data-theme=dark] [style*="background-color: white"]{background-color:transparent!important} /* ...lakin şəkil konteynerləri şəffaf yox, panel rəngi olmalıdır */ [data-theme=dark] .pr-img[style], [data-theme=dark] .fotoimg[style], [data-theme=dark] #for-auto-height[style]{background-color:#1f2937!important} [data-theme=dark] .news-article table, [data-theme=dark] .news-article td, [data-theme=dark] .news-article th{background-color:transparent!important;border-color:#374151} [data-theme=dark] .news-article blockquote{border-color:#374151;color:#c3ccd6} /* app.blade.php-dəki #ff0000→#c00000 a11y qaydası tünd fonda çox tünddür */ [data-theme=dark] span[style*="color:#ff0000"], [data-theme=dark] span[style*="color: #ff0000"], [data-theme=dark] span[style*="color:#FF0000"], [data-theme=dark] span[style*="color: #FF0000"]{color:#ff8080!important} /* bootstrap karusel nöqtələri */ [data-theme=dark] .carousel-indicators .active{background-color:#93c5fd} /* ---------- 11. Loqo və yan bannerlər ------------------------------------- */ /* logo-bv.png şəffaf fonlu TÜND-MAVİ yazıdır → tünd fonda görünmür, ağardılır. Bülbül (rəngli quş) və digər şəkillərə TOXUNULMUR. */ [data-theme=dark] img[src*="logo-bv"], [data-theme=dark] .navbar-brand.logo img{filter:brightness(0) invert(1)} /* səhifənin sağ/sol yan banner zolaqlarının inline `background-color:#FFF`-i */ [data-theme=dark] body>a[style*="banner1.gif"]{background-color:#111827!important} /* ---------- Əlavə: BÖYÜK HƏRFLİ inline rənglər (#FFFFFF, #000000 və s.) ----- Ayrı blok kimi yazılıb: `i` bayrağını tanımayan çox köhnə brauzerdə yalnız BU blok düşür, yuxarıdakı əsas qaydalar sağ qalır. */ [data-theme=dark] [style*="background-color:#fff" i], [data-theme=dark] [style*="background-color: #fff" i], [data-theme=dark] [style*="background:#fff" i]{background-color:transparent!important} [data-theme=dark] [style*="color:#000" i], [data-theme=dark] [style*="color: #000" i]{color:#d7dee7!important} [data-theme=dark] .pr-img[style], [data-theme=dark] .fotoimg[style], [data-theme=dark] #for-auto-height[style]{background-color:#1f2937!important}