Use bootstrap color variable

martinmaillard · martinmaillard · commit 91a45e0e1930 · 2014-07-16T14:10:14.000+02:00
diff --git a/src/less/selectize.bootstrap3.less b/src/less/selectize.bootstrap3.less
@@ -24,8 +24,8 @@
 @selectize-color-highlight: rgba(255,237,40,0.4);
 @selectize-color-input: @input-bg;
 @selectize-color-input-full: @input-bg;
-@selectize-color-input-error: #a94442;
-@selectize-color-input-error-focus: #843534;
+@selectize-color-input-error: @state-danger-text;
+@selectize-color-input-error-focus: darken(@selectize-color-input-error, 10%);
 @selectize-color-disabled: @input-bg;
 @selectize-color-item: #efefef;
 @selectize-color-item-border: rgba(0,0,0,0);
@@ -44,7 +44,7 @@
 @selectize-shadow-input: none;
 @selectize-shadow-input-focus: inset 0 1px 2px rgba(0,0,0,0.15);
 @selectize-shadow-input-error: inset 0 1px 1px rgba(0, 0, 0, .075);
-@selectize-shadow-input-error-focus: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
+@selectize-shadow-input-error-focus: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@selectize-color-input-error, 20%);
 @selectize-border: 1px solid @input-border;
 @selectize-border-radius: @input-border-radius;
 
@@ -122,7 +122,7 @@
     border-color: @selectize-color-input-error;
     .selectize-box-shadow(@selectize-shadow-input-error);
 
-    &.focus {
+    &:focus {
         border-color: @selectize-color-input-error-focus;
         .selectize-box-shadow(@selectize-shadow-input-error-focus);
     }
