title: Change JavaFx Tab default Look
body: <p>I am trying to change the default look of JavaFx tabs using css.</p>
  
  <p>I managed to achieve following.</p>
  
  <p><img src="https://i.stack.imgur.com/6H0BB.png" alt="enter image description here"></p>
  
  <p>What I am looking for is there should not be left gap on first tab.</p>
  
  <p>Can somebody please point me in right direction on how to achieve it.</p>
  
  <p>Below is the output I am trying to achieve.</p>
  
  <p><img src="https://i.stack.imgur.com/zueag.png" alt="enter image description here"></p>
  
  <p>I have used following CSS</p>
  
  <pre><code>.tab-pane .tab-header-area .tab-header-background {
      -fx-opacity: 0;
  }
  
  .tab-pane
  {
      -fx-tab-min-width:90px;
  }
  
  .tab{
      -fx-background-insets: 0 1 0 1,0,0;
  }
  .tab-pane .tab
  {
      -fx-background-color: #e6e6e6;
  
  }
  
  .tab-pane .tab:selected
  {
      -fx-background-color: #3c3c3c;
  }
  
  .tab .tab-label { 
      -fx-alignment: CENTER;
      -fx-text-fill: #828282;
      -fx-font-size: 12px;
      -fx-font-weight: bold;
  }
  
  .tab:selected .tab-label { 
      -fx-alignment: CENTER;
      -fx-text-fill: #96b946;
  }
  </code></pre>