À VOTRE IMAGE

Créez votre propre thème.

Un thème PixelyChat tient dans un petit fichier. Pas besoin de savoir coder : décrivez le style souhaité, laissez un assistant IA comme Claude ou ChatGPT modifier un thème existant, puis importez le résultat.

Vous préférez changer l’apparence du chat ? Créer un style de chat ↓

1. Choisissez un point de départ

Téléchargez n’importe quel thème depuis la Bibliothèque de thèmes — par exemple un thème déjà proche du résultat souhaité.
Ou, dans PixelyChat, ouvrez Thème de scène, choisissez un thème puis sélectionnez Exporter pour modification dans les Outils de création.

Un fichier .pixelytheme est une archive ZIP normale portant un autre nom. Si votre chat IA refuse le fichier, renommez-le en .zip. Chaque paquet contient un README.md qui explique le format à l’IA.

2. Demandez à l’IA

Utilisez un assistant capable de lire les fichiers envoyés et de vous rendre un fichier (Claude avec création de fichiers, ou ChatGPT avec envoi de fichiers et exécution de code). Joignez le fichier du thème, collez ce prompt et complétez la partie indiquée :

J’ai joint un thème PixelyChat (un fichier .pixelytheme, qui est une archive ZIP ; si vous ne pouvez pas l’ouvrir, traitez-le comme un .zip). Transformez-le en mon propre nouveau thème.

COMMENCEZ par le décompresser et lire README.md : c’est le guide officiel du format de thème PixelyChat et il répertorie tous les hooks CSS. Lisez ensuite theme.json, theme.css et fields.json.

LE STYLE QUE JE VEUX :
[Décrivez votre thème ici : ambiance, couleurs, formes, polices, animations. Exemple : « Synthwave néon — panneaux violet foncé, accents rose vif et cyan, bordures lumineuses, légère lueur pulsante sur les alertes. »]

RÈGLES
- theme.json : donnez-lui un nouvel « id » unique (lettres minuscules, chiffres et tirets) et un nouveau « name ». Définissez « author » sur {"name": "[VOTRE NOM]", "type": "creator"}, « version » sur « 1.0.0 » et ajoutez « released » avec la date du jour au format YYYY-MM-DD. Conservez les autres champs, notamment « basedOn » et « supports ».
- Les thèmes ne changent que l’apparence : CSS, JSON et fichiers inclus. Aucun JavaScript, aucun @import et aucune URL externe. Les images et polices doivent se trouver dans assets/ et être référencées par des chemins relatifs.
- Stylisez chaque zone listée dans « supports » (alertes, récompenses, widgets et écrans Starting Soon / Be Right Back / Shoutout). Le texte doit rester lisible sur n’importe quel fond de stream, et le thème doit fonctionner en disposition horizontale comme verticale.
- Gardez le paquet léger. Utilisez uniquement des images, polices et sons que j’ai le droit d’utiliser. Si l’ancien preview.webp ne correspond plus au nouveau style et que vous ne pouvez pas en générer un nouveau (petit WebP, environ 1280x720, moins de 150 Ko), supprimez-le.
- Emballage : zippez le CONTENU du dossier du thème afin que theme.json soit à la racine de l’archive (pas dans un sous-dossier) et nommez le fichier [id].pixelytheme.

Une fois terminé, donnez-moi le fichier .pixelytheme final à télécharger et indiquez ce que vous avez modifié ainsi que tout ce que vous n’avez pas pu vérifier.

3. Importez et testez

Téléchargez le fichier fourni par l’IA.
Dans PixelyChat, ouvrez Thème de scène et cliquez sur Importer un thème.
Vérifiez l’aperçu, puis vos alertes, widgets et écrans. Ce n’est pas encore ça ? Dites à l’IA ce qu’elle doit modifier — les captures d’écran aident — puis importez le nouveau fichier ; PixelyChat proposera de mettre à jour le thème déjà installé.
Les thèmes importés peuvent être supprimés à tout moment ; les thèmes intégrés restent disponibles.

4. Partagez-le (facultatif)

Satisfait du résultat ? Envoyez le fichier .pixelytheme à [email protected] avec le nom que vous souhaitez afficher comme auteur. Nous effectuerons une vérification partielle et, s’il convient, l’ajouterons à la Bibliothèque de thèmes pour tout le monde.

N’envoyez que du contenu que vous avez le droit de partager. En envoyant un thème, vous confirmez l’avoir créé ou disposer du droit de le distribuer, et qu’il ne contient aucun contenu protégé appartenant à des tiers (images, polices, sons, logos, personnages) sans autorisation. Les thèmes envoyés sont du contenu créé par les utilisateurs et ne sont que partiellement vérifiés par PixelyChat ; l’auteur reste responsable de leur contenu et nous pouvons retirer un thème à tout moment.

STYLES DE CHAT

Créez votre propre style de chat.

Un style de chat change l’apparence des messages dans l’overlay du chat : étiquettes de pseudo, cartes, bordures, badges et décorations. Il fonctionne comme un thème : un petit fichier .pixelystyle, et un assistant IA peut le créer pour vous.

1. Choisir un point de départ

Téléchargez n’importe quel style dans la bibliothèque de styles de chat.
Ou, dans PixelyChat, ouvrez Chat → Style, sélectionnez un style de chat installé et cliquez sur Exporter pour modification dans Options du style. Cette copie contient aussi une page de test (dev/test.html) qui affiche tous les types de messages.

Un fichier .pixelystyle est une archive ZIP normale avec un autre nom. Si votre chat IA refuse l’envoi, renommez le fichier en .zip. Chaque paquet contient un README.md qui explique le format à l’IA.

2. Demander à l’IA

Joignez le fichier du style, collez ce prompt et complétez la partie indiquée :

J'ai joint un style de chat PixelyChat (un fichier .pixelystyle, qui est une archive ZIP - si vous ne pouvez pas l'ouvrir, traitez-le comme un .zip). Transformez-le en mon propre nouveau style de chat.

D'ABORD, décompressez-le et lisez README.md : c'est le guide officiel du format des styles de chat PixelyChat, avec la structure des messages, toutes les classes et tous les attributs data, et les variables CSS. Lisez ensuite chat-style.json, style.css et fields.json.

LE LOOK QUE JE VEUX :
[Décrivez ici votre style de chat : ambiance, couleurs, formes, étiquettes de pseudo, badges, décorations. Exemple : « Automne douillet - cartes brun chaud, étiquettes de pseudo orange, une petite feuille dans le coin de chaque message, une icône de feuille d'érable pour les modos. »]

RÈGLES
- chat-style.json : donnez-lui un nouvel "id" unique (lettres minuscules, chiffres et tirets) et un nouveau "name". Définissez "author" sur {"name": "[VOTRE NOM]"}, "version" sur "1.0.0" et ajoutez "released" avec la date du jour au format YYYY-MM-DD. Conservez "format", "schemaVersion" et "styleApiVersion".
- Les styles de chat ne modifient que l'apparence : CSS, JSON et fichiers inclus. Pas de JavaScript, pas de @import, pas d'URL externes. Les images et les polices doivent se trouver dans assets/ et être référencées par des chemins relatifs.
- Utilisez les variables CSS de fond, de coins, de bordure et de couleur d'accent (listées dans README.md) partout où c'est pertinent, afin que les réglages du style dans PixelyChat continuent de fonctionner. Colorez les décorations avec la couleur d'accent (SVG d'une seule couleur utilisés comme masque) pour qu'elles suivent la couleur du streamer.
- Stylisez chaque type de message : messages normaux pour chaque rôle (streamer, modo, VIP, abonné, spectateur), messages composés uniquement d'emotes et événements (follows, abonnements, cadeaux, raids...). Le texte doit rester lisible sur n'importe quel fond de stream.
- Restez léger : pas d'animations en boucle, pas de backdrop-filter ni de flou, au maximum une courte animation d'entrée. Gardez le paquet petit (5 Mo maximum). Utilisez uniquement des images et des polices que j'ai le droit d'utiliser. Si l'ancien preview.webp ne correspond plus au nouveau look et que vous ne pouvez pas en générer un nouveau (petit WebP, environ 960x540, moins de 150 Ko), supprimez-le.
- Empaquetez-le : compressez le CONTENU du dossier du style pour que chat-style.json soit au premier niveau de l'archive (pas dans un sous-dossier), laissez de côté le dossier dev/ et nommez le fichier [id].pixelystyle.

Quand vous avez terminé, donnez-moi le fichier .pixelystyle final à télécharger et listez ce que vous avez modifié ainsi que ce que vous n'avez pas pu vérifier.

3. Importer et essayer

Téléchargez le fichier fourni par l’IA.
Dans PixelyChat, ouvrez Chat → Style → Bibliothèque de styles et cliquez sur Importer un style.
Sélectionnez le style dans Overlay et vérifiez l’aperçu. Les réglages de fond, de coins, de bordure et de couleur d’accent fonctionnent aussi avec lui. Pas encore parfait ? Dites à l’IA ce qu’il faut changer (les captures d’écran aident) et importez le nouveau fichier : PixelyChat propose de mettre à jour le style déjà installé.
Restez léger : les messages restent à l’écran pendant tout votre stream, donc les animations en boucle et le flou coûtent des performances dans OBS.

4. Le partager (facultatif)

Satisfait du résultat ? Envoyez le fichier .pixelystyle (5 Mo maximum) à [email protected] avec le nom à afficher comme auteur. Nous effectuons une vérification partielle et, s’il convient, nous l’ajoutons à la bibliothèque de styles de chat pour tout le monde.

N’envoyez que ce que vous avez le droit de partager. En envoyant un style de chat, vous confirmez l’avoir créé ou avoir le droit de le distribuer, et qu’il ne contient aucun contenu de tiers protégé par le droit d’auteur (images, polices, logos, personnages) sans autorisation. Les styles de chat envoyés sont des contenus créés par les utilisateurs et ne sont vérifiés qu’en partie par PixelyChat ; l’auteur reste responsable de leur contenu et nous pouvons retirer un style à tout moment.