Catppuccin sur DraftsApp

Encore un billet dont vous pouvez vous épargner la lecture…
Dans le précédent billet, je terminais avec cette info sibylline :

[…] sur Drafts, je teste le thème Catppuccin Mocha (sombre) sur l’iPhone mais également son pendant lumineux Catppuccin latte sur Mac.

Si vous encore là, soit vous êtes un utilisateur de Drafts, soit maso…!

Alors je poursuis… Une url conduit vers le site de la joyeuse bande de graphistes et développeurs qui a imaginée et formalisée les quatre déclinaisons de ce thème.

J’avais bien téléchargé ces déclinaisons du thème disponibles sur mes écrans Drafts mais n’avais pas — je le confesse…! — pris le soin de les afficher…!

D’abord un grand merci aux deux contributeurs, Walt Ryan puis Floh Gro, utilisateurs réguliers de Drafts, qui ont pris le temps de porter, transcrire les thèmes Catppuccin pour cet outil de texte et les laisser à la disposition de la communauté d’utilisateurs.

Ça fonctionne sous macOS et iOS, CQFD…

Mocha et Latte

Alors ? J’en ai conservé deux après essai. Néanmoins, j’ai pris le parti de légèrement les modifier pour mon environnement de travail, les versions des thèmes que vous trouverez dans le Directory sont les versions originales…

Or, les urls affichées dans une typo plus petite ainsi que le corps de citation en italique (…même si c’est conforme au balisage markdown…), sont deux points de détail qui ne conviennent plus à mes yeux fatigués.

Deux infos à modifier via le Theme builder de Drafts et hop. Et inutile d’ajouter ces thèmes modifiés dans le directory, juste du confort pour ma pomme !
Mais comment faire…?

Comment adapter un thème dans Drafts…?

Alors, si vous n’êtes pas familier de l’environnement de Drafts, voilà un nouveau prétexte pour lâcher ce billet…

• Déjà (…si vous avez opté pour la version Pro de Drafts mais je ne sais pas si ce volet est accessible sans ou simplement en téléchargeant chacun des thèmes puis en les installant dans votre environnement…), arriver sur le fameux Directory via votre navigateur Web…

• Puis dans les Thèmes…

• Pour aller plus vite, utilisez la recherche (en haut) en saisissant… Catpp…

• Ici, comment modifier Catppuccin Mocha via le Web et avant de le télécharger… (l’image non chargée en bas dans la copie d’écran est la preuve que mon filtrage de contenus fonctionne…!)

• Vous avez deux options : installer le thème tel qu’il est proposé — meilleure solution — ou — à vos risques et périls — bricoder (sic !) les deux points qui m’interpellent en passant par Theme builder, un outil en ligne dédié à Drafts et proposé par Greg, son développeur…

• Hop, via Theme builder…

• Premier point non inutile, renommez le thème pour ne pas le confondre avec le thème original (je conserve les crédits de ceux qui ont oeuvré avant…). J’ai juste ajouté un 2 pour nommer cette modif… Catppuccin Mocha 2 (original, n’est-ce pas…?!)

• Ensuite, j’ai juste déployé deux parties, la seconde pour vous rappeler que l’on peut également agir sur les couleurs …si besoin. Ce sont simplement les contenus des Scopes (qui ont trait à l’affichage du texte) qui sont mes objectifs…

Alors, AVANT puis APRÈS…

• AVANT : la balise Citation — dans text.quotation — est affichée en italic (coche bleue)

• AVANT : le texte de l’url — dans text.url — a une fontSize small…

• APRÈS, dans text.quotation, j’ai juste coché normal et décoché italic

• APRÈS, dans text.url, juste appuyé sur small et activé dans la liste default. Et c’est tout !!

• Tout est encore sur le web, il reste à installer (ou télécharger) le thème modifié…

• Drafts me rappelle que ce thème est déjà installé chez moi — Catppuccin Mocha 2 — et je peux l’écraser ou l’ajouter à nouveau…

Employer un nouveau thème…

Il ne reste plus qu’à l’utiliser…

• Ça, c’est le thème Catppuccin Mocha de Floh Gro, thème sur lequel je me suis basé pour faire les deux modifs pour obtenir ce qui suit…

• la même page affichée avec les deux petites actions précédentes pour générer Catppuccin Mocha 2…! Les urls sont affichées à la même taille que le texte courant et la citation/quotation n’est plus en italique pour le confort de mes yeux…!!

Oui, mais comment fais-tu pour changer de thème…?

• en bas de l’écran du iPhone, un engrenage… Un appui et hop, on sélectionne Aa Editor settings…

• En haut, dans les infos Dark/Nuit, je clique sur le thème en cours (Catppuccin Mocha)…

• Et sélectionne le nouveau thème que je viens d’importer… Catppuccin Mocha 2. C’est aussi simple que cela…

Résultat pour ma pomme ? Deux styles complémentaires jour et nuit agréables qui s’avèrent, à l’usage, confortables. Quand on rédige régulièrement, le confort visuel est indispensable.

Notez que je conserve dans cette liste mes propres thèmes (Belleîle, Siena, Salamanca, Perugia…) …que je devrais — peut-être —revisiter un de ces quatre…
Ou pas !