The theming system can be extended by adding custom design tokens and additional styles. This feature provides a high degree of customization, allowing you to adjust styles according to your needs, as you are not limited to the default tokens.
Use the extend property to add custom tokens along with the css property to utilize them. As an example, let's customize the disabled state of the ToggleSwitch component to add an opacity token, and use the primary color for the handle. By default, there is no opacity option available, and the disabled switch uses a gray handle by design.