/* --- 1. CORE BACKGROUNDS (Dark Mode Base) --- */ body, .body-container, .layout-container, #event-website-content, .agenda-view, .session-item, .agenda-session-row, .panel, .panel-default, .container, .container-fluid, .agenda-container, .view-container, .tab-content, .nav-tabs, .agenda-header, .agenda-controls, .search-container, .bg-white, .white-bg { background-color: #262630 !important; background: #262630 !important; box-shadow: none !important; border: none !important; } /* --- 2. BORDERS (HIGH SPECIFICITY FIX) --- */ /* Step A: Nuke borders on all outer wrappers (prevents double lines) */ .agenda-view .session-item, .agenda-view .session-elem, .agenda-view .agenda-session-row { border: none !important; box-shadow: none !important; background: transparent !important; } /* Step B: Target the SPECIFIC inner container shown in your inspector */ /* We use ".session-elem .session-container" to beat the default theme rule */ .session-elem .session-container, div.session-container.make-relative { border: 1px solid #727289 !important; border-radius: 4px !important; box-shadow: none !important; background: #474760 !important; } /* Tabs Line */ .nav-tabs { border-bottom: 1px solid #262630 !important; } /* Search Bar & Filters */ input.form-control, input[type="text"], .btn-group .btn, .dropdown-toggle { border: 1px solid #262630 !important; } /* --- 3. TEXT COLORS (Main Text Black) --- */ /* General text black */ h1, h2, h3, h4, h5, h6, p, span, div, li, .session-title, .session-title a { color: #000000 !important; text-decoration: none !important; } /* --- 4. INPUTS & FILTERS (Placeholder & Text: #6e6e89) --- */ /* Text inside the Search Bar */ input.form-control, input[type="text"] { color: #6e6e89 !important; background-color: #ffffff !important; } /* Placeholder text (e.g. "Search Session") */ ::placeholder { color: #6e6e89 !important; opacity: 1; } ::-ms-input-placeholder { color: #6e6e89 !important; } /* Text inside the Filter Dropdowns */ .btn-group .btn, .dropdown-toggle, .dropdown-toggle span { color: #6e6e89 !important; background-color: #ffffff !important; } /* --- 5. STAR ICON BOX (Background: #6e6e89) --- */ .session-actions-container, .session-action-container, .icon-lead_off, .starIcon { background-color: #6e6e89 !important; border-color: #6e6e89 !important; color: #ffffff !important; border-radius: 2px !important; } .popover { color: #717289 !important; } /*Hide Agenda Timestamps*//* .agenda-view .session-list-container .session-day-container .time-row .time-elem > div { border-radius: 4px; text-transform: uppercase; font-size: 12px; text-align: center; white-space: nowrap; line-height: 30px; font-weight: 400; color: #fff; display: none; }*/ /*Hide Agenda Session Times*//* .session-info-text { font-size: 14px; vertical-align: middle; line-height: 21px; color: #32333C; margin-bottom: 5px; display: none; }*/ /*specific pages container*/ .home-custom-css{} .community-custom-css{} .agenda-custom-css{} .speakers-custom-css{} /*main container of each section*/ .main-app-container {} /* call-to-action buttons e.g: Register, Join The Community etc */ .btn-register {} /*Top navigation bar container*/ .template-nav {} /*Top navigation bar items container*/ #bs-example-navbar-collapse-1 {} /*social share buttons container*/ .social-share-button {} /*social share buttons per social network*/ .social-share-button.facebook {} .social-share-button.twitter {} .social-share-button.linkedin {} .social-share-button.google {} /* --- FIX TEXT IN WHITE BOXES (High Specificity Override) --- */ /* 1. Target spans inside the Filter/Session Buttons ("All Sessions", "My Interests") */ .tab-button span, .tab-button i, .btn-group span, .dropdown-toggle span, .session-counter { color: #6e6e89 !important; } /* 2. Target the Search Input specifically */ .agenda-header input, .search-container input, input.form-control { color: #6e6e89 !important; } /* 3. Force Placeholders to be visible */ ::-webkit-input-placeholder { color: #6e6e89 !important; } ::-moz-placeholder { color: #6e6e89 !important; } :-ms-input-placeholder { color: #6e6e89 !important; } ::placeholder { color: #6e6e89 !important; } /* 4. Dropdown Menu Links */ .dropdown-menu > li > a { color: #6e6e89 !important; } /* --- FIX SEARCH DROPDOWN (AUTOSUGGEST) --- */ /* 1. Force the dropdown list background to be white */ .react-autosuggest__suggestions-container, .react-autosuggest__suggestions-list, .react-autowhalever-1-container { background-color: #ffffff !important; border: 1px solid #262630 !important; } /* 2. Force the text inside the dropdown to be your dark purple/grey */ .react-autosuggest__suggestion, .react-autosuggest__suggestion span, .react-autosuggest__suggestion div, .react-autowhalever-1-section-title { color: #6e6e89 !important; } /* 3. Handle the "hover" state (when you arrow down to a result) */ .react-autosuggest__suggestion--highlighted, .react-autosuggest__suggestion--focused { background-color: #f0f0f0 !important; /* Light grey background on hover */ } .react-autosuggest__suggestion--highlighted span, .react-autosuggest__suggestion--focused span { color: #000000 !important; /* Text turns black on hover */ } /* --- 6. FIX DROPDOWN/FILTER MENUS (Readability Fix) --- */ /* Force the dropdown container to be white */ .dropdown-menu { background-color: #ffffff !important; border: 1px solid #6e6e89 !important; } /* Force text inside dropdowns to be Dark Grey (Overrides global white text) */ .dropdown-menu > li > a, .dropdown-menu > li > span, .dropdown-menu > li, .dropdown-menu .text-muted { color: #6e6e89 !important; background-color: transparent !important; } /* Hover state: Light grey bg + Dark text */ .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #f2f2f2 !important; color: #262630 !important; } /* --- 7. DAY TAB BRANDING (Fixes "Day 0" White/Grey issue) --- */ /* Style the Day Tabs as Purple Pills */ .agenda-header-filter-item { background-color: #6a4bfd !important; /* Your Brand Purple */ color: #ffffff !important; /* White Text */ border-radius: 50px !important; /* Round Pill Shape */ border: none !important; margin-right: 5px !important; /* Space between buttons */ } /* Style the 'Active' Tab (Selected Day) */ .agenda-header-filter-item.active { background-color: #4a32b2 !important; /* Darker Purple for active */ color: #ffffff !important; font-weight: bold !important; } /* Ensure hover doesn't turn it grey */ .agenda-header-filter-item:hover { background-color: #5a3be0 !important; color: #ffffff !important; } /* ========================================= FIX SESSIONS HEADER (SPECIFICITY OVERRIDE) ========================================= */ /* 1. Chain the classes together to beat the global 'div' rule */ div.bz-uppercase.suggestionTitle.font-size-12 { color: #6e6e89 !important; -webkit-text-fill-color: #6e6e89 !important; /* Forces color in some browsers */ background-image: none !important; /* Remove the weird gradient background */ background-color: #f2f2f2 !important; /* Light grey background */ } /* 2. Backup selector using the ID */ #react-autowhalever-1 .suggestionTitle { color: #6e6e89 !important; } /* ========================================= FIX "ALL SESSIONS" & "MY INTERESTS" TEXT ========================================= */ /* Force the text and icons in the main filter tabs to be white */ .tab-button span, .tab-button i, .tab-button .session-counter, span.session-counter { color: #ffffff !important; } /* Ensure the specific 'My Interests' checkbox/icon is white */ .icon-check, .icon-star_empty, .icon-star_full { color: #ffffff !important; } /* ========================================= FIX "NO TICKETS" POPUP TEXT ========================================= */ /* Target the specific popup container and override the white text */ .no-ticket-popover, .no-ticket-popover .main-section, .no-ticket-popover h4, .no-ticket-popover div, .no-ticket-popover p, .no-ticket-popover span { color: #6e6e89 !important; /* Dark Grey */ text-shadow: none !important; } /* Ensure the 'Register' button text remains white (if needed) */ .no-ticket-popover .btn { color: #717289 !important; } /* Target the specific caret class from your screenshot */ span.caret.hidden-xs.hidden-sm { color: #888888 !important; /* Sets text color to grey */ border-top-color: #888888 !important; /* Forces the top border (the triangle) to be grey */ opacity: 1 !important; /* Ensures it isn't transparent */ } /* Force popover text to dark grey */ .popover .text-bold, .popover-content .text-bold, [class*="popover"] .text-bold { color: #555555 !important; } div.need-login-popover.popover .popover-content .text, div.need-login-popover.popover .popover-content .text-bold { color: #555555 !important; } /* 1. Target the specific 'tag' class inside the flyout */ .bz-hoc-filter .tags-box .tag { color: #555555 !important; /* Forces the text to Grey */ } /* 2. Target the menu categories on the left (Time, Session Type, etc.) */ .bz-hoc-filter .category, .bz-hoc-filter .category div { color: #555555 !important; }