/* ========================================================= Jaihind News — Light / dark theme Theme is set on by the inline script in the layouts (before first paint) and toggled by public/js/theme.js. ========================================================= */ /* ---------- Theme switch (utility bar) ---------- */ .jh-theme-toggle { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0; border: 0; background: none; color: var(--hdr-ink, #111); font: inherit; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; } .jh-theme-toggle__track { position: relative; display: inline-block; width: 40px; height: 22px; flex: 0 0 40px; border-radius: 999px; background: #dfe3e9; box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.08); transition: background-color 0.25s ease; } .jh-theme-toggle__thumb { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(17, 24, 39, 0.25); display: flex; align-items: center; justify-content: center; transition: transform 0.3s cubic-bezier(0.3, 1.4, 0.5, 1), background-color 0.25s ease; } .jh-theme-toggle__thumb i { position: absolute; font-size: 10px; line-height: 1; transition: opacity 0.2s ease, transform 0.3s ease; } .jh-theme-toggle__sun { color: #e8a200; } .jh-theme-toggle__moon { color: #9cc0ff; opacity: 0; transform: rotate(-60deg) scale(0.6); } .jh-theme-toggle:hover .jh-theme-toggle__track { background: #d2d7df; } .jh-theme-toggle:focus-visible { outline: none; } .jh-theme-toggle:focus-visible .jh-theme-toggle__track { box-shadow: 0 0 0 2px var(--color-surface, #fff), 0 0 0 4px var(--color-brand-blue, #0038ad); } :root[data-theme="dark"] .jh-theme-toggle__track { background: #2b3444; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06); } :root[data-theme="dark"] .jh-theme-toggle:hover .jh-theme-toggle__track { background: #344056; } :root[data-theme="dark"] .jh-theme-toggle__thumb { transform: translateX(18px); background: #0e1116; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); } :root[data-theme="dark"] .jh-theme-toggle__sun { opacity: 0; transform: rotate(60deg) scale(0.6); } :root[data-theme="dark"] .jh-theme-toggle__moon { opacity: 1; transform: none; } @media (max-width: 767.98px) { .jh-theme-toggle__label { display: none; } } @media (prefers-reduced-motion: reduce) { .jh-theme-toggle__track, .jh-theme-toggle__thumb, .jh-theme-toggle__thumb i { transition: none; } } /* Cross-fade between themes (browsers with View Transitions). */ ::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0.28s; } /* ---------- Dark: foundations ---------- */ :root[data-theme="dark"] { color-scheme: dark; } :root[data-theme="dark"] ::selection { background: rgba(91, 147, 255, 0.35); color: #fff; } html[data-bs-theme="dark"] { --bs-body-bg: #0e1116; --bs-body-bg-rgb: 14, 17, 22; --bs-body-color: #e8eaee; --bs-body-color-rgb: 232, 234, 238; --bs-emphasis-color: #ffffff; --bs-secondary-color: rgba(232, 234, 238, 0.7); --bs-tertiary-color: rgba(232, 234, 238, 0.5); --bs-secondary-bg: #1b2029; --bs-tertiary-bg: #161a21; --bs-border-color: #2a303a; --bs-border-color-translucent: rgba(255, 255, 255, 0.1); --bs-link-color: #6c9dff; --bs-link-color-rgb: 108, 157, 255; --bs-link-hover-color: #93b6ff; --bs-link-hover-color-rgb: 147, 182, 255; --bs-heading-color: inherit; } :root[data-theme="dark"] .modal { --bs-modal-bg: #161a21; --bs-modal-border-color: #2a303a; } :root[data-theme="dark"] .offcanvas, :root[data-theme="dark"] .offcanvas-lg, :root[data-theme="dark"] .offcanvas-md { --bs-offcanvas-bg: #161a21; --bs-offcanvas-color: #e8eaee; } :root[data-theme="dark"] .dropdown-menu { --bs-dropdown-bg: #161a21; --bs-dropdown-border-color: #2a303a; --bs-dropdown-link-color: #e8eaee; --bs-dropdown-link-hover-bg: #1f252e; } :root[data-theme="dark"] .card { --bs-card-bg: #161a21; --bs-card-border-color: #2a303a; --bs-card-cap-bg: #1b2029; } :root[data-theme="dark"] .list-group { --bs-list-group-bg: #161a21; --bs-list-group-border-color: #2a303a; --bs-list-group-color: #e8eaee; } :root[data-theme="dark"] .table { --bs-table-bg: transparent; --bs-table-color: #e8eaee; --bs-table-border-color: #2a303a; --bs-table-striped-bg: rgba(255, 255, 255, 0.03); --bs-table-hover-bg: rgba(255, 255, 255, 0.05); } :root[data-theme="dark"] .form-control, :root[data-theme="dark"] .form-select { background-color: #11151b; border-color: #2f3642; color: #e8eaee; } :root[data-theme="dark"] .form-control::placeholder { color: #6b7380; } :root[data-theme="dark"] .form-control:focus, :root[data-theme="dark"] .form-select:focus { background-color: #11151b; border-color: #5b93ff; box-shadow: 0 0 0 0.2rem rgba(91, 147, 255, 0.25); color: #fff; } :root[data-theme="dark"] .nav-tabs { --bs-nav-tabs-link-active-bg: #161a21; --bs-nav-tabs-link-active-border-color: #2a303a #2a303a #161a21; --bs-nav-tabs-border-color: #2a303a; } /* ---------- Dark: Bootstrap light utilities ---------- */ :root[data-theme="dark"] .bg-white { background-color: var(--color-surface) !important; } :root[data-theme="dark"] .bg-light { background-color: #1b2029 !important; } :root[data-theme="dark"] .text-dark:not(.bg-warning):not(.bg-info):not(.bg-white-keep), :root[data-theme="dark"] .text-black, :root[data-theme="dark"] .link-dark { color: var(--color-text) !important; } :root[data-theme="dark"] .badge.bg-light { background-color: #222833 !important; border-color: #313846 !important; color: #d7dbe2 !important; } :root[data-theme="dark"] .badge.bg-light:hover { background-color: #2a3140 !important; color: #fff !important; } :root[data-theme="dark"] .btn-light { --bs-btn-bg: #1f252e; --bs-btn-border-color: #2f3642; --bs-btn-color: #e8eaee; --bs-btn-hover-bg: #262d38; --bs-btn-hover-border-color: #394150; --bs-btn-hover-color: #fff; } :root[data-theme="dark"] .btn-outline-dark { --bs-btn-color: #e8eaee; --bs-btn-border-color: #3a414d; --bs-btn-hover-bg: #e8eaee; --bs-btn-hover-color: #0e1116; --bs-btn-hover-border-color: #e8eaee; } :root[data-theme="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); } /* ---------- Dark: brand logo ---------- */ :root[data-theme="dark"] img[src*="logo/jaihind.png"] { content: url("/logo/jaihind-dark.png?v=2"); } :root[data-theme="dark"] img[src*="logo/jaihind"] { background: transparent !important; } /* ---------- Dark: ink-filled hover states need dark text ---------- */ :root[data-theme="dark"] .jh-topstage :is(a, button):focus-visible { outline-color: #5b93ff; } /* ---------- Dark: election widget (inline-styled markup) ---------- */ :root[data-theme="dark"] [style*="background:#ffffff"], :root[data-theme="dark"] [style*="background: #ffffff"] { background: var(--color-surface) !important; } :root[data-theme="dark"] [style*="background:#f8f9fa"], :root[data-theme="dark"] [style*="background:#f1f5ff"] { background: #1b2029 !important; } :root[data-theme="dark"] [style*="solid #ddd"], :root[data-theme="dark"] [style*="solid #dcdcdc"], :root[data-theme="dark"] [style*="solid #ccc"], :root[data-theme="dark"] [style*="solid #d6e0ff"] { border-color: #2f3642 !important; } :root[data-theme="dark"] [style*="border-color:#fff"] { border-color: #161a21 !important; } :root[data-theme="dark"] [style*="color:#0b3d91"] { color: #7ea6ff !important; } :root[data-theme="dark"] [style*="box-shadow:0 2px 5px rgba(0,0,0,0.05)"] { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45) !important; } /* ---------- Dark: generated overrides for hard-coded colours ---------- */ :root[data-theme="dark"] .jh-auth-link, :root[data-theme="dark"] .jh-auth-switch a:hover, :root[data-theme="dark"] .jh-auth-switch a:focus-visible, :root[data-theme="dark"] .jh-auth-context__title { color: #f5475f; } :root[data-theme="dark"] .input-group.shadow-sm { box-shadow: 0 0 0 1px #2a303a !important; } :root[data-theme="dark"] .input-group.shadow-sm > .form-control { background-color: #161a21; } .jh-theme-toggle { position: relative; } .jh-theme-toggle::after { content: ""; position: absolute; inset: -11px -6px; } :root[data-theme="dark"] section.jh-topstage, :root[data-theme="dark"] .card.border-0:not(.shadow):not(.shadow-sm):not(.shadow-lg) { background-color: transparent; } @container (max-width: 580px) { :root[data-theme="dark"] .jh-topstage .jh-topstage__stories { border-left: 0; } :root[data-theme="dark"] .jh-topstage .jh-topstage__stories .jh-topstage__story:last-child { border-bottom: 0; } } /* ---- from public/css/site.css ---- */ :root[data-theme="dark"] { --color-bg: #0e1116; --color-surface: #161a21; --color-text: #e8eaee; --color-muted: #9aa2af; --color-border: #2a303a; --color-primary: #f5475f; --color-primary-deep: #ff6b80; --color-brand-blue: #5b93ff; --color-brand-red: #f5475f; } :root[data-theme="dark"] .news-title-link:hover .jh-compact-title, :root[data-theme="dark"] .news-title-link:hover .jh-story-title, :root[data-theme="dark"] .jh-hero-link:hover .jh-hero-title { color: var(--color-primary); } :root[data-theme="dark"] .section-header::before { background: linear-gradient(#2f6fe0, #2f6fe0) left top / 3.5px 100% no-repeat, linear-gradient(#d61a3a, #d61a3a) right bottom / 3.5px 72% no-repeat; } :root[data-theme="dark"] .section-header a:hover { color: var(--color-brand-red); } :root[data-theme="dark"] .sticky-breaking-news { background: linear-gradient(to right, #d61a3a, #1565c0); } :root[data-theme="dark"] .live-dot { background: #d61a3a; } :root[data-theme="dark"] .jh-cutz__nav:hover:not(:disabled), :root[data-theme="dark"] .jh-cutz__nav:focus-visible { border-color: var(--color-brand-blue); background: #2f6fe0; color: #fff; } :root[data-theme="dark"] .jh-cutz__card:focus-visible { outline: 2px solid var(--color-brand-blue); } :root[data-theme="dark"] .jh-cutz-modal__close:hover { background: #d61a3a; } :root[data-theme="dark"] .jh-panel__row:hover .jh-panel__row-title { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-gulf-hero__live { background: #2f6fe0; } :root[data-theme="dark"] .jh-gulf-modal__close:hover { background: #d61a3a; } :root[data-theme="dark"] .life-tab::after { background: #d61a3a; } :root[data-theme="dark"] .life-tab:hover { color: var(--color-text); background: var(--color-surface-alt, #1e232c); } :root[data-theme="dark"] .life-tab.is-active { color: var(--color-text); } :root[data-theme="dark"] header .jh-account__trigger { color: #e0e2e4 !important; } :root[data-theme="dark"] header .jh-account__trigger:hover, :root[data-theme="dark"] header .jh-account__trigger:focus, :root[data-theme="dark"] header .jh-account__trigger[aria-expanded="true"] { background: #1f252d !important; border-color: #2c3138 !important; } :root[data-theme="dark"] header .jh-account__caret { color: #5186f6; } :root[data-theme="dark"] header .dropdown-menu.jh-account__menu { border: 1px solid #212933 !important; background: #161a21 !important; } :root[data-theme="dark"] header .jh-account__identity-name { color: #e0e2e4; } :root[data-theme="dark"] header .jh-account__identity-email { color: #a4a9b2; } :root[data-theme="dark"] header .jh-account__plan { background: #1c232e; border: 1px solid #212933; } :root[data-theme="dark"] header .jh-account__plan--active { background: #192131; border-color: #202a3d; } :root[data-theme="dark"] header .jh-account__plan-name { color: #e0e2e4; } :root[data-theme="dark"] header .jh-account__plan-meta { color: #a4a9b2; } :root[data-theme="dark"] header .jh-account__plan-badge { background: #161a21; color: #5186f6; border: 1px solid #222b41; } :root[data-theme="dark"] header .jh-account__plan--active .jh-account__plan-badge { border-color: #1a64ff; } :root[data-theme="dark"] header .jh-account__plan-cta { color: #5186f6 !important; } :root[data-theme="dark"] header .jh-account__plan-cta:hover { color: #f55271 !important; } :root[data-theme="dark"] header .jh-account__link { color: #e0e2e4 !important; } :root[data-theme="dark"] header .jh-account__link i { color: #9ca2aa; } :root[data-theme="dark"] header .jh-account__link:hover { background: #1f252d !important; } :root[data-theme="dark"] header .jh-account__footer { border-top: 1px solid #21272f; } :root[data-theme="dark"] header .jh-account__signout { color: #f55271 !important; } :root[data-theme="dark"] header .jh-account__signout:hover, :root[data-theme="dark"] header .jh-account__signout:focus { background: rgba(198, 12, 48, 0.06) !important; } :root[data-theme="dark"] .jh-biz__lead-media { background: #29313e; } :root[data-theme="dark"] .jh-biz__stack-media { background: #29313e; } :root[data-theme="dark"] .jh-biz__stack-item:hover .jh-biz__stack-title, :root[data-theme="dark"] .jh-biz__strip-item:hover .jh-biz__strip-title, :root[data-theme="dark"] .jh-biz__video-lead:hover .jh-biz__video-title, :root[data-theme="dark"] .jh-biz__video-row:hover .jh-biz__video-row-title { color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-biz__strip-media { background: #29313e; } :root[data-theme="dark"] .jh-biz__videos { background: linear-gradient(180deg, #1f252d 0%, #1f2630 100%); border: 1px solid #242a34; } :root[data-theme="dark"] .jh-biz__videos-head { border-bottom: 1px solid #272d39; } :root[data-theme="dark"] .jh-duo__thumb { background: #29313e; } :root[data-theme="dark"] .jh-duo__row:hover .jh-duo__row-title { color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-duo__more:hover { color: var(--color-primary-deep); } :root[data-theme="dark"] .home-page .jh-cat-image, :root[data-theme="dark"] .home-page .card-img-top, :root[data-theme="dark"] .home-page .featured-image, :root[data-theme="dark"] .home-page .jh-duo__tile img, :root[data-theme="dark"] .home-page .jh-biz__lead-media img, :root[data-theme="dark"] .home-page .jh-biz__strip-media img, :root[data-theme="dark"] .home-page .jh-biz__video-media img, :root[data-theme="dark"] .home-page .jh-lifestyle-content img { background: var(--color-surface-alt, #222832); } :root[data-theme="dark"] .home-page .news-item-hover img, :root[data-theme="dark"] .home-page .jh-duo__thumb img { background: var(--color-surface-alt, #222832); } :root[data-theme="dark"] .jh-catsec__media img { background: var(--color-surface-alt, #222832); } :root[data-theme="dark"] .jh-catsec__row-media img { background: var(--color-surface-alt, #222832); } :root[data-theme="dark"] .jh-catsec .news-title-link:hover .jh-catsec__lead-title, :root[data-theme="dark"] .jh-catsec .news-title-link:hover .jh-catsec__row-title { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-hdr, :root[data-theme="dark"] .jh-hdr__nav, :root[data-theme="dark"] .jh-hdr__quick, :root[data-theme="dark"] .jh-mega { --hdr-ink: #eceef2; --hdr-muted: #9aa2af; --hdr-rule: #262b34; --hdr-rule-strong: #363c47; --hdr-tint: #11151b; } :root[data-theme="dark"] .jh-hdr { background: #161a21; } :root[data-theme="dark"] .jh-hdr__live:hover { color: var(--color-primary-deep); } :root[data-theme="dark"] .jh-hdr__live-dot { background: #d61a3a; } :root[data-theme="dark"] .jh-hdr__social a { color: #b0b4bc; } :root[data-theme="dark"] .jh-hdr__social a:hover { color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-hdr__follow { color: #969ca6; } :root[data-theme="dark"] .jh-hdr__lang:hover, :root[data-theme="dark"] .jh-hdr__util-link:hover, :root[data-theme="dark"] .jh-hdr__util-auth:hover { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-hdr__util-auth { color: var(--color-brand-blue, #5186f6); } :root[data-theme="dark"] .jh-hdr__mast { background: #161a21; } :root[data-theme="dark"] .jh-hdr__sections { background: #161a21; } :root[data-theme="dark"] .jh-hdr__sections:hover, :root[data-theme="dark"] .jh-hdr__sections:focus-visible { border-color: var(--hdr-ink); background: var(--hdr-ink); color: #0e1116; } :root[data-theme="dark"] .jh-hdr__icon-btn { background: #161a21; } :root[data-theme="dark"] .jh-hdr__icon-btn:hover, :root[data-theme="dark"] .jh-hdr__icon-btn:focus-visible { border-color: var(--color-brand-blue); background: #2f6fe0; color: #fff; } :root[data-theme="dark"] .jh-hdr__subscribe { background: #d61a3a; } :root[data-theme="dark"] .jh-hdr__subscribe:hover { background: #e8304d; color: #fff; } :root[data-theme="dark"] .jh-hdr__signin:hover { border-color: var(--color-brand-blue); color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-hdr__nav { background: #161a21; } :root[data-theme="dark"] .jh-hdr__home::after, :root[data-theme="dark"] .jh-hdr__link::after { background: #d61a3a; } :root[data-theme="dark"] .jh-hdr__home:hover, :root[data-theme="dark"] .jh-hdr__link:hover { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-hdr__link.is-active, :root[data-theme="dark"] .jh-hdr__home.is-active { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-hdr__nav-end { background: #161a21; } :root[data-theme="dark"] .jh-hdr__nav-end::before { background: linear-gradient(to right, rgba(22, 26, 33, 0), #161a21); } :root[data-theme="dark"] .jh-hdr__nav-subscribe { background: #d61a3a; } :root[data-theme="dark"] .jh-hdr__nav-subscribe:hover { background: #e8304d; color: #fff; } :root[data-theme="dark"] .jh-hdr__watch:hover { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-hdr__chip { background: #161a21; } :root[data-theme="dark"] .jh-hdr__chip:hover { border-color: var(--color-brand-blue); color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-hdr__chip.is-active { border-color: var(--color-brand-red); background: #d61a3a; color: #fff; } :root[data-theme="dark"] .jh-mega__group ul a:hover { color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-mega__group ul a.is-active { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-mega__promo:hover { background: #161a21; border-color: var(--hdr-rule-strong); border-left-color: var(--color-brand-red); } :root[data-theme="dark"] .jh-mega__promo--sub:hover { border-left-color: var(--color-brand-blue); } :root[data-theme="dark"] .hover-blue:hover { color: var(--color-brand-blue) !important; } :root[data-theme="dark"] .hover-green:hover { color: #64e2a8 !important; } :root[data-theme="dark"] .hover-red:hover, :root[data-theme="dark"] .hover-danger:hover, :root[data-theme="dark"] .hover-primary:hover { color: var(--color-brand-red) !important; } :root[data-theme="dark"] #videoTabs .nav-link.active, :root[data-theme="dark"] #videoTabs .nav-link:hover { color: var(--color-brand-red); border-bottom-color: var(--color-brand-red); } :root[data-theme="dark"] .jh-story { --story-ink: #eef0f3; --story-body: #d3d8df; --story-muted: #9aa2af; --story-rule: #262b34; --story-rule-strong: #363c47; background: #161a21; } :root[data-theme="dark"] .jh-story__progress span { background: #d61a3a; } :root[data-theme="dark"] .jh-story__crumbs a:hover { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-story__kicker::before { background: #d61a3a; } :root[data-theme="dark"] .jh-story__standfirst { color: #bec2c8; } :root[data-theme="dark"] .jh-story__by img { background: #212730; } :root[data-theme="dark"] .jh-story__by:hover strong { color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-story__media img { background: #212730; } :root[data-theme="dark"] .jh-story__icon-btn { background: #161a21; } :root[data-theme="dark"] .jh-story__icon-btn:hover, :root[data-theme="dark"] .jh-story__icon-btn:focus-visible { border-color: var(--color-brand-blue); background: #2f6fe0; color: #fff; } :root[data-theme="dark"] .jh-story__save.is-saved { background: #d61a3a; } :root[data-theme="dark"] .jh-story__body > p:first-of-type { color: #e1e3e5; } :root[data-theme="dark"] .jh-story__body a:hover { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-story__tags a:hover { border-color: var(--color-brand-blue); background: #2f6fe0; color: #fff; } :root[data-theme="dark"] .jh-story__author > img { background: #212730; } :root[data-theme="dark"] .jh-story__author-name:hover { color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-story__author p { color: #c5c8cd; } :root[data-theme="dark"] .jh-story__author-more:hover { border-bottom-color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-story__panel h2::after { background: #d61a3a; } :root[data-theme="dark"] .jh-story__live-dot { background: #d61a3a; } :root[data-theme="dark"] .jh-story__top a:hover .jh-story__top-t { color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-story__also-media { background: #212730; } :root[data-theme="dark"] .jh-story__also-item:hover p { color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-story__more-head::after { background: #d61a3a; } :root[data-theme="dark"] .jh-story__more-head a:hover { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-story__more-media { background: #212730; } :root[data-theme="dark"] .jh-story__more-card:hover p { color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-toast--error { background: #d61a3a; } :root[data-theme="dark"] .jh-toast--info { background: #2f6fe0; } :root[data-theme="dark"] .jh-author { --author-ink: #eef0f3; --author-body: #d3d8df; --author-muted: #9aa2af; --author-rule: #262b34; --author-rule-strong: #363c47; background: #161a21; } :root[data-theme="dark"] .jh-author__crumbs a:hover { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-author__mast::before { background: #d61a3a; } :root[data-theme="dark"] .jh-author__photo { background: #232934; } :root[data-theme="dark"] .jh-author__bio li::before { background: #2f6fe0; } :root[data-theme="dark"] .jh-author__btn:hover { background: var(--author-ink); color: #0e1116; } :root[data-theme="dark"] .jh-author__social a:hover { border-color: var(--color-brand-blue); background: #2f6fe0; color: #fff; } :root[data-theme="dark"] .jh-author__section-head::after { background: #d61a3a; } :root[data-theme="dark"] .jh-author__feature-media { background: #212730; } :root[data-theme="dark"] .jh-author__feature:hover .jh-author__feature-copy h3 { color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-author__row:hover .jh-author__row-copy h3 { color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-author__row-media { background: #212730; } :root[data-theme="dark"] .jh-author__pager a:hover { background: #232934; color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-author__pager .is-active span { background: #2f6fe0; color: #fff; } :root[data-theme="dark"] .jh-author__ranked a:hover strong { color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-author__rail-block--about { background: #1e232c; } :root[data-theme="dark"] .jh-author__rail-link:hover { border-bottom-color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-authors { --authors-ink: #e8eaee; --authors-muted: #9aa2af; background: #161a21; } :root[data-theme="dark"] .jh-authors__crumbs a:hover { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-authors__head::after { background: #d61a3a; } :root[data-theme="dark"] .jh-authors__search { background: #161a21; } :root[data-theme="dark"] .jh-authors__search:focus-within { border-color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-authors__search button { background: #2f6fe0; } :root[data-theme="dark"] .jh-authors__search button:hover { background: #d61a3a; } :root[data-theme="dark"] .jh-authors__section-head h2::before { background: #d61a3a; } :root[data-theme="dark"] .jh-authors__lead-card { background: linear-gradient(160deg, #2f6fe0 0%, #002a82 62%, #001f66 100%); } :root[data-theme="dark"] .jh-authors__lead-card::after { background: #d61a3a; } :root[data-theme="dark"] .jh-authors__card { background: #161a21; } :root[data-theme="dark"] .jh-authors__card::before { background: #2f6fe0; } :root[data-theme="dark"] .jh-authors__card:hover { border-color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-authors__card-media { background: #232934; } :root[data-theme="dark"] .jh-authors__card:hover .jh-authors__card-copy h3 { color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-cat { --cat-ink: #eef0f3; --cat-muted: #9aa2af; --cat-rule: #262b34; } :root[data-theme="dark"] .jh-cat__crumbs a:hover { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-cat__crumbs [aria-current] { color: var(--cat-ink); } :root[data-theme="dark"] .jh-cat__lead-media { background: #222933; } :root[data-theme="dark"] .jh-cat__lead-title a, :root[data-theme="dark"] .jh-cat__card-title a { background-image: linear-gradient(#d61a3a, #d61a3a); } :root[data-theme="dark"] .jh-cat__lead-title a:hover, :root[data-theme="dark"] .jh-cat__card-title a:hover { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-cat__lead-standfirst { color: #bfc2c8; } :root[data-theme="dark"] .jh-cat__card-media { background: #222933; } :root[data-theme="dark"] .jh-cat__page { color: #cacdd1; } :root[data-theme="dark"] .jh-cat__page:hover { border-color: var(--color-brand-blue); color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-cat__page.is-current { background: #2f6fe0; } :root[data-theme="dark"] .jh-cat__empty-cta { background: #d61a3a; } :root[data-theme="dark"] .jh-cat__empty-cta:hover { background: #2f6fe0; color: #fff; } :root[data-theme="dark"] .jh-sitepage__tick { background: linear-gradient(#2f6fe0, #2f6fe0) left top / 3.5px 100% no-repeat, linear-gradient(#d61a3a, #d61a3a) right bottom / 3.5px 72% no-repeat; } :root[data-theme="dark"] .jh-sitepage__body a:hover { color: var(--color-brand-red); } :root[data-theme="dark"] .jh-sitepage__form input:focus, :root[data-theme="dark"] .jh-sitepage__form textarea:focus { outline: 2px solid color-mix(in srgb, var(--color-brand-blue) 35%, transparent); border-color: var(--color-brand-blue); } :root[data-theme="dark"] .jh-sitepage__note--ok { background: #1d3624; color: #64e289; } :root[data-theme="dark"] .jh-sitepage__note--err { background: #321a1d; color: #f45273; } :root[data-theme="dark"] .jh-dir__card { background: #161a21; } /* ---- from public/css/auth.css ---- */ :root[data-theme="dark"] { --auth-brand: #d91a3d; --auth-brand-dark: #f04a62; --auth-blue: #5b93ff; --auth-ink: #eceef2; --auth-ink-soft: #c3c8d1; --auth-muted: #9aa2af; --auth-placeholder: #6b7380; --auth-line: #2a303a; --auth-line-strong: #3a414d; --auth-surface: #161a21; --auth-canvas: #0e1116; --auth-danger: #f87171; --auth-danger-bg: #2a1417; --auth-success: #4ade80; --auth-success-bg: #0f2418; --auth-warning: #fbbf24; --auth-warning-bg: #2a2110; --auth-focus-ring: 0 0 0 3px rgba(91, 147, 255, 0.35); } :root[data-theme="dark"] .jh-auth-switch a:hover, :root[data-theme="dark"] .jh-auth-switch a:focus-visible { color: var(--auth-brand); } :root[data-theme="dark"] .jh-auth-back:hover, :root[data-theme="dark"] .jh-auth-back:focus-visible { color: var(--auth-ink); } :root[data-theme="dark"] .jh-auth-legal a:hover, :root[data-theme="dark"] .jh-auth-legal a:focus-visible { color: var(--auth-ink); } :root[data-theme="dark"] .jh-field__input:hover { border-color: #3f4650; } :root[data-theme="dark"] .jh-field__input:focus { border-color: var(--auth-blue); } :root[data-theme="dark"] .jh-field__reveal:hover, :root[data-theme="dark"] .jh-field__reveal:focus-visible { color: var(--auth-ink); background: var(--auth-canvas); } :root[data-theme="dark"] .jh-btn--primary:hover:not(:disabled):not(.is-loading) { background: var(--auth-brand-dark); } :root[data-theme="dark"] .jh-btn--social:hover, :root[data-theme="dark"] .jh-btn--secondary:hover:not(:disabled):not(.is-loading) { background: var(--auth-canvas); border-color: #3f4650; } :root[data-theme="dark"] .jh-alert--danger { border: 1px solid #3d2020; } /* ---- from public/css/auth-modal.css ---- */ :root[data-theme="dark"] .jhm__close:hover { border-color: var(--auth-line-strong); color: var(--auth-ink); } :root[data-theme="dark"] .jhm__tab.is-active { color: var(--auth-ink); } :root[data-theme="dark"] .jhm__tab:focus-visible { color: var(--auth-ink); } :root[data-theme="dark"] .jhm__alert--info { border-left-color: #1a64ff; color: #5788f0; } :root[data-theme="dark"] .jhm__skeleton span { background: linear-gradient(100deg, #222832 30%, #2a323f 50%, #222832 70%); } :root[data-theme="dark"] .jhm__plan:hover { border-color: var(--auth-line-strong); } :root[data-theme="dark"] .jhm__plan--popular { border-color: rgba(26, 100, 255, 0.36); } :root[data-theme="dark"] .jhm__plan-trial { color: #5186f6; } /* ---- from public/css/live-schedule.css ---- */ :root[data-theme="dark"] .jh-broadcast { --jh-blue: #5b93ff; } :root[data-theme="dark"] .jh-broadcast__watch:hover { color: #fff; } :root[data-theme="dark"] .jh-sked--full { --jh-blue: #5b93ff; } :root[data-theme="dark"] .jh-sked__progress span { background: linear-gradient(90deg, #2f6fe0, var(--jh-red)); } :root[data-theme="dark"] .jh-sked__tick { background: linear-gradient(#2f6fe0, #2f6fe0) left top / 3px 100% no-repeat, linear-gradient(var(--jh-red), var(--jh-red)) right bottom / 3px 72% no-repeat; } :root[data-theme="dark"] .jh-sked__rpt { color: #8c939d; } :root[data-theme="dark"] .jh-sked__next span { color: #8c939d; } :root[data-theme="dark"] .jh-sked__more:hover { color: #fff; } :root[data-theme="dark"] .jh-broadcast { --jh-board: #161a21; --jh-board-line: #2a303a; --jh-ink: #e8eaee; --jh-mute: #9aa2af; box-shadow: inset 0 0 0 1px #2d3644; } :root[data-theme="dark"] .jh-broadcast .jh-broadcast__watch:hover, :root[data-theme="dark"] .jh-broadcast .jh-sked__more:hover { color: var(--jh-red); } :root[data-theme="dark"] .jh-broadcast .jh-sked__progress { background: #323b4a; } :root[data-theme="dark"] .jh-broadcast .jh-sked__next strong { color: #cfd2d6; } /* ---- from public/css/bookmarks.css ---- */ :root[data-theme="dark"] .jh-bookmark { color: #9ea4ac; } :root[data-theme="dark"] .jh-bookmark:hover { color: #9ea4ac; } :root[data-theme="dark"] .jh-bookmark:focus-visible { outline: 2px solid #236af6; } :root[data-theme="dark"] .jh-bookmark[aria-pressed=true] { color: #5189f6; } :root[data-theme="dark"] .jh-bookmark-dialog { border: 1px solid #262d38; border-top: 3px solid #236af6; color: #d2d5d9; background: #161a21; } :root[data-theme="dark"] .jh-bookmark-dialog p { color: #9ea4ac; } :root[data-theme="dark"] .jh-bookmark-dialog__close { color: #9ea4ac; } :root[data-theme="dark"] .jh-bookmark-dialog__symbol { background: #192331; color: #5189f6; } :root[data-theme="dark"] .jh-bookmark-dialog__later { color: #9ea4ac; } /* ---- from public/css/member-hub.css ---- */ :root[data-theme="dark"] { --mh-blue: #3f7ff5; --mh-blue-dark: #5b93ff; --mh-blue-soft: #16223a; --mh-red: #dc1f43; --mh-red-dark: #f04a62; --mh-red-soft: #2a1519; --mh-ink: #eceef2; --mh-ink-soft: #c3c8d1; --mh-muted: #9aa2af; --mh-line: #262b34; --mh-line-strong: #363c47; --mh-surface: #161a21; --mh-canvas: #0e1116; --mh-focus: 0 0 0 3px rgba(91, 147, 255, 0.35); } :root[data-theme="dark"] .member-hub a:not(.mh-btn):not(.mh-action):not(.mh-link):not(.mh-saved-item__media):not(.mh-side__link):hover { color: var(--mh-blue); } :root[data-theme="dark"] .mh-status--free .mh-status__dot { background: #2f6fe0; } :root[data-theme="dark"] .mh-status--pending .mh-status__dot { background: #2f6fe0; } :root[data-theme="dark"] .mh-nav__btn:hover { background: var(--mh-canvas); color: var(--mh-ink); } :root[data-theme="dark"] .mh-nav__btn.is-active { background: var(--mh-blue-soft); color: var(--mh-blue-dark); } :root[data-theme="dark"] .mh-nav__btn.is-active .mh-nav__hint { color: var(--mh-blue); } :root[data-theme="dark"] .mh-side__link:hover { color: var(--mh-blue-dark) !important; } :root[data-theme="dark"] .mh-side__link--muted:hover { color: var(--mh-ink-soft) !important; } :root[data-theme="dark"] .mh-motif__blue { background: #2f6fe0; } :root[data-theme="dark"] .mh-credential__inner { background: linear-gradient(165deg, #161a21 0%, #181f2d 48%, color-mix(in srgb, var(--mh-blue-soft) 55%, #161a21) 100%); } :root[data-theme="dark"] .mh-credential__inner::before { background: radial-gradient( closest-side, color-mix(in srgb, #2f6fe0 10%, transparent), transparent 72% ); } :root[data-theme="dark"] .mh-credential__tier { background: color-mix(in srgb, var(--mh-blue-soft) 70%, #161a21); } :root[data-theme="dark"] .mh-credential__renew--on { color: #5ceb99; } :root[data-theme="dark"] .mh-term__track { background: color-mix(in srgb, #2f6fe0 12%, var(--mh-line)); } :root[data-theme="dark"] .mh-term__fill { background: linear-gradient(90deg, #2f6fe0 0%, var(--mh-blue-dark) 100%); } :root[data-theme="dark"] .mh-term--ending .mh-term__fill { background: linear-gradient(90deg, color-mix(in srgb, var(--mh-red) 75%, #161a21) 0%, var(--mh-red) 100%); } :root[data-theme="dark"] .mh-credential__benefits li::before { background: #2f6fe0; } :root[data-theme="dark"] .member-hub .mh-btn--primary, :root[data-theme="dark"] .member-hub a.mh-btn--primary, :root[data-theme="dark"] .member-hub a.mh-btn--primary:visited, :root[data-theme="dark"] .member-hub .mh-note a.mh-btn--primary, :root[data-theme="dark"] .member-hub .mh-note a.mh-btn--primary:hover { background: #2f6fe0; border-color: var(--mh-blue); color: #ffffff !important; } :root[data-theme="dark"] .member-hub .mh-btn--primary:hover, :root[data-theme="dark"] .member-hub a.mh-btn--primary:hover, :root[data-theme="dark"] .member-hub a.mh-btn--primary:focus { background: var(--mh-blue-dark); border-color: var(--mh-blue-dark); color: #ffffff !important; } :root[data-theme="dark"] .member-hub .mh-btn--subscribe, :root[data-theme="dark"] .member-hub a.mh-btn--subscribe, :root[data-theme="dark"] .member-hub a.mh-btn--subscribe:visited, :root[data-theme="dark"] .member-hub .mh-note a.mh-btn--subscribe, :root[data-theme="dark"] .member-hub .mh-note a.mh-btn--subscribe:hover { background: var(--mh-red); border-color: var(--mh-red); color: #ffffff !important; } :root[data-theme="dark"] .member-hub .mh-btn--subscribe:hover, :root[data-theme="dark"] .member-hub a.mh-btn--subscribe:hover, :root[data-theme="dark"] .member-hub a.mh-btn--subscribe:focus { background: var(--mh-red-dark); border-color: var(--mh-red-dark); color: #ffffff !important; } :root[data-theme="dark"] .member-hub .mh-btn--secondary:hover, :root[data-theme="dark"] .member-hub a.mh-btn--secondary:hover, :root[data-theme="dark"] .member-hub a.mh-btn--secondary:focus { border-color: var(--mh-blue); color: var(--mh-blue) !important; } :root[data-theme="dark"] .member-hub .mh-btn--ghost:hover, :root[data-theme="dark"] .member-hub a.mh-btn--ghost:hover { color: var(--mh-red) !important; } :root[data-theme="dark"] .member-hub .mh-btn--danger-outline:hover { background: var(--mh-red-soft); } :root[data-theme="dark"] .mh-link:hover { color: var(--mh-blue-dark) !important; } :root[data-theme="dark"] .mh-saved-item__title a:hover { color: var(--mh-blue); } :root[data-theme="dark"] .mh-action:hover { border-color: color-mix(in srgb, var(--mh-blue) 35%, var(--mh-line)); } :root[data-theme="dark"] .mh-activity__dot { background: #2f6fe0; } :root[data-theme="dark"] .mh-feature-list li::before { background: #2f6fe0; } :root[data-theme="dark"] .mh-plan__features li::before { background: #2f6fe0; } :root[data-theme="dark"] .mh-field input:focus { border-color: var(--mh-blue); } :root[data-theme="dark"] .mh-alert--success { background: #1a3121; color: #68de95; } :root[data-theme="dark"] .mh-mobile-nav__btn.is-active { color: var(--mh-blue); } :root[data-theme="dark"] .mh-mobile-nav__btn.is-active .mh-mobile-nav__dot { background: var(--mh-red); } :root[data-theme="dark"] .mh-link--muted:hover { color: var(--mh-ink-soft) !important; } :root[data-theme="dark"] .mh-checkout__secure li::before { background: #2f6fe0; } /* ---- from resources/views/category/index.blade.php ---- */ :root[data-theme="dark"] .category-card:hover { color: white; } /* ---- from resources/views/components/flash-news.blade.php ---- */ :root[data-theme="dark"] #flashNewsCarousel .carousel-indicators [data-bs-target] { background-color: #49586e; } :root[data-theme="dark"] #flashNewsCarousel .carousel-indicators .active { background-color: #dc3545; } :root[data-theme="dark"] .flash-news-link:hover { color: #fff; } /* ---- from resources/views/components/top-news-carousel.blade.php ---- */ :root[data-theme="dark"] .jh-topstage { border-bottom: 1px solid #30353d; color: #d2d5d9; background: #161a21; } :root[data-theme="dark"] .jh-topstage__nav { color: #d2d5d9; } :root[data-theme="dark"] .jh-topstage__link { color: #d2d5d9; } :root[data-theme="dark"] .jh-topstage__link:hover { color: #d2d5d9; } :root[data-theme="dark"] .jh-topstage__eyebrow { color: #9ea4ac; } :root[data-theme="dark"] .jh-topstage__kicker { color: #e66077; } :root[data-theme="dark"] .jh-topstage__eyebrow time { border-left: 1px solid #30353d; } :root[data-theme="dark"] .jh-topstage__title { color: #d2d5d9; } :root[data-theme="dark"] .jh-topstage__media { background: #222933; } :root[data-theme="dark"] .jh-topstage__deck { color: #a6abb3; } :root[data-theme="dark"] .news-layout .jh-topstage__link:hover .jh-topstage__deck { color: #a6abb3 !important; } :root[data-theme="dark"] .jh-topstage__cta { color: #d2d5d9; } :root[data-theme="dark"] .jh-topstage__stories { border-left: 1px solid #30353d; } :root[data-theme="dark"] .jh-topstage__rail-heading { color: #d2d5d9; } :root[data-theme="dark"] .jh-topstage__story { border-bottom: 1px solid #30353d; color: #d2d5d9; } :root[data-theme="dark"] .jh-topstage__story:hover { color: #d2d5d9; } :root[data-theme="dark"] .jh-topstage__thumbnail { background: #222933; } :root[data-theme="dark"] .jh-topstage__story-time { color: #989ea7; } :root[data-theme="dark"] .jh-topstage button:focus-visible, :root[data-theme="dark"] .jh-topstage a:focus-visible { outline: 2px solid #142039; } @container (max-width: 580px) { :root[data-theme="dark"] .jh-topstage__stories { border-top: 1px solid #30353d; } } /* ---- from resources/views/dashboard/profile.blade.php ---- */ :root[data-theme="dark"] .profile-container { background: #161a21; } :root[data-theme="dark"] .profile-avatar-large { border: 4px solid #22252b; } :root[data-theme="dark"] .info-card { background: #161a21; border: 1px solid #2b3037; } :root[data-theme="dark"] .info-label { color: #9ea3ac; } :root[data-theme="dark"] .info-value { color: #c2c6cb; } :root[data-theme="dark"] .form-control { border: 1px solid #2b3037; } :root[data-theme="dark"] .form-control:focus { border-color: #0d6efd; } :root[data-theme="dark"] .stat-badge { background: #1c222a; } :root[data-theme="dark"] .stat-badge:hover { background: linear-gradient(-135deg, #0d6efd10 0%, #ff005510 100%); } :root[data-theme="dark"] .stat-label { color: #9ea3ac; } /* ---- from resources/views/errors/404.blade.php ---- */ :root[data-theme="dark"] .input-group .form-control:focus { border-color: #dc3545; } :root[data-theme="dark"] .badge.bg-light:hover { background-color: #dc3545 !important; color: white !important; border-color: #dc3545 !important; } /* ---- from resources/views/home.blade.php ---- */ :root[data-theme="dark"] body { background: var(--color-bg); } :root[data-theme="dark"] .section-header a { color: #a9aeb6; } :root[data-theme="dark"] .meta-date { color: #9ea3ac; } :root[data-theme="dark"] img, :root[data-theme="dark"] .featured-image, :root[data-theme="dark"] .big-img, :root[data-theme="dark"] .small-img, :root[data-theme="dark"] .card-img-top, :root[data-theme="dark"] .rounded { background-color: #212832; } :root[data-theme="dark"] .pravasi-yellow { background: #212832; } :root[data-theme="dark"] .gulf-section { background: #222933; color: #ecedef; } :root[data-theme="dark"] .gulf-section, :root[data-theme="dark"] .gulf-section h1, :root[data-theme="dark"] .gulf-section h2, :root[data-theme="dark"] .gulf-section h3, :root[data-theme="dark"] .gulf-section h4, :root[data-theme="dark"] .gulf-section h5, :root[data-theme="dark"] .gulf-section h6, :root[data-theme="dark"] .gulf-section p, :root[data-theme="dark"] .gulf-section span, :root[data-theme="dark"] .gulf-section a { color: #ecedef !important; } :root[data-theme="dark"] .gulf-section .meta-date { color: #9ea3ac !important; } :root[data-theme="dark"] .gulf-section hr { border-color: rgba(201, 203, 207, 0.1); } :root[data-theme="dark"] .gulf-section .section-header h5 { color: #ecedef; } :root[data-theme="dark"] .highlight-card { background: #312119; } :root[data-theme="dark"] .video-card { background: #161a21; } :root[data-theme="dark"] #winnerCarousel .carousel-indicators [data-bs-target] { background-color: #49586e; } :root[data-theme="dark"] #winnerCarousel .carousel-indicators .active { background-color: #dc3545; } :root[data-theme="dark"] .carousel-control-prev:hover, :root[data-theme="dark"] .carousel-control-next:hover { background: rgba(220,53,69,0.9); } /* ---- from resources/views/live-tv/index.blade.php ---- */ :root[data-theme="dark"] .jh-watch { color: #d2d5d9; } :root[data-theme="dark"] .jh-watch__back { color: #9ea4ad; } :root[data-theme="dark"] .jh-watch__offline svg { stroke: #878e99; } :root[data-theme="dark"] .jh-watch__links { border-top: 1px solid #30353d; border-bottom: 1px solid #30353d; } :root[data-theme="dark"] .jh-watch__coverage { border-right: 1px solid #30353d; color: #d2d5d9; } :root[data-theme="dark"] .jh-watch__coverage small { color: #9ea4ac; } :root[data-theme="dark"] .jh-watch__coverage > span { color: #5186f6; } :root[data-theme="dark"] .jh-watch__coverage:hover { color: #d2d5d9; } :root[data-theme="dark"] .jh-watch a:focus-visible { outline: 2px solid #1a64ff; } @media (max-width: 575.98px) { :root[data-theme="dark"] .jh-watch__coverage, :root[data-theme="dark"] .jh-watch__coverage:first-child { border-bottom: 1px solid #30353d; } } /* ---- from resources/views/news/show.blade.php ---- */ :root[data-theme="dark"] .jh-story { --story-ink: #eef0f3; } :root[data-theme="dark"] .jh-story__header { border-top: 1px solid #30353d; } :root[data-theme="dark"] .jh-story__standfirst { color: #a6abb3; } :root[data-theme="dark"] .jh-story__byline { border-top: 1px solid #30353d; border-bottom: 1px solid #30353d; } :root[data-theme="dark"] .jh-story__stamp { border-left: 1px solid #30353d; } :root[data-theme="dark"] .jh-story__media img { background: #1f252e; } :root[data-theme="dark"] .jh-story__media figcaption { border-bottom: 1px solid #30353d; } /* ---- from resources/views/partials/footer.blade.php ---- */ :root[data-theme="dark"] .footer-links a:hover { color: #64e2a8 !important; } :root[data-theme="dark"] .hover-blue:hover { color: #0d6efd !important; } :root[data-theme="dark"] .hover-red:hover { color: #dc3545 !important; } :root[data-theme="dark"] .hover-pink:hover { color: #e83e8c !important; } :root[data-theme="dark"] .subscribe-btn:hover { background: linear-gradient( 135deg, #198754, #0d6efd ) !important; } :root[data-theme="dark"] footer .form-control:focus { border-color: #3ddb92; } :root[data-theme="dark"] .footer-bottom-link:hover { color: #0d6efd !important; } /* ---- from resources/views/partials/header.blade.php ---- */ :root[data-theme="dark"] .jh-hdr__onair { border-right: 1px solid #2d323a; color: #d2d5d9; } :root[data-theme="dark"] .jh-hdr__onair:hover { color: #d2d5d9; } :root[data-theme="dark"] .jh-hdr__onair strong { color: #f55271; } :root[data-theme="dark"] .jh-hdr__onair:focus-visible { outline: 2px solid #1a64ff; } /* ---- from resources/views/partials/search-script.blade.php ---- */ :root[data-theme="dark"] .search-item:hover { background: #1c222a; } :root[data-theme="dark"] .search-title { color: #d5d7db; } :root[data-theme="dark"] .search-meta { color: #9197a1; } :root[data-theme="dark"] .search-results-container::-webkit-scrollbar-track { background: #242b36; } :root[data-theme="dark"] .search-results-container::-webkit-scrollbar-thumb { background: #54657e; } :root[data-theme="dark"] .search-results-container::-webkit-scrollbar-thumb:hover { background: #7184a0; }