/* * liveTiming-theme.css * Loaded AFTER master.css — overrides packed styles per theme. * * Theme is set via data-theme attribute on : * (none) = Pitch Black Pro (default) * data-theme="carbon" = Carbon Circuit * data-theme="white-line" = White Line Fever */ /* ========================================================================== THEME 1: Pitch Black Pro (default — no data-theme attribute) Off-black body, amber accent, dark navy thead ========================================================================== */ html:not([data-theme]) body, html:not([data-theme]) .theme-dark { background-color: #0D0D0D; color: #E8E8E8; } html:not([data-theme]) .theme-dark .ui-widget-content { background-color: #0D0D0D !important; color: #E8E8E8; } html:not([data-theme]) header { background-color: #1A1A1A; } html:not([data-theme]) .theme-dark div.raceResults table.resultsGrid thead { background-color: #1C2A3A; color: #FFFFFF !important; } html:not([data-theme]) .theme-dark div.raceResults table.resultsGrid th { border-color: #1C2A3A !important; } html:not([data-theme]) .theme-dark div.raceResults table.resultsGrid th > div { color: #FFFFFF !important; } html:not([data-theme]) .theme-dark div.raceResults table.resultsGrid td, html:not([data-theme]) .theme-dark div.raceResults table.resultsGrid th { border-color: #2A2A2A; } html:not([data-theme]) .theme-dark div.raceResults table.resultsGrid div.personalbest { color: #00DA00 !important; } html:not([data-theme]) .theme-dark div.raceResults table.resultsGrid div.absolutebest { color: #CC66FF !important; } html:not([data-theme]) .theme-dark div.raceResults table.resultsGrid div.zero { color: #FF4444 !important; } html:not([data-theme]) .theme-dark div.raceResults table.resultsGrid div.lower { color: #00DA00 !important; } html:not([data-theme]) .theme-dark div.raceResults table.resultsGrid tr.specialEnrollment, html:not([data-theme]) .theme-dark div.raceResults table.resultsGrid tr.highlight { background-color: #1C3A6E !important; } html:not([data-theme]) .theme-dark div.raceResults table.resultsGrid tbody tr:nth-child(even) { background-color: #161616; } /* ========================================================================== THEME 2: Carbon Circuit Navy-black body, electric cyan accent ========================================================================== */ [data-theme="carbon"] body, [data-theme="carbon"] .theme-dark { background-color: #0A0E14; color: #D8E8F0; } [data-theme="carbon"] .theme-dark .ui-widget-content { background-color: #0A0E14 !important; color: #D8E8F0; } [data-theme="carbon"] header { background-color: #0F1520; } [data-theme="carbon"] .theme-dark div.raceResults table.resultsGrid thead { background-color: #0F2A3A; color: #FFFFFF !important; } [data-theme="carbon"] .theme-dark div.raceResults table.resultsGrid th { border-color: #0F2A3A !important; } [data-theme="carbon"] .theme-dark div.raceResults table.resultsGrid th > div { color: #FFFFFF !important; } [data-theme="carbon"] .theme-dark div.raceResults table.resultsGrid td, [data-theme="carbon"] .theme-dark div.raceResults table.resultsGrid th { border-color: #1A2535; } [data-theme="carbon"] .theme-dark div.raceResults table.resultsGrid div.personalbest { color: #00E5A0 !important; } [data-theme="carbon"] .theme-dark div.raceResults table.resultsGrid div.absolutebest { color: #CC66FF !important; } [data-theme="carbon"] .theme-dark div.raceResults table.resultsGrid div.zero { color: #FF4466 !important; } [data-theme="carbon"] .theme-dark div.raceResults table.resultsGrid div.lower { color: #00E5A0 !important; } [data-theme="carbon"] .theme-dark div.raceResults table.resultsGrid tr.specialEnrollment, [data-theme="carbon"] .theme-dark div.raceResults table.resultsGrid tr.highlight { background-color: #0A2A4A !important; } [data-theme="carbon"] .theme-dark div.raceResults table.resultsGrid tbody tr:nth-child(even) { background-color: #0D1219; } /* ========================================================================== THEME 3: White Line Fever Light theme, deep slate header, blue accent ========================================================================== */ [data-theme="white-line"] body, [data-theme="white-line"] .theme-dark { background-color: #F8F9FA; color: #1A1E2A; } [data-theme="white-line"] .theme-dark .ui-widget-content { background-color: #FFFFFF !important; color: #1A1E2A; } [data-theme="white-line"] header { background-color: #1E2533; } [data-theme="white-line"] .theme-dark div.raceResults table.resultsGrid thead { background-color: #1E2533; color: #FFFFFF !important; } [data-theme="white-line"] .theme-dark div.raceResults table.resultsGrid th { border-color: #1E2533 !important; } [data-theme="white-line"] .theme-dark div.raceResults table.resultsGrid th > div { color: #FFFFFF !important; } [data-theme="white-line"] .theme-dark div.raceResults table.resultsGrid td, [data-theme="white-line"] .theme-dark div.raceResults table.resultsGrid th { border-color: #DEE2E6; } [data-theme="white-line"] .theme-dark div.raceResults table.resultsGrid div.personalbest { color: #1A7A1A !important; } [data-theme="white-line"] .theme-dark div.raceResults table.resultsGrid div.absolutebest { color: #8B008B !important; } [data-theme="white-line"] .theme-dark div.raceResults table.resultsGrid div.zero { color: #CC0000 !important; } [data-theme="white-line"] .theme-dark div.raceResults table.resultsGrid div.lower { color: #1A7A1A !important; } [data-theme="white-line"] .theme-dark div.raceResults table.resultsGrid tr.specialEnrollment, [data-theme="white-line"] .theme-dark div.raceResults table.resultsGrid tr.highlight { background-color: #CCE0FF !important; } [data-theme="white-line"] .theme-dark div.raceResults table.resultsGrid tbody tr:nth-child(even) { background-color: #F0F2F5; } [data-theme="white-line"] .theme-dark div.raceResults table.resultsGrid tbody tr { color: #1A1E2A; }