theme-collisionA theme token whose name a built-in utility also uses.
csszyx check reports it in its theme-collision pass.A name in angle brackets is a value the message fills in.
classes[csszyx] theme-collision: Theme token `<name>` also names `<classes>`, so Tailwind compiles both meanings into one rule, which sets the token's property and the built-in's.
help: rename the token; while it shares a built-in name, no class order or `szcn` call can fix this.
note: a later class that sets only one of them does not replace it in `szcn`, so both apply and stylesheet order decides which wins; `classify` reports the built-in meaning only.
docs: https://csszyx.com/e/theme-collision
utility-keyword[csszyx] theme-collision: Theme token `<name>` shadows a built-in utility keyword, so Tailwind compiles both meanings into one class, which sets the token's property and the built-in's.
help: rename the token; while it shares a built-in name, no class order or `szcn` call can fix this.
note: a later class that sets only one of them does not replace it in `szcn`, so both apply and stylesheet order decides which wins; `classify` reports the built-in meaning only.
docs: https://csszyx.com/e/theme-collision
value[csszyx] theme-collision: Theme token `<name>` shadows a built-in value, so Tailwind compiles both meanings into one class, which sets the token's property and the built-in's.
help: rename the token; while it shares a built-in name, no class order or `szcn` call can fix this.
note: a later class that sets only one of them does not replace it in `szcn`, so both apply and stylesheet order decides which wins; `classify` reports the built-in meaning only.
docs: https://csszyx.com/e/theme-collision
Default: error under recommended, error under atomic. Set it in csszyx.config: rules: { 'theme-collision': 'warn' }.
The level sets how the build and csszyx check report it. It does not change a console line, and it does not stop a thrown error.
The values this diagnostic names.
| Name | Type | |
|---|---|---|
form | 'classes' | 'utility-keyword' | 'value' | |
name | string | |
classes | string[] | optional |