How to change the glow outline color of a focused text field in JavaFX?
<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>