Search input is wrongly styled in dark mode about nextra HOT 2 CLOSED

[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    background-color: #FFF;
    border-color: #969696;
    /* 2 */
}

.dark [type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    background-color: #000;
    border-color: #424242;
    /* 2 */
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #969696 !important;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #969696 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #969696 !important;
}


.dark ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #424242 !important;
    opacity: 1;
    /* Firefox */
}

.dark :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #424242 !important;
}

.dark ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #424242 !important;
}