/* ========================================================= dark-mode.css — Static dark-mode rule overrides. Loaded as a blocking external stylesheet in so all dark-mode visual fixes are applied before first paint. CSS custom properties (--dm-*) are defined in site-vars.css.jspf (inlined in ), so they're always available by the time this file is parsed. ========================================================= */ /* ========================================================= DARK MODE — never use purple (site-secondary) for text or link text Use --dm-accent-text (site-primary) or --dm-text-link instead. ========================================================= */ /* Recruit profile card: quick stats links (Year, Hometown, High School, etc.) */ html.dark-mode .bio-fields-quick td:not(.bio-label) a, html.dark-mode .bio-fields-quick td:not(.bio-label) a:link, html.dark-mode .bio-fields-quick td:not(.bio-label) a:visited { color: var(--dm-accent-text) !important; } html.dark-mode .bio-fields-quick td:not(.bio-label) a:hover, html.dark-mode .bio-fields-quick td:not(.bio-label) a:focus { color: var(--dm-text-secondary) !important; } /* Bio highlights list star (decoration) */ html.dark-mode .bio-highlights li::before { color: var(--dm-accent-text) !important; } /* Story page: breadcrumbs and news footer link text — never purple */ html.dark-mode .breadcrumbs a, html.dark-mode .breadcrumbs a:link, html.dark-mode .breadcrumbs a:visited { color: var(--dm-accent-text) !important; } html.dark-mode .breadcrumbs a:hover, html.dark-mode .breadcrumbs a:focus { color: var(--dm-text-secondary) !important; } html.dark-mode .news-footer-feedback a:hover, html.dark-mode .news-footer-feedback a:focus { color: var(--dm-text-secondary) !important; } /* Header logo: dark frame padding; white only behind the image (inner link) */ html.dark-mode .tn-header__logo { padding: 0 .2rem; } html.dark-mode .tn-header__logo a { background: #fff; border-radius: 2px; display: inline-block; padding: .1rem .2rem; } /* Wrapper: no fill in dark mode so body gradient shows (front page + main layout) */ html.dark-mode #wrapper_front, html.dark-mode #main_layout_wrapper { background: none !important; } /* Content columns — same dark background everywhere (front page, main layout, section/schedule) */ html.dark-mode #left_column, html.dark-mode #right_column, html.dark-mode #layout_right, html.dark-mode .layout_body, html.dark-mode .forum-right-rail { background: var(--dm-bg-column) !important; } /* Top recruiting targets: player name links — never use site primary/secondary on dark row */ html.dark-mode .rt-targets .rt-targets__cell a, html.dark-mode .rt-targets .rt-targets__cell .logo-area.utip, html.dark-mode .rt-targets .rt-targets__cell .utip, html.dark-mode .rt-targets .rt-targets__cell .profile_tip, html.dark-mode .rt-targets .rt-targets__cell .logo-area.utip a, html.dark-mode .rt-targets .rt-targets__cell a.profile_tip { color: var(--dm-text-primary) !important; } html.dark-mode .rt-targets .rt-targets__cell a:link, html.dark-mode .rt-targets .rt-targets__cell a:visited, html.dark-mode .rt-targets .rt-targets__cell .logo-area.utip a:link, html.dark-mode .rt-targets .rt-targets__cell .logo-area.utip a:visited { color: var(--dm-text-primary) !important; } html.dark-mode .rt-targets .rt-targets__cell a:hover, html.dark-mode .rt-targets .rt-targets__cell a:focus, html.dark-mode .rt-targets .rt-targets__cell .utip:hover, html.dark-mode .rt-targets .rt-targets__cell .profile_tip:hover, html.dark-mode .rt-targets .rt-targets__cell .logo-area.utip a:hover, html.dark-mode .rt-targets .rt-targets__cell a.profile_tip:hover { color: var(--dm-text-secondary) !important; } /* ========================================================= MESSAGE BOARD — premium user header (darker gradient orange in dark mode) ========================================================= */ /* Root message subject bar: no pure orange */ html.dark-mode .message-box--root .message-box__subject-bar { background: var(--dm-premium-bg) !important; } /* Desktop: premium user sidebar (logo-area) — darker gradient */ html.dark-mode .message-box__user-info.white .logo-area, html.dark-mode .message-box__user-info.purple .logo-area, html.dark-mode .message-box__user-info.orange .logo-area, html.dark-mode .message-box__user-info.military .logo-area, html.dark-mode .message-box__user-info.admin .logo-area, html.dark-mode #logo-area.white, html.dark-mode #logo-area.purple, html.dark-mode #logo-area.orange, html.dark-mode #logo-area.military, html.dark-mode #logo-area.admin { background: var(--dm-premium-bg) !important; background-image: none !important; } /* Mobile: premium user info block — darker gradient (all viewports) */ html.dark-mode .message-box__user-info.white, html.dark-mode .message-box__user-info.purple, html.dark-mode .message-box__user-info.orange, html.dark-mode .message-box__user-info.military, html.dark-mode .message-box__user-info.admin { background: var(--dm-premium-bg) !important; } html.dark-mode .message-box--root .message-box__user-info.white, html.dark-mode .message-box--root .message-box__user-info.purple, html.dark-mode .message-box--root .message-box__user-info.orange, html.dark-mode .message-box--root .message-box__user-info.military, html.dark-mode .message-box--root .message-box__user-info.admin { background: var(--dm-premium-bg) !important; } @media (min-width: 481px) { html.dark-mode .message-box__user-info--premium-mobile, html.dark-mode .message-box--root .message-box__user-info--premium-mobile { background: none !important; background-color: var(--dm-bg-card) !important; } html.dark-mode .message-box__user-info--premium-mobile .logo-area { background: none !important; background-color: transparent !important; border-color: var(--dm-border) !important; } html.dark-mode .message-box__user-info--premium-mobile .desktop-user-info.logo-area .post-username, html.dark-mode .message-box__user-info--premium-mobile .desktop-user-info.logo-area a.post-username:link, html.dark-mode .message-box__user-info--premium-mobile .desktop-user-info.logo-area a.post-username:visited { color: var(--forum-user-dark-text, var(--site-primary)) !important; text-shadow: none !important; } html.dark-mode .message-box__user-logo--premium-mobile { background: transparent !important; box-shadow: none; } html.dark-mode .message-box__user-logo--premium-mobile .message-box__user-logo-inner > a { border-color: rgba(var(--forum-premium-accent-rgb, var(--site-primary-rgb)), 0.72) !important; box-shadow: 0 0 0 1px rgba(var(--forum-premium-accent-rgb, var(--site-primary-rgb)), 0.24); } html.dark-mode .message-box__user-logo--premium-mobile .logo, html.dark-mode .message-box__user-logo--premium-mobile img.logo { outline-color: rgba(var(--forum-premium-accent-rgb, var(--site-primary-rgb)), 0.72); } html.dark-mode .message-box__user-logo--premium-mobile .mobile-premium-medal { background: linear-gradient(135deg, color-mix(in srgb, var(--forum-premium-accent, var(--site-primary)) 58%, #ffffff), var(--forum-premium-accent, var(--site-primary))); color: #fffaf2; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(var(--forum-premium-accent-rgb, var(--site-primary-rgb)), 0.72); } } @media (max-width: 767px) { html.dark-mode .message-box__user-info.military, html.dark-mode .message-box__user-info.admin, html.dark-mode .message-box--root .message-box__user-info.military, html.dark-mode .message-box--root .message-box__user-info.admin { background: none !important; background-color: var(--dm-bg-card) !important; box-shadow: none; } html.dark-mode .message-box__user-info--premium-mobile, html.dark-mode .message-box--root .message-box__user-info--premium-mobile { background: none !important; background-color: var(--dm-bg-card) !important; } html.dark-mode .message-box__user-logo--premium-mobile { background: transparent !important; box-shadow: none; } html.dark-mode .message-box__user-logo--premium-mobile .message-box__user-logo-inner > a { border-color: rgba(var(--forum-premium-accent-rgb, var(--site-primary-rgb)), 0.72) !important; box-shadow: 0 0 0 1px rgba(var(--forum-premium-accent-rgb, var(--site-primary-rgb)), 0.24); } html.dark-mode .message-box__user-logo--premium-mobile .logo, html.dark-mode .message-box__user-logo--premium-mobile img.logo { outline-color: rgba(var(--forum-premium-accent-rgb, var(--site-primary-rgb)), 0.72); } html.dark-mode .message-box__user-logo--premium-mobile .mobile-premium-medal { background: linear-gradient(135deg, color-mix(in srgb, var(--forum-premium-accent, var(--site-primary)) 58%, #ffffff), var(--forum-premium-accent, var(--site-primary))); color: #fffaf2; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(var(--forum-premium-accent-rgb, var(--site-primary-rgb)), 0.72); } } /* Message board user card text in dark mode: use off-white instead of dark brand colors. */ html.dark-mode .member a.post-username, html.dark-mode .member a.post-username:link, html.dark-mode .member a.post-username:visited, html.dark-mode .message-box__user-info .desktop-user-info.logo-area .post-username, html.dark-mode .message-box__user-info .desktop-user-info.logo-area a.post-username:link, html.dark-mode .message-box__user-info .desktop-user-info.logo-area a.post-username:visited, html.dark-mode .message-box__user-info--premium-mobile .mobile-user-line1 .post-username, html.dark-mode .message-box__user-info--premium-mobile .mobile-user-line1 a.post-username:link, html.dark-mode .message-box__user-info--premium-mobile .mobile-user-line1 a.post-username:visited { color: var(--forum-user-dark-text, var(--site-primary)) !important; text-shadow: none !important; } html.dark-mode .member a.post-username:hover, html.dark-mode .member a.post-username:focus, html.dark-mode .message-box__user-info .desktop-user-info.logo-area a.post-username:hover, html.dark-mode .message-box__user-info .desktop-user-info.logo-area a.post-username:focus, html.dark-mode .message-box__user-info--premium-mobile .mobile-user-line1 a.post-username:hover, html.dark-mode .message-box__user-info--premium-mobile .mobile-user-line1 a.post-username:focus { color: var(--forum-user-dark-text-hover, var(--site-primary)) !important; } html.dark-mode .message-box__user-info .desktop-user-info .pulse-text, html.dark-mode .message-box__user-info .desktop-user-info .user-rank, html.dark-mode .message-box__user-info .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info .mobile-user-line2 .user-rank-number, html.dark-mode .message-box__user-info .mobile-rank-name { color: var(--forum-user-dark-text, var(--site-primary)) !important; text-shadow: none !important; } html.dark-mode .message-box__user-info.white .desktop-user-info .user-rank, html.dark-mode .message-box__user-info.purple .desktop-user-info .user-rank, html.dark-mode .message-box__user-info.orange .desktop-user-info .user-rank, html.dark-mode .message-box__user-info.premium .desktop-user-info .user-rank, html.dark-mode .message-box__user-info.ultimate .desktop-user-info .user-rank, html.dark-mode .message-box__user-info.free_orange .desktop-user-info .user-rank, html.dark-mode .message-box__user-info.certified_seller .desktop-user-info .user-rank, html.dark-mode .message-box__user-info.editor .desktop-user-info .user-rank, html.dark-mode .message-box__user-info.military .desktop-user-info .user-rank, html.dark-mode .message-box__user-info.admin .desktop-user-info .user-rank, html.dark-mode .message-box__user-info.white .desktop-user-info .pulse-text, html.dark-mode .message-box__user-info.purple .desktop-user-info .pulse-text, html.dark-mode .message-box__user-info.orange .desktop-user-info .pulse-text, html.dark-mode .message-box__user-info.premium .desktop-user-info .pulse-text, html.dark-mode .message-box__user-info.ultimate .desktop-user-info .pulse-text, html.dark-mode .message-box__user-info.free_orange .desktop-user-info .pulse-text, html.dark-mode .message-box__user-info.certified_seller .desktop-user-info .pulse-text, html.dark-mode .message-box__user-info.editor .desktop-user-info .pulse-text, html.dark-mode .message-box__user-info.military .desktop-user-info .pulse-text, html.dark-mode .message-box__user-info.admin .desktop-user-info .pulse-text, html.dark-mode .message-box__user-info.white .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.purple .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.orange .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.premium .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.ultimate .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.free_orange .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.certified_seller .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.editor .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.military .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.admin .desktop-user-info .user-rank-number { color: var(--forum-user-dark-text, var(--site-primary)) !important; text-shadow: none !important; } html.dark-mode .message-box__user-info .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info .mobile-user-line2 .user-rank-number { border-color: var(--forum-user-dark-badge-border, var(--site-primary)) !important; background-color: var(--forum-user-dark-badge-bg, var(--color-bg-surface)) !important; } html.dark-mode .message-box__user-info.white .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.purple .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.orange .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.premium .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.ultimate .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.free_orange .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.certified_seller .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.editor .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.military .desktop-user-info .user-rank-number, html.dark-mode .message-box__user-info.admin .desktop-user-info .user-rank-number { border-color: var(--forum-user-dark-badge-border, var(--site-primary)) !important; background-color: var(--forum-user-dark-badge-bg, var(--color-bg-surface)) !important; } /* ========================================================= JQUERY UI DARK MODE OVERRIDES ========================================================= */ html.dark-mode .ui-widget-content { background: var(--dm-bg-card) !important; } html.dark-mode .ui-widget-content a, html.dark-mode .ui-widget-content a:link, html.dark-mode .ui-widget-content a:visited { color: var(--dm-text-primary) !important; } html.dark-mode .ui-widget-content a:hover { color: var(--dm-text-secondary) !important; } html.dark-mode .ui-widget-header { background: var(--dm-bg-elevated) !important; color: var(--dm-text-primary) !important; border-color: var(--dm-border) !important; } html.dark-mode .ui-state-default, html.dark-mode .ui-widget-content .ui-state-default, html.dark-mode .ui-widget-header .ui-state-default { color: var(--dm-text-primary) !important; text-shadow: none !important; } html.dark-mode .ui-state-default a, html.dark-mode .ui-state-default a:link, html.dark-mode .ui-state-default a:visited { color: var(--dm-text-primary) !important; } html.dark-mode .ui-state-hover, html.dark-mode .ui-widget-content .ui-state-hover, html.dark-mode .ui-widget-header .ui-state-hover, html.dark-mode .ui-state-focus, html.dark-mode .ui-widget-content .ui-state-focus, html.dark-mode .ui-widget-header .ui-state-focus { background: var(--dm-bg-tertiary) !important; border-color: var(--dm-border-light) !important; color: var(--dm-text-primary) !important; } html.dark-mode .ui-state-active, html.dark-mode .ui-widget-content .ui-state-active, html.dark-mode .ui-widget-header .ui-state-active { background: var(--site-secondary) !important; border-color: var(--site-primary) !important; color: #fff !important; text-shadow: none !important; } html.dark-mode .ui-state-active a, html.dark-mode .ui-state-active a:link, html.dark-mode .ui-state-active a:visited { color: #fff !important; } /* Board widget: message list links (thread titles) */ html.dark-mode .board-tabs .board-messages-list li a, html.dark-mode #board-messages-list li a { color: var(--dm-text-link) !important; } /* Popular threads / board messages: title span color override for dark mode */ html.dark-mode #board-messages-list .board-messages-row-link .board-messages-title, html.dark-mode #board-messages-list .board-messages-row-link:link .board-messages-title { color: var(--dm-text-link) !important; } html.dark-mode #board-messages-list .board-messages-row-link:visited .board-messages-title { color: var(--dm-text-muted) !important; } html.dark-mode #board-messages-list .board-messages-row-link:hover .board-messages-title, html.dark-mode #board-messages-list .board-messages-row-link:focus .board-messages-title { color: #fff !important; } /* Forum subject/thread-title visited links: muted in dark mode */ html.dark-mode .jive-subject a:visited { color: #b26b41 !important; } html.dark-mode #board-messages-list > li > a:visited { color: #b26b41 !important; } html.dark-mode .jive-list a:visited, html.dark-mode .jive-message-list a:visited { color: #b26b41 !important; } html.dark-mode .thread-list-responsive a:visited { color: #b26b41 !important; } /* Mobile thread row subject link visited */ html.dark-mode .thread-row__title .t-sub:visited { color: #b26b41 !important; } /* Sticky thread titles should never dim on visit in dark mode */ html.dark-mode .thread-list-responsive .thread-row.sticky a:visited, html.dark-mode .thread-list-responsive .thread-row.sticky .thread-row__title .t-sub:visited, html.dark-mode .thread-list-responsive .tree-table > tbody > tr.root-message-row.sticky > td a:visited { color: var(--site-primary) !important; } /* Row hover: use accent gradient instead of invisible rgba(0,0,0,0.03) */ html.dark-mode #board-messages-list li:hover, html.dark-mode #board-messages-list li .board-messages-row-link:hover, html.dark-mode #board-messages-list li .board-messages-row-link:focus { background: var(--dm-card-hover-bg) !important; } /* Calendar widget: game/event titles */ html.dark-mode #calendar-list .event-name, html.dark-mode #calendar-list .event-name a { color: var(--dm-text-link) !important; } /* Leaderboards page: username links — override purple visited/default */ html.dark-mode #users a.post-username:link, html.dark-mode #users a.post-username:visited { color: var(--dm-text-link) !important; } html.dark-mode #users a.post-username:hover, html.dark-mode #users a.post-username:focus { color: #fff !important; } /* Leaderboards page: filters row */ html.dark-mode #users_wrapper > div:first-child { background: var(--dm-bg-base) !important; padding: 12px 14px; border-bottom: 1px solid var(--dm-border); border-radius: 6px 6px 0 0; } html.dark-mode #users_wrapper > div:first-child select, html.dark-mode #users_wrapper .leaderboard-filters select { min-height: 36px; padding: 6px 10px 6px 10px; font-size: 15px; color: var(--dm-text-primary); background-color: var(--dm-bg-card); border-color: var(--dm-border-light); } html.dark-mode #users_wrapper .dataTables_filter label, html.dark-mode #users_wrapper .dataTables_filter input { font-size: 15px; } html.dark-mode #users_wrapper .dataTables_filter input { min-height: 36px; padding: 6px 10px; color: var(--dm-text-primary); background-color: var(--dm-bg-card); border-color: var(--dm-border-light); } /* ========================================================= VIEW COMMITS / RECRUITING CLASS — #recruits table (DataTables) ========================================================= */ html.dark-mode #recruits_wrapper { color: var(--dm-text-primary); } html.dark-mode #recruits_wrapper .dataTables_filter label, html.dark-mode #recruits_wrapper .dataTables_filter input { color: var(--dm-text-primary) !important; } html.dark-mode #recruits_wrapper .dataTables_filter input { background-color: var(--dm-bg-card) !important; border-color: var(--dm-border-light) !important; } html.dark-mode #recruits_wrapper .dataTables_info, html.dark-mode #recruits_wrapper .dataTables_paginate, html.dark-mode #recruits_wrapper .paging_full_numbers span { color: var(--dm-text-primary) !important; } html.dark-mode #recruits_wrapper .dataTables_length label, html.dark-mode #recruits_wrapper select { color: var(--dm-text-primary) !important; } html.dark-mode #recruits_wrapper select { background-color: var(--dm-bg-card) !important; border-color: var(--dm-border-light) !important; } /* Table: header, cells, row stripes */ html.dark-mode #recruits_wrapper table#recruits thead th { background: var(--dm-bg-elevated) !important; color: var(--dm-text-primary) !important; border-color: var(--dm-border) !important; } html.dark-mode #recruits_wrapper table#recruits tbody td { color: var(--dm-text-primary) !important; border-color: var(--dm-border) !important; } html.dark-mode #recruits_wrapper table#recruits tbody tr.odd { background-color: var(--dm-bg-card) !important; } html.dark-mode #recruits_wrapper table#recruits tbody tr.even { background-color: var(--dm-bg-elevated) !important; } /* Player name links and rating text — readable on dark (no purple) */ html.dark-mode #recruits_wrapper table#recruits tbody td a, html.dark-mode #recruits_wrapper table#recruits tbody td a:link, html.dark-mode #recruits_wrapper table#recruits tbody td a:visited, html.dark-mode #recruits_wrapper table#recruits .profile_tip, html.dark-mode #recruits_wrapper table#recruits .utip, html.dark-mode #recruits_wrapper table#recruits .logo-area.utip a { color: var(--dm-text-link) !important; } html.dark-mode #recruits_wrapper table#recruits tbody td a:hover, html.dark-mode #recruits_wrapper table#recruits tbody td a:focus, html.dark-mode #recruits_wrapper table#recruits .profile_tip:hover, html.dark-mode #recruits_wrapper table#recruits .logo-area.utip a:hover { color: var(--dm-text-secondary) !important; } /* List/card hover: updates widget, calendar list, section_body lists */ html.dark-mode .section_body li:hover, html.dark-mode #calendar-list li:hover { background: var(--dm-card-hover-bg); } html.dark-mode .ui-tabs .ui-tabs-nav { background: var(--dm-bg-elevated) !important; border-color: var(--dm-border) !important; } html.dark-mode .ui-tabs .ui-tabs-panel { background: var(--dm-bg-card) !important; border-color: var(--dm-border) !important; } /* Calendar widget jQuery UI override (exception: vendor CSS) */ html.dark-mode .calendar-widget-container .ui-state-default { background: var(--dm-bg-card) !important; border: none; } /* ========================================================= PROFILE - jQuery UI tab exceptions (vendor CSS overrides) ========================================================= */ /* Tabs - panel border and default text */ html.dark-mode #user-tabs .ui-tabs-panel { border-color: var(--dm-overlay-10); color: var(--dm-text-primary, #e0e0e0); } /* Active tab in dark mode */ html.dark-mode #user-tabs .ui-tabs-nav li.ui-tabs-selected a, html.dark-mode #user-tabs .ui-tabs-nav li.ui-tabs-active a, html.dark-mode #user-tabs .ui-tabs-nav li.ui-state-active a, html.dark-mode #user-tabs .ui-tabs-nav li a.ui-tabs-selected { background: var(--dm-bg-card, #1e1e1e) !important; border-color: var(--dm-overlay-20) !important; color: var(--dm-text-primary, #e0e0e0) !important; } /* Section headers inside tab panels — darker gradient orange in dark mode */ html.dark-mode #user-tabs .ui-tabs-panel .section-header-footer.header, html.dark-mode #user-tabs .ui-tabs-panel .section-header-footer.footer { background: var(--dm-premium-bg) !important; color: var(--color-text-on-primary) !important; } html.dark-mode #user-tabs #activities.scroll-pane { background: var(--dm-bg-card, #1e1e1e); } /* ========================================================= SETTINGS - jQuery UI sub-tab exceptions (vendor CSS overrides) ========================================================= */ /* Sub-tabs - use dark-mode surface colors so bar blends with theme */ html.dark-mode #user-tabs .settings-subtabs-nav, html.dark-mode #user-tabs .settings-subtabs-nav.ui-tabs-nav { background: var(--dm-bg-elevated, #252525) !important; background-image: linear-gradient(to bottom, var(--dm-bg-elevated) 0%, var(--dm-bg-elevated) 50%, var(--dm-bg-card) 100%) !important; } html.dark-mode #user-tabs .settings-subtabs-nav li a, html.dark-mode #user-tabs .settings-subtabs-nav.ui-tabs-nav li a { color: var(--dm-text-primary, #e0e0e0) !important; } /* Active sub-tab - slightly lighter than bar */ html.dark-mode #user-tabs .settings-subtabs-nav li.ui-tabs-selected a, html.dark-mode #user-tabs .settings-subtabs-nav li.ui-tabs-active a, html.dark-mode #user-tabs .settings-subtabs-nav li.ui-state-active a, html.dark-mode #user-tabs .settings-subtabs-nav li a.ui-tabs-selected, html.dark-mode #user-tabs .settings-subtabs-nav.ui-tabs-nav li.ui-tabs-selected a, html.dark-mode #user-tabs .settings-subtabs-nav.ui-tabs-nav li.ui-tabs-active a, html.dark-mode #user-tabs .settings-subtabs-nav.ui-tabs-nav li.ui-state-active a, html.dark-mode #user-tabs .settings-subtabs-nav.ui-tabs-nav li a.ui-tabs-selected { background: var(--dm-bg-card, #1e1e1e) !important; border-color: var(--dm-overlay-25) !important; color: var(--dm-text-primary, #e0e0e0) !important; } /* Panel content area (jQuery UI tab panels) */ html.dark-mode #user-tabs .panel-container, html.dark-mode #user-tabs .ui-tabs-panel { background: var(--dm-bg-card, #1e1e1e); border-color: var(--dm-overlay-10); } /* Settings inline-style highlight override */ html.dark-mode a.highlight[style*="background: red"], html.dark-mode a.highlight[style*="background:red"], html.dark-mode a.highlight[style*="background: red"]:visited, html.dark-mode a.highlight[style*="background:red"]:visited { color: white !important; font-weight: bold; } /* Form controls: dark background and visible focus */ html.dark-mode input[type="text"], html.dark-mode input[type="email"], html.dark-mode input[type="password"], html.dark-mode input[type="search"], html.dark-mode textarea, html.dark-mode select { background: var(--dm-bg-elevated) !important; color: var(--dm-text-primary) !important; border-color: var(--dm-border) !important; } html.dark-mode input[type="text"]:focus, html.dark-mode input[type="email"]:focus, html.dark-mode input[type="password"]:focus, html.dark-mode input[type="search"]:focus, html.dark-mode textarea:focus, html.dark-mode select:focus { border-color: var(--site-primary) !important; } /* Gallery widget search bar */ html.dark-mode .gallery-search-bar { background: var(--dm-bg-elevated) !important; border-bottom-color: var(--dm-border) !important; } html.dark-mode .gallery-search-bar input[type="text"] { background: var(--dm-bg-card) !important; color: var(--dm-text-primary) !important; border: 1px solid var(--dm-border) !important; } /* ========================================================= SCHOLARSHIPS PAGE (football) — table and section styling ========================================================= */ html.dark-mode #scholarships { border-color: var(--dm-border) !important; background: var(--dm-bg-card) !important; } html.dark-mode #scholarships th { background: var(--dm-premium-bg) !important; color: var(--color-text-on-primary) !important; border-color: var(--dm-border) !important; } html.dark-mode #scholarships td { border-color: var(--dm-border) !important; color: var(--dm-text-primary) !important; } html.dark-mode #scholarships .pos { color: var(--dm-text-secondary) !important; } html.dark-mode #scholarships tr.o { background-color: var(--dm-bg-stripe) !important; } html.dark-mode #scholarships a, html.dark-mode #scholarships a:link, html.dark-mode #scholarships a:visited { color: var(--dm-accent-text) !important; } html.dark-mode #scholarships a:hover, html.dark-mode #scholarships a:focus { color: var(--dm-text-secondary) !important; } /* Section header/footer bars — when not inside #user-tabs */ html.dark-mode .section-header-footer.header, html.dark-mode .section-header-footer.footer { background: var(--dm-premium-bg) !important; color: var(--color-text-on-primary) !important; } html.dark-mode .section-header-footer.header a, html.dark-mode .section-header-footer.footer a { color: var(--color-text-on-primary) !important; } /* Latest updates box and paragraphs */ html.dark-mode #latest-updates { background: var(--dm-bg-card) !important; border-color: var(--dm-border) !important; } html.dark-mode #latest-updates p { color: var(--dm-text-primary) !important; } html.dark-mode #latest-updates .o { background-color: var(--dm-bg-stripe) !important; } html.dark-mode #latest-updates a, html.dark-mode #latest-updates a:link, html.dark-mode #latest-updates a:visited { color: var(--dm-accent-text) !important; } html.dark-mode #latest-updates a:hover, html.dark-mode #latest-updates a:focus { color: var(--dm-text-secondary) !important; } /* Season summary page: nav links and PDF fallback download links */ html.dark-mode .stats-page-nav a, html.dark-mode .stats-page-nav a:link, html.dark-mode .stats-page-nav a:visited, html.dark-mode .pdf a, html.dark-mode .pdf a:link, html.dark-mode .pdf a:visited { color: var(--dm-accent-text) !important; } html.dark-mode .stats-page-nav a:hover, html.dark-mode .stats-page-nav a:focus, html.dark-mode .pdf a:hover, html.dark-mode .pdf a:focus { color: var(--dm-text-secondary) !important; }