Form input opacity colors

<!-- Source -->
<input class="form-control input-dark input-primary-10" type="text" placeholder="Primary"/>
<input class="form-control input-dark input-primary-20" type="text" placeholder="Primary"/>
<input class="form-control input-dark input-primary-30" type="text" placeholder="Primary"/>
<input class="form-control input-dark input-primary-40" type="text" placeholder="Primary"/>
<input class="form-control input-dark input-primary-50" type="text" placeholder="Primary"/>
<input class="form-control input-dark input-primary-60" type="text" placeholder="Primary"/>
<input class="form-control input-dark input-primary-70" type="text" placeholder="Primary"/>
<input class="form-control input-dark input-primary-80" type="text" placeholder="Primary"/>
<input class="form-control input-dark input-primary-90" type="text" placeholder="Primary"/>

<input class="form-control input-dark input-secondary-10" type="text" placeholder="Secondary"/>
<input class="form-control input-dark input-secondary-20" type="text" placeholder="Secondary"/>
<input class="form-control input-dark input-secondary-30" type="text" placeholder="Secondary"/>
<input class="form-control input-dark input-secondary-40" type="text" placeholder="Secondary"/>
<input class="form-control input-dark input-secondary-50" type="text" placeholder="Secondary"/>
<input class="form-control input-dark input-secondary-60" type="text" placeholder="Secondary"/>
<input class="form-control input-dark input-secondary-70" type="text" placeholder="Secondary"/>
<input class="form-control input-dark input-secondary-80" type="text" placeholder="Secondary"/>
<input class="form-control input-dark input-secondary-90" type="text" placeholder="Secondary"/>

<input class="form-control input-dark input-success-10" type="text" placeholder="Success"/>
<input class="form-control input-dark input-success-20" type="text" placeholder="Success"/>
<input class="form-control input-dark input-success-30" type="text" placeholder="Success"/>
<input class="form-control input-dark input-success-40" type="text" placeholder="Success"/>
<input class="form-control input-dark input-success-50" type="text" placeholder="Success"/>
<input class="form-control input-dark input-success-60" type="text" placeholder="Success"/>
<input class="form-control input-dark input-success-70" type="text" placeholder="Success"/>
<input class="form-control input-dark input-success-80" type="text" placeholder="Success"/>
<input class="form-control input-dark input-success-90" type="text" placeholder="Success"/>

<input class="form-control input-dark input-info-10" type="text" placeholder="Info"/>
<input class="form-control input-dark input-info-20" type="text" placeholder="Info"/>
<input class="form-control input-dark input-info-30" type="text" placeholder="Info"/>
<input class="form-control input-dark input-info-40" type="text" placeholder="Info"/>
<input class="form-control input-dark input-info-50" type="text" placeholder="Info"/>
<input class="form-control input-dark input-info-60" type="text" placeholder="Info"/>
<input class="form-control input-dark input-info-70" type="text" placeholder="Info"/>
<input class="form-control input-dark input-info-80" type="text" placeholder="Info"/>
<input class="form-control input-dark input-info-90" type="text" placeholder="Info"/>

<input class="form-control input-dark input-warning-10" type="text" placeholder="Warning"/>
<input class="form-control input-dark input-warning-20" type="text" placeholder="Warning"/>
<input class="form-control input-dark input-warning-30" type="text" placeholder="Warning"/>
<input class="form-control input-dark input-warning-40" type="text" placeholder="Warning"/>
<input class="form-control input-dark input-warning-50" type="text" placeholder="Warning"/>
<input class="form-control input-dark input-warning-60" type="text" placeholder="Warning"/>
<input class="form-control input-dark input-warning-70" type="text" placeholder="Warning"/>
<input class="form-control input-dark input-warning-80" type="text" placeholder="Warning"/>
<input class="form-control input-dark input-warning-90" type="text" placeholder="Warning"/>

<input class="form-control input-dark input-danger-10" type="text" placeholder="Danger"/>
<input class="form-control input-dark input-danger-20" type="text" placeholder="Danger"/>
<input class="form-control input-dark input-danger-30" type="text" placeholder="Danger"/>
<input class="form-control input-dark input-danger-40" type="text" placeholder="Danger"/>
<input class="form-control input-dark input-danger-50" type="text" placeholder="Danger"/>
<input class="form-control input-dark input-danger-60" type="text" placeholder="Danger"/>
<input class="form-control input-dark input-danger-70" type="text" placeholder="Danger"/>
<input class="form-control input-dark input-danger-80" type="text" placeholder="Danger"/>
<input class="form-control input-dark input-danger-90" type="text" placeholder="Danger"/>

<input class="form-control input-dark input-dark-10" type="text" placeholder="Dark"/>
<input class="form-control input-dark input-dark-20" type="text" placeholder="Dark"/>
<input class="form-control input-dark input-dark-30" type="text" placeholder="Dark"/>
<input class="form-control input-dark input-dark-40" type="text" placeholder="Dark"/>
<input class="form-control input-dark input-dark-50" type="text" placeholder="Dark"/>
<input class="form-control input-dark input-dark-60" type="text" placeholder="Dark"/>
<input class="form-control input-dark input-dark-70" type="text" placeholder="Dark"/>
<input class="form-control input-dark input-dark-80" type="text" placeholder="Dark"/>
<input class="form-control input-dark input-dark-90" type="text" placeholder="Dark"/>

<input class="form-control input-dark input-black-10" type="text" placeholder="Black"/>
<input class="form-control input-dark input-black-20" type="text" placeholder="Black"/>
<input class="form-control input-dark input-black-30" type="text" placeholder="Black"/>
<input class="form-control input-dark input-black-40" type="text" placeholder="Black"/>
<input class="form-control input-dark input-black-50" type="text" placeholder="Black"/>
<input class="form-control input-dark input-black-60" type="text" placeholder="Black"/>
<input class="form-control input-dark input-black-70" type="text" placeholder="Black"/>
<input class="form-control input-dark input-black-80" type="text" placeholder="Black"/>
<input class="form-control input-dark input-black-90" type="text" placeholder="Black"/>

<input class="form-control input-dark input-indigo-10" type="text" placeholder="Indigo"/>
<input class="form-control input-dark input-indigo-20" type="text" placeholder="Indigo"/>
<input class="form-control input-dark input-indigo-30" type="text" placeholder="Indigo"/>
<input class="form-control input-dark input-indigo-40" type="text" placeholder="Indigo"/>
<input class="form-control input-dark input-indigo-50" type="text" placeholder="Indigo"/>
<input class="form-control input-dark input-indigo-60" type="text" placeholder="Indigo"/>
<input class="form-control input-dark input-indigo-70" type="text" placeholder="Indigo"/>
<input class="form-control input-dark input-indigo-80" type="text" placeholder="Indigo"/>
<input class="form-control input-dark input-indigo-90" type="text" placeholder="Indigo"/>

<input class="form-control input-dark input-orange-10" type="text" placeholder="Orange"/>
<input class="form-control input-dark input-orange-20" type="text" placeholder="Orange"/>
<input class="form-control input-dark input-orange-30" type="text" placeholder="Orange"/>
<input class="form-control input-dark input-orange-40" type="text" placeholder="Orange"/>
<input class="form-control input-dark input-orange-50" type="text" placeholder="Orange"/>
<input class="form-control input-dark input-orange-60" type="text" placeholder="Orange"/>
<input class="form-control input-dark input-orange-70" type="text" placeholder="Orange"/>
<input class="form-control input-dark input-orange-80" type="text" placeholder="Orange"/>
<input class="form-control input-dark input-orange-90" type="text" placeholder="Orange"/>

<input class="form-control input-dark input-pink-10" type="text" placeholder="Pink"/>
<input class="form-control input-dark input-pink-20" type="text" placeholder="Pink"/>
<input class="form-control input-dark input-pink-30" type="text" placeholder="Pink"/>
<input class="form-control input-dark input-pink-40" type="text" placeholder="Pink"/>
<input class="form-control input-dark input-pink-50" type="text" placeholder="Pink"/>
<input class="form-control input-dark input-pink-60" type="text" placeholder="Pink"/>
<input class="form-control input-dark input-pink-70" type="text" placeholder="Pink"/>
<input class="form-control input-dark input-pink-80" type="text" placeholder="Pink"/>
<input class="form-control input-dark input-pink-90" type="text" placeholder="Pink"/>

<input class="form-control input-dark input-purple-10" type="text" placeholder="Purple"/>
<input class="form-control input-dark input-purple-20" type="text" placeholder="Purple"/>
<input class="form-control input-dark input-purple-30" type="text" placeholder="Purple"/>
<input class="form-control input-dark input-purple-40" type="text" placeholder="Purple"/>
<input class="form-control input-dark input-purple-50" type="text" placeholder="Purple"/>
<input class="form-control input-dark input-purple-60" type="text" placeholder="Purple"/>
<input class="form-control input-dark input-purple-70" type="text" placeholder="Purple"/>
<input class="form-control input-dark input-purple-80" type="text" placeholder="Purple"/>
<input class="form-control input-dark input-purple-90" type="text" placeholder="Purple"/>

<input class="form-control input-dark input-teal-10" type="text" placeholder="Teal"/>
<input class="form-control input-dark input-teal-20" type="text" placeholder="Teal"/>
<input class="form-control input-dark input-teal-30" type="text" placeholder="Teal"/>
<input class="form-control input-dark input-teal-40" type="text" placeholder="Teal"/>
<input class="form-control input-dark input-teal-50" type="text" placeholder="Teal"/>
<input class="form-control input-dark input-teal-60" type="text" placeholder="Teal"/>
<input class="form-control input-dark input-teal-70" type="text" placeholder="Teal"/>
<input class="form-control input-dark input-teal-80" type="text" placeholder="Teal"/>
<input class="form-control input-dark input-teal-90" type="text" placeholder="Teal"/>

<input class="form-control input-dark input-white-10" type="text" placeholder="White"/>
<input class="form-control input-dark input-white-20" type="text" placeholder="White"/>
<input class="form-control input-dark input-white-30" type="text" placeholder="White"/>
<input class="form-control input-dark input-white-40" type="text" placeholder="White"/>
<input class="form-control input-dark input-white-50" type="text" placeholder="White"/>
<input class="form-control input-dark input-white-60" type="text" placeholder="White"/>
<input class="form-control input-dark input-white-70" type="text" placeholder="White"/>
<input class="form-control input-dark input-white-80" type="text" placeholder="White"/>
<input class="form-control input-dark input-white-90" type="text" placeholder="White"/>