|
|
| Line 2,182: |
Line 2,182: |
| --- SEARCH ICON FIX (DIRECT SVG TARGETING) --- | | --- SEARCH ICON FIX (DIRECT SVG TARGETING) --- |
| ============================================================ */ | | ============================================================ */ |
|
| |
| /* 5. GLOBAL DEFAULT: Force the SVG itself to be WHITE */
| |
| /* We target the 'svg' and 'path' tags directly to bypass parent class rules */
| |
| html body .vector-header .cdx-text-input__icon svg,
| |
| html body .vector-header .cdx-text-input__icon path,
| |
| html body .vector-header .cdx-search-input__start-icon svg {
| |
| fill: #ffffff !important; /* Try to fill with white */
| |
| color: #ffffff !important;
| |
| filter: brightness(0) invert(1) !important; /* Force Black -> White conversion */
| |
| opacity: 1 !important;
| |
| transition: all 0.2s ease !important;
| |
| }
| |
|
| |
| /* Also target the wrapper just in case */
| |
| html body .vector-header .cdx-text-input__icon {
| |
| position: absolute !important;
| |
| left: 12px !important;
| |
| top: 50% !important;
| |
| transform: translateY(-50%) !important;
| |
| z-index: 10 !important;
| |
| color: white !important; /* Fallback */
| |
| }
| |
|
| |
| /* 6. EXCEPTION: When Clicking/Typing (Focus State) */
| |
| /* We remove the filter so it returns to its natural dark color */
| |
| html body .vector-header .cdx-search-input:focus-within .cdx-text-input__icon svg,
| |
| html body .vector-header .cdx-search-input:focus-within .cdx-text-input__icon path,
| |
| html body .vector-header .cdx-search-input:focus-within .cdx-text-input__icon {
| |
| fill: #546e7a !important; /* Dark Grey */
| |
| color: #546e7a !important;
| |
| filter: none !important; /* Remove the white filter */
| |
| }
| |
|
| |
|
| /* 7. The Search BUTTON (Right side) */ | | /* 7. The Search BUTTON (Right side) */ |