title: How to remove borders in TableView header in JavaFX
body: <p>I'm using <code>TableView</code> in many places in my javaFX application. I'm working on a dark mode theme and want to style this table. Now i can't manage to remove the borders in the header row. Also, the text color in the table rows remains black although the rest of text appears white (because of a dark color for <code>-fx-base</code> in root css class) in my application. The table looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/0PrYQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0PrYQ.png" alt="enter image description here"></a></p>
  
  <p>The css:</p>
  
  <pre><code>.root {
  -fx-base:#292929;
  }
  
  .table-view {
     -fx-background-color: transparent;
     -fx-border-color: all-dialog-border-color;
     -fx-border-width: 1;
     -fx-table-header-border-color: transparent;
     -fx-table-cell-border-color: transparent;
     -fx-text-fill: white;
  }
  
  .table-view .column-header-background
  {
     -fx-background-color: -fx-base;
  }
  
  .table-row-cell
  {
      -fx-background-insets: 0, 0 0 1 0;
      -fx-background-color: transparent;
      -fx-text-fill: white;
  }
  .table-column {
    -fx-alignment: CENTER;
  }
  
  .table-view:focused .table-row-cell:focused {
      -fx-table-cell-border-color: transparent;
  }
  </code></pre>
  
  <p>I want to remove the borders between the columns in the header and make the text in table rows appear white. How do i achieve this?</p>