UI Table Adjustments

As you can see in the code above I am having to adjust the font individually for each property (column). So my original question of being able to adjust the universal font for the table still stands.

@jbudd This is the code inside my ui_template that I borrowed from the example I posted above. If you would like me to share a flow I can, but I believe I followed the instructions properly from the example. The only instructions he gave were to put the ui_template node in the same group as your ui_table which I have done.

<style>

/* Tabelle selbst formatieren*/

  .tabulator{padding-left:2px;border:0px solid #BBB;background-color:#111217;font-size:18px}

/* Header formatieren */
  .tabulator .tabulator-header{border-bottom:1px solid #BBB;background-color:#111217}
  .tabulator-col-content{background-color:#111217;height:37px}
  .tabulator .tabulator-header .tabulator-col{border-right:0px solid #aaa;background-color:#111217}
  .tabulator-arrow{visibility: collapse;}
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {padding-right: 2px;}

/* Zellen formatieren*/
  .tabulator-row{min-height:31px;background-color:#191E21}
  .tabulator-row:nth-child(2n){background-color:#111217}
  .tabulator-row .tabulator-cell{border-right:0px solid #888; padding-top: 4px;}


</style>

In this thread another ui_template node was used to adjust the formatting. It contains almost the same code but with different styling. This one doesn't work for me either.

Also just to clarify originally I imported both examples and did not change anything except for the group location. The code inside was identical to the example I imported. Later I tried adjusting the color values but at no point has either example changed any of the colors in my table.