title: how to change border color of colorbox
body: <p>Hi I am using <a href="http://www.jacklmoore.com/colorbox" rel="nofollow">colorbox</a> throughout my web application. I wonder if I can change the border color of my color box. I have gone through the code and see that there is a attribute</p>
  
  <pre><code> #cboxMiddleLeft:background: url("images/controls.png") repeat-y scroll left top transparent;
  </code></pre>
  
  <p>and when I go to images folder of color box I see a controls.png image for left and right borders of the color box and property</p>
  
  <pre><code> #cboxBottomCenter: background: url("images/border.png") repeat-x scroll 0 -29px transparent;
  </code></pre>
  
  <p>for top and bottom borders of the color box. Both images are in <code>dark grey color</code>. </p>
  
  <p>Now what I want to ask that If I want to change the border of the color box, then should I put the <code>color.png and border.png</code> in that particular color? Can I get these images in all colors? Because its difficult to design the same images in all colors.</p>
  
  <p>The color of my web application changes in many colors and I want to show borders with respect to those colors. What is the best approach for this? Is there any automated way to do this? I searched but couldn't get any thing.</p>
  
  <p>Regards</p>