/* ══════════════════════════════════════════════════════════════════════ Głos Podlasia — Dark Mode Applied when is set ══════════════════════════════════════════════════════════════════════ */ /* ── Logo swap ──────────────────────────────────────────────────────── */ .logo-dark { display: none; } [data-bs-theme="dark"] .logo-light { display: none !important; } [data-bs-theme="dark"] .logo-dark { display: inline-block !important; } /* ── Root variables ─────────────────────────────────────────────────── */ [data-bs-theme="dark"] { --gp-text: #e0e0e0; --gp-border: #2d2d3f; --gp-gray: #1e1e2e; --gp-surface: #1a1a2e; --gp-surface-hover: #22223a; --gp-surface-alt: #1e1e32; color-scheme: dark; } /* ── Body ───────────────────────────────────────────────────────────── */ [data-bs-theme="dark"] body { background-color: #121220; color: #e0e0e0; } /* ── Background overrides ───────────────────────────────────────────── */ [data-bs-theme="dark"] .bg-white, [data-bs-theme="dark"] .article-detail-wrapper, [data-bs-theme="dark"] .sidebar-widget { background-color: var(--gp-surface) !important; color: #e0e0e0; } [data-bs-theme="dark"] .bg-light { background-color: var(--gp-surface-alt) !important; color: #e0e0e0; } /* ── Cards ──────────────────────────────────────────────────────────── */ [data-bs-theme="dark"] .card, [data-bs-theme="dark"] .content-card { background-color: var(--gp-surface) !important; border-color: var(--gp-border) !important; color: #e0e0e0; } [data-bs-theme="dark"] .card-body, [data-bs-theme="dark"] .card-body-custom { color: #e0e0e0; } /* ── Navbar ─────────────────────────────────────────────────────────── */ [data-bs-theme="dark"] .navbar { background-color: #16162a !important; border-bottom-color: var(--gp-border) !important; } [data-bs-theme="dark"] .nav-link { color: #c0c0d0 !important; } [data-bs-theme="dark"] .nav-link:hover, [data-bs-theme="dark"] .nav-link.active { color: var(--gp-red) !important; } [data-bs-theme="dark"] .navbar-toggler { border-color: rgba(255,255,255,0.15) !important; } [data-bs-theme="dark"] .navbar-toggler-icon { filter: invert(1) grayscale(100%) brightness(200%); } /* ── Dropdown ───────────────────────────────────────────────────────── */ [data-bs-theme="dark"] .dropdown-menu { background-color: var(--gp-surface-alt); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4); border-color: var(--gp-border); } [data-bs-theme="dark"] .dropdown-item { color: #c0c0d0; } [data-bs-theme="dark"] .dropdown-item:hover, [data-bs-theme="dark"] .dropdown-item:focus { background: #2a2a40; color: var(--gp-red); } /* ── Article cards ──────────────────────────────────────────────────── */ [data-bs-theme="dark"] .article-card { background-color: var(--gp-surface); border-color: var(--gp-border); } [data-bs-theme="dark"] .article-card .card-title a { color: #e0e0e0; } [data-bs-theme="dark"] .article-card .card-title a:hover { color: var(--gp-red) !important; } [data-bs-theme="dark"] .article-card .text-muted { color: #8888a0 !important; } /* ── Article detail ─────────────────────────────────────────────────── */ [data-bs-theme="dark"] .article-detail__lead { color: #a0a0b8; } [data-bs-theme="dark"] .article-detail__body { color: #d0d0e0; } [data-bs-theme="dark"] .article-detail__body blockquote { background-color: var(--gp-surface-alt); border-left-color: var(--gp-red); color: #c0c0d0; } /* ── Text helpers ───────────────────────────────────────────────────── */ [data-bs-theme="dark"] .text-dark { color: #e0e0e0 !important; } [data-bs-theme="dark"] .text-muted { color: #8888a0 !important; } [data-bs-theme="dark"] .text-body { color: #e0e0e0 !important; } [data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2, [data-bs-theme="dark"] h3, [data-bs-theme="dark"] h4, [data-bs-theme="dark"] h5, [data-bs-theme="dark"] h6 { color: #f0f0f0; } [data-bs-theme="dark"] a:not(.btn):not(.nav-link):not(.badge):not(.footer-social-icon):not(.article-detail__share-btn) { color: #e06050; } /* ── Form controls ──────────────────────────────────────────────────── */ [data-bs-theme="dark"] .form-control, [data-bs-theme="dark"] .form-select { background-color: var(--gp-surface-alt); border-color: var(--gp-border); color: #e0e0e0; } [data-bs-theme="dark"] .form-control:focus, [data-bs-theme="dark"] .form-select:focus { background-color: var(--gp-surface-hover); border-color: var(--gp-red); color: #e0e0e0; } [data-bs-theme="dark"] .form-control::placeholder { color: #666680; } /* ── Buttons ────────────────────────────────────────────────────────── */ [data-bs-theme="dark"] .btn-outline-danger { color: #e06050; border-color: #e06050; } [data-bs-theme="dark"] .btn-outline-danger:hover { background-color: #e06050; color: #fff; } [data-bs-theme="dark"] .btn-outline-secondary { color: #c0c0d0; border-color: var(--gp-border); } [data-bs-theme="dark"] .btn-outline-secondary:hover { background-color: #2a2a40; color: #fff; } [data-bs-theme="dark"] .btn-light { background-color: #2a2a40; border-color: #2a2a40; color: #e0e0e0; } [data-bs-theme="dark"] .btn-light:hover { background-color: #3a3a50; color: #fff; } /* ── Sidebar ────────────────────────────────────────────────────────── */ [data-bs-theme="dark"] .sidebar-widget__title { border-bottom-color: var(--gp-border); color: #e0e0e0; } [data-bs-theme="dark"] .sidebar-widget--cta { background-color: #1e1e32 !important; border-color: var(--gp-border) !important; } [data-bs-theme="dark"] .popular-list__rank { background: #2a2a40; color: var(--gp-red); } [data-bs-theme="dark"] .popular-list__item:nth-child(-n+3) .popular-list__rank { background: var(--gp-red); color: #fff; } [data-bs-theme="dark"] .popular-list__link { color: #d0d0e0; } /* ── Latest items ───────────────────────────────────────────────────── */ [data-bs-theme="dark"] .latest-item { background-color: var(--gp-surface) !important; } [data-bs-theme="dark"] .latest-item:hover { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important; } [data-bs-theme="dark"] .latest-item__link { color: #e0e0e0; } [data-bs-theme="dark"] .latest-item__placeholder { background: var(--gp-surface-alt) !important; color: #666680; } /* ── Category list ──────────────────────────────────────────────────── */ [data-bs-theme="dark"] .cat-list-item { background-color: var(--gp-surface) !important; } [data-bs-theme="dark"] .cat-list-item:hover { background: var(--gp-surface-hover) !important; } [data-bs-theme="dark"] .cat-list-item__img { background: var(--gp-surface-alt) !important; } /* ── Section headers ────────────────────────────────────────────────── */ [data-bs-theme="dark"] .section-header { border-bottom-color: var(--gp-border); } /* ── Regional tabs ──────────────────────────────────────────────────── */ [data-bs-theme="dark"] .regional-tabs .nav-link { color: #c0c0d0; } [data-bs-theme="dark"] .regional-tabs .nav-link:not(.active):hover { background: var(--gp-surface-hover); } /* ── Pagination ─────────────────────────────────────────────────────── */ [data-bs-theme="dark"] .page-link { background-color: var(--gp-surface-alt); border-color: var(--gp-border); color: var(--gp-red); } [data-bs-theme="dark"] .page-link:hover { background-color: #2a2a40; } [data-bs-theme="dark"] .page-item.active .page-link { background-color: var(--gp-red); border-color: var(--gp-red); color: #fff; } /* ── Share buttons ──────────────────────────────────────────────────── */ [data-bs-theme="dark"] .article-detail__share-btn { border-color: var(--gp-border); color: #c0c0d0; } [data-bs-theme="dark"] .article-detail__share-btn:hover { background-color: #2a2a40; color: #fff; } /* ── Tags & badges ──────────────────────────────────────────────────── */ [data-bs-theme="dark"] .badge.bg-light { background-color: #2a2a40 !important; color: #c0c0d0 !important; } [data-bs-theme="dark"] .badge.bg-secondary { background-color: #2a2a40 !important; } /* ── Breadcrumb ─────────────────────────────────────────────────────── */ [data-bs-theme="dark"] .breadcrumb { background-color: transparent; } [data-bs-theme="dark"] .breadcrumb-item a { color: #e06050; } [data-bs-theme="dark"] .breadcrumb-item.active { color: #8888a0; } [data-bs-theme="dark"] .breadcrumb-item + .breadcrumb-item::before { color: #666680; } /* ── Shadows ────────────────────────────────────────────────────────── */ [data-bs-theme="dark"] .shadow, [data-bs-theme="dark"] .shadow-sm { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important; } /* ── Tables ─────────────────────────────────────────────────────────── */ [data-bs-theme="dark"] table, [data-bs-theme="dark"] .table { color: #e0e0e0; border-color: var(--gp-border); } [data-bs-theme="dark"] .table thead th { background-color: var(--gp-surface-alt); border-color: var(--gp-border); color: #c0c0d0; } [data-bs-theme="dark"] .table td, [data-bs-theme="dark"] .table th { border-color: var(--gp-border); } [data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.03); } /* ── Code blocks ────────────────────────────────────────────────────── */ [data-bs-theme="dark"] pre, [data-bs-theme="dark"] code { background-color: var(--gp-surface-alt); color: #e06050; border-color: var(--gp-border); } [data-bs-theme="dark"] pre { padding: 1rem; border-radius: 6px; border: 1px solid var(--gp-border); } /* ── Footer ─────────────────────────────────────────────────────────── */ [data-bs-theme="dark"] footer { background-color: #0c0c18 !important; border-top: 1px solid var(--gp-border); } [data-bs-theme="dark"] footer .footer-social-icon { border-color: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.5); } [data-bs-theme="dark"] footer .footer-social-icon:hover { background-color: var(--gp-red); border-color: var(--gp-red); color: #fff; } /* ── Cookie banner ──────────────────────────────────────────────────── */ [data-bs-theme="dark"] .cookie-banner { background: rgba(10, 10, 20, 0.97); } /* ── Borders ────────────────────────────────────────────────────────── */ [data-bs-theme="dark"] .border-bottom { border-bottom-color: var(--gp-border) !important; } [data-bs-theme="dark"] .border { border-color: var(--gp-border) !important; } [data-bs-theme="dark"] hr { border-color: var(--gp-border); opacity: 0.3; } /* ── List group ─────────────────────────────────────────────────────── */ [data-bs-theme="dark"] .list-group-item { background-color: var(--gp-surface); border-color: var(--gp-border); color: #e0e0e0; } [data-bs-theme="dark"] .list-group-item:hover { background-color: var(--gp-surface-hover); } /* ── Sidebar related placeholder ────────────────────────────────────── */ [data-bs-theme="dark"] .sidebar-related__placeholder { background: var(--gp-surface-alt); color: #666680; } /* ── Weather widget ─────────────────────────────────────────────────── */ [data-bs-theme="dark"] .weather-day { background-color: var(--gp-surface) !important; border-color: var(--gp-border) !important; } /* ── Alerts ─────────────────────────────────────────────────────────── */ [data-bs-theme="dark"] .alert { border-color: var(--gp-border); } [data-bs-theme="dark"] .alert-info { background-color: rgba(13, 202, 240, 0.1); color: #6edff6; } [data-bs-theme="dark"] .alert-warning { background-color: rgba(255, 193, 7, 0.1); color: #ffda6a; } [data-bs-theme="dark"] .alert-danger { background-color: rgba(220, 53, 69, 0.1); color: #ea868f; } /* ── Modal ──────────────────────────────────────────────────────────── */ [data-bs-theme="dark"] .modal-content { background-color: var(--gp-surface); border-color: var(--gp-border); color: #e0e0e0; } [data-bs-theme="dark"] .modal-header, [data-bs-theme="dark"] .modal-footer { border-color: var(--gp-border); } /* ── Images (prevent white flash on lazy load) ──────────────────────── */ [data-bs-theme="dark"] img.lazy, [data-bs-theme="dark"] img[loading="lazy"] { background-color: var(--gp-surface-alt); } /* ── Selection ──────────────────────────────────────────────────────── */ [data-bs-theme="dark"] ::selection { background-color: var(--gp-red); color: #fff; } /* ── Scrollbar ──────────────────────────────────────────────────────── */ [data-bs-theme="dark"] ::-webkit-scrollbar { width: 8px; height: 8px; } [data-bs-theme="dark"] ::-webkit-scrollbar-track { background: #121220; } [data-bs-theme="dark"] ::-webkit-scrollbar-thumb { background: #2d2d3f; border-radius: 4px; } [data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #3d3d5f; } /* ── Dark mode toggle button ────────────────────────────────────────── */ .dark-mode-toggle { background: none; border: none; color: inherit; cursor: pointer; font-size: 1rem; padding: 0; line-height: 1; opacity: 0.6; transition: opacity 0.2s; } .dark-mode-toggle:hover { opacity: 1; } .topbar .dark-mode-toggle { color: rgba(255, 255, 255, 0.5); } .topbar .dark-mode-toggle:hover { color: #fff; } [data-bs-theme="dark"] .dark-mode-toggle { color: #ffc107; } /* ── Print: always light ────────────────────────────────────────────── */ @media print { [data-bs-theme="dark"] body { background: #fff !important; color: #000 !important; } .logo-dark { display: none !important; } .logo-light { display: inline-block !important; } }