score:2

Accepted answer

enter image description here

const theme = createtheme({
  components: {  
  muitabs: {
  styleoverrides: {
    indicator: {
      backgroundcolor: 'orange',
      height: 10,
    },
  },
},
}
})

score:1

you can style the selected tab styling with the property '&.muitab-root.mui-selected' as for the border coloring for the current tab, you can use the prop tabindicatorprops and add a styles property,i.e

export const styledtab = styled((tab))({
    '&.muitab-root.mui-selected': {
        color: 'gold',
    },

and

tabindicatorprops={{                   
style: {
         backgroundcolor: '#f1db29'
       }
}}

Related Query

More Query from same tag