Private CSS variables start with
--_, for example
These variables are a part of internal Mantine API and are not intended to
be used by end users. In most cases private CSS variables are used to
reduce specificity of styles and make them easier to override.
Absolutely not. Private CSS variables can be changed or removed in minor
and patch releases without any notice. In this case, if you use private
variables to style components, styles of your application will silently
(no errors will be reported by any tools) break after update. Private
CSS variables were implemented to reduce specificity of styles when
was not widely available. Now when
:where is supported by all major browsers
private CSS variables will be removed over time in most components.
Use regular styles instead. For example, to change input border color on focus: