Nouveautés de la version 4.0

Un éditeur repensé, une ligne de commande pour les agents de code, des profils et un panneau latéral.

Un éditeur repensé

Entièrement reconstruit, désormais avec un mode sombre.

  • Des commandes regroupées qui affichent les valeurs de la page
  • Une meilleure génération de sélecteurs, qui continuent de fonctionner quand un site est mis à jour, avec d’autres au choix
  • Signale quand une autre règle remplace une valeur
  • Des palettes de couleurs et une pipette
  • Aperçu d’une couleur ou d’une police sur la page, au survol
  • Modification sur place de toute autre propriété CSS, sous Plus de propriétés
  • Annulation des modifications
L’onglet De base repensé, qui stylise Hacker News avec un profil NewspaperL’onglet De base repensé, qui stylise Hacker News avec un profil Newspaper

Stylebot dans votre terminal

Contrôlez Stylebot en ligne de commande, ou confiez-le à un agent de code comme Claude Code, Codex ou Cursor. L’agent modifie le style des sites directement dans votre navigateur, avec votre propre abonnement plutôt qu’une clé d’API.

$ npm install -g @stylebot/cli
Configurer la CLI →

Pour Chrome ou Edge. La ligne de commande ne fonctionne pas encore sur Firefox.


La fenêtre pop-up sur un site avec deux profils, Dracula et GruvboxLa fenêtre pop-up sur un site avec deux profils, Dracula et Gruvbox

Profils

Gardez plusieurs apparences pour un site et passez de l’une à l’autre depuis l’éditeur ou la fenêtre pop-up.

Le menu de l’éditeur, avec Position réglée sur le panneau latéralLe menu de l’éditeur, avec Position réglée sur le panneau latéral

Le panneau latéral, ou une fenêtre à part

Dans Chrome et Edge, l’éditeur s’ouvre dans le panneau latéral. Vous pouvez aussi l’ouvrir dans sa propre fenêtre, via Position dans le menu ⋯ de l’éditeur.

L’historique des versions dans les options, modification la plus récente en premierL’historique des versions dans les options, modification la plus récente en premier

Historique des versions

Chaque modification est conservée, et vous pouvez restaurer n’importe quelle version antérieure.

Les options, connectées à Google Drive et synchroniséesLes options, connectées à Google Drive et synchronisées

Synchronisation

La synchronisation Google Drive est plus fiable. Les modifications faites sur différents ordinateurs sont fusionnées, pour que rien ne se perde. Elle s’exécute d’elle-même toutes les 30 minutes et juste après chaque modification.

L’onglet Chat, qui suggère des apparences pour la page : Douillet, Apaisant et Seuls les liens en couleurL’onglet Chat, qui suggère des apparences pour la page : Douillet, Apaisant et Seuls les liens en couleur

Chat

Pas d’agent de code ? Décrivez ce que vous voulez, ou choisissez une apparence suggérée, et Stylebot écrit le CSS. Utilisez votre propre clé Claude, OpenAI ou Gemini.

Et plus encore

  • Un nouveau stylebot.dev
  • Une nouvelle icône Stylebot
  • Les styles s’appliquent désormais dans le shadow DOM : ils fonctionnent sur les sites construits avec des web components
  • Les raccourcis de Stylebot se trouvent désormais dans les paramètres de raccourcis de votre navigateur. Dans Chrome et Edge, ceux que vous aviez modifiés ont retrouvé leurs valeurs par défaut : redéfinissez-les à cet endroit.
  • Stylebot est désormais disponible en vietnamien

Et de nombreuses corrections de bugs