title: How to change the glow outline color of a focused text field in JavaFX?
body: <p>After alot of browsing I haven't yet found a solution to this.</p>
  
  <p>I'm trying to change <code>this really light blue-ish border color</code> around the <code>TextFiedl</code> (when it's selected).</p>
  
  <hr>
  
  <p>The closest I've been to was with this:
  <a href="https://i.stack.imgur.com/8ha3O.png" rel="noreferrer"><img src="https://i.stack.imgur.com/8ha3O.png" alt="enter image description here"></a></p>
  
  <pre><code>.text-field {
      -fx-faint-focus-color: red;
  }
  </code></pre>
  
  <p>But I get this result:</p>
  
  <p><a href="https://i.stack.imgur.com/y4nb2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/y4nb2.png" alt="enter image description here"></a> </p>
  
  <p>A really strong tone of red (the complete opposite of that soft border), that also looks thicker than the original one.</p>
  
  <hr>
  
  <p>So, how can I change <strong>just</strong> the color, so that instead of a very light blue I'd be able to get, say, a very light red, whilst keeping the thickness/overall feel of the original glow?</p>