Input :focus box-shadow colour

[mwanji]

As far as I can tell, the colour of a focused input's box-shadow is hardcoded to rgba(82, 168, 236, 0.6).

With bootstrap.less, you can modify the colour with @input-border-focus. Would it be possible to add this functionality?

I modified it in the following way for my project, but do not know this project and LESS well enough to know if this is a safe change:

.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  @color-rgba: rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6);
  border-color: @input-border-focus;
  outline: none;
  @shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px @color-rgba;
  .box-shadow(@shadow);
  @transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  .transition(@transition);
}

[fk]

Thank you @mwanji – that's a good catch! (I'm a little baffled as to why this is hardcoded … :/)
Will fix this ASAP, but it might take me until tomorrow.

[mwanji]

That's great, thanks!

[fk]

Should be fixed in v1.4.4 – I tested both Sass and Less versions, but since I'm a little distracted today, could you please test and close this issue yourself if this works for you?

[mwanji]

Yes, it's working great now, thanks!

[fk]

Yay! Thanks again! :)