[docs] How to change the alpha value of the color of a text/outlined button or of an icon on hover?

[koroman17]

Related page

https://mui.com/material-ui/customization/theming/

Kind of issue

Missing information

Issue description

As I observe the alpha value of the color of a text/outlined button or of an icon on hover is 0.04. I want to change this value in createTheme, but couldn't find anywhere to change

Context

No response

Search keywords: alpha value

[siriwatknp]

It's the theme.palette.action.hoverOpacity. You can customize it like this:

createTheme({
  palette: {
    action: {
      hoverOpacity: 0.08, // this will impact all components that use this token
    }
  }
})

For the full structure of the theme, check this out.

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@koroman17 How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.