Select input shows option items as White on White

webakshar commented 5 years ago

Hi Team,

Great work on the template.

I am facing two issues while using the template for personal use:

1. Input Select options display White on White when open

Markup:

<div class="card-body">
<div class="row">
    <div class="col-md-5 pr-md-1 offset-md-1">
        <div class="form-group">
            <label class="control-label">SELECT ITEMS</label>
            <select class="form-control">
                <option>Item 1</option>
                <option>Item 2</option>
                <option>Item 3</option>
            </select>
        </div>
    </div>
</div>
</div>

2. The focus color on the input control is always set to the pink, even if the Blue theme is selected Highlighted rectangle in the screenshot above.

Please assist.

rarestoma commented 5 years ago

Hello webakshar,

Thank you for the interest in our products. For the first problem, please add a darker color for the form-control: .form-control{ color: #949494; } For the second problem, this is the default color of the input on focus. You change it doing the following change: .form-control:focus{ border-color: #1d8cf8; }

If i can help you with anything else, please let me know.

Best, Rares

lezohtml commented 2 years ago

Hi,

I've got the same issue with the white on white dropdown menu. Here what i've changed :

.form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.5rem 0.7rem; font-size: 0.875rem; font-weight: 400; line-height: 1.428571; color: #949494; background-color: #27293D; background-clip: padding-box; border: 1px solid #cad1d7; border-radius: 0.25rem; box-shadow: none; }

creativetimofficial / black-dashboard

Select input shows option items as White on White #8