Skip to main content

Variable Prefixes

All variables begin with the --dc- prefix.

Variables for specific themes have a different prefix that includes the above, such as --dc-lighttheme- or --dc-darktheme-. A full table is below:

Name Prefix Description



Main variables --dc- These values are the ones actually used by components, and are usually replaced with the appropriate theme values.
Light theme variables --dc-lighttheme- Variable values for the light theme.
Dark theme variables --dc-darktheme- Variable values for the dark theme.
Custom theme variables --dc-customtheme- Used when a user selects their own custom theme.
Navigation bar --dc-navbar- Variable values specific to the navigation bar.
Z-indexes --dc-z-index- Specifies standard z-index values for particular groups of components.