> For the complete documentation index, see [llms.txt](https://docs.vueless.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vueless.com/global-customization/disabled-opacity.md).

# Disabled Opacity

You can set the components disabled state opacity globally for related Vueless components.

{% code title="vueless.config.{js,ts}" %}

```js
export default {
  disabledOpacity: 40, /* default -> 50 (percent, %) */
};
```

{% endcode %}

## Custom CSS variable

To implement global disabled state opacity stylings, Vueless provides custom CSS variable. Feel free to use it in your components whenever you need consistent opacity for disabled state across your project.

The variable: `--vl-disabled-opacity`