1. Créer ton sous-thème de Bartik (si ce n’est pas déjà fait)

Dans themes/custom/mon_soustheme/, tu devrais avoir au minimum :

  • mon_soustheme.info.yml

  • mon_soustheme.libraries.yml

  • éventuellement un mon_soustheme.theme

Exemple de mon_soustheme.info.yml :

name: ‘Mon Sous-Thème’
type: theme
description: ‘Sous-thème basé sur Bartik’
core_version_requirement: ^10
base theme: bartik
libraries:
– mon_soustheme/global-styling

2. Déclarer les fichiers CSS et JS dans mon_soustheme.libraries.yml

Crée le fichier (s’il n’existe pas) : themes/custom/mon_soustheme/mon_soustheme.libraries.yml

Exemple simple :

global-styling:
css:
theme:
css/custom.css: {}
js:
js/custom.js: {}

  • Les chemins sont relatifs au répertoire de ton thème.

  • Tu peux mettre plusieurs fichiers CSS/JS.

  • Tu peux définir des poids (weight) si nécessaire.

3. Ajouter tes fichiers CSS/JS

  • Crée ton répertoire css/ et js/ dans ton thème :

    themes/custom/mon_soustheme/css/custom.css
    themes/custom/mon_soustheme/js/custom.js

  • Mets ton code CSS/JS dedans.

4. Vider le cache Drupal

Après toute modification de .yml, fais :

drush cr

ou vide le cache via l’interface.

👉 Résultat : ton sous-thème charge automatiquement tes fichiers CSS/JS personnalisés sur toutes les pages.

⚡ Question pour toi : tu veux que tes fichiers soient chargés partout (globaux), ou seulement sur certaines pages / certains templates ?
Parce qu’avec Drupal on peut aussi attacher les librairies conditionnellement (par exemple uniquement sur un type de contenu).

Tu veux que je t’explique aussi comment faire du chargement conditionnel ?