UIKit Mettre à jour le thème

Le framework CSS UIKit est celui utilisé pour le rendu du site LinkedOut. Il permet la création de thème, ce qui est le cas ici (dominante orange au lieu du bleu standard d'UIKit).

La procédure à suivre normalement est la suivante : Less - UIKit

Mais nous avons simplifié la procédure sur ce projet en incluant quelques commandes pratiques.

Tout d'abord, nous avons créé un répertoire custom tel que c'est indiqué dans la documentation puis d'un fichier entourage.less qui sera notre thème personnalisé. Se référer ensuite au lien ci-dessus pour comprendre comment éditer le thème. Le répertoire icons permet l'ajout d'icônes personnalisés (Custom Icons).

Une fois les modifications apportés au thème, elles ne sont pas encore prises en compte par le projet, car il pointe sur le dossier généré /static/dist.

Pour le mettre à jour, nous avons donc créé 3 commandes :

• npm run uikit-install : Si vous n'avez pas encore de version d'UIKit dans le répertoire /assets, il est nécessaire de l'installer avant de lancer les commandes suivantes.
• npm run uikit-compile : Va prendre en compte le contenu du répertoire /custom pour générer et mettre à jour le répertoire /static/dist. Et voilà, le thème est disponible sur le site !
• npm run uikit-update : UIKit évolue, parfois il est temps de le mettre à jour. Vérifiez tout de même les changements afin de vérifier si des migrations sont à prévoir ou non. (Le changelog : Changelog - UIKit ; Les migrations : Migration - UIKit)