Pivot Widget Pagination Navigatin Text Styling

Hi Everyone,

We are having a scenario where in we are using pivot table with dark background using below script. This is styling cell and its content as per below script. But pivot pagination navigation text styling is still as per the theme (see screenshot). Can anyone help me on creating script to style pivot pagination navigation

widget.transformPivot({},
(metadata, cell) => {
if (metadata.rowIndex === 0) {
cell.style = cell.style || {};
//cell.style.backgroundColor = '#0057B7'; //sets cell background color
cell.style.color = '#ffffff'; //sets cell text color
cell.style.textAlign = 'center'; //sets cell text align
//cell.style.fontSize = '20px';
cell.style.fontWeight = 'bold'
}
else {
cell.style = cell.style || {};
//cell.style.backgroundColor = '#0057B7'; //sets cell background color
cell.style.color = '#FFFFFF'; //sets cell text color
cell.style.textAlign = 'center'; //sets cell text align
//cell.style.fontWeight = 'bold';
} ;
}
);

this is how pivot pagination navigation is looking currently