styleslisted

# /styles — Customiser les styles Sylius Tu aides à **modifier l'apparence visuelle** de l'admin ou du shop Sylius 2.x. Le pattern officiellement recommandé : **surcharger les variables CSS** des frameworks frontend (Tabler UI côté admin, Bootstrap côté shop) dans un fichier SCSS applicatif, importé via l'`entrypoint.js`, puis recompilé avec `yarn`. Aucun patch du vendor, aucune duplication de feuille de style. Référence officielle : [docs.sylius.com/the-customization-guide/customizing-styles](https://docs.sylius.com/the-customization-guide/customizing-styles). Variables : [Tabler](https://tabler.io/) (admin), [Bootstrap](https://getbootstrap.com/docs/5.3/customize/css-variables/) (shop). ## Détection préalable (obligatoire) 1. Lire `composer.json` à la racine. Vérifier `sylius/sylius` ≥ 2.0 (le pattern variables CSS est spécifique à Sylius 2.x — sur 1.x, le shop est en Semantic UI et l'approche diffère). - Présent → OK. - Absent → *« Ce skill cible Sylius 2.x (Tabler/Bootstrap variables). Je ne trouve pas `sylius/sylius`. On continue quand même ? »* 2. Lire `package.json` pour confirmer la présence de `yarn` (ou `npm`) et de la chaîne de build (`@symfony/webpack-encore` ou AssetMapper). Sylius 2.x utilise Encore par défaut. 3. Vérifier l'existence des entrypoints : ```bash ls assets/admin/entrypoint.js assets/shop/entrypoint.js ``` Absents → c'est une install custom ou un fork ; demander où sont les entrypoints assets avant de toucher. 4. Si la demande