Thème Avid Reader

:warning: Si vous avez installé le thème avant le 7 juin 2023, vous devrez le réinstaller en utilisant le nouveau lien du dépôt sur GitHub.

:discourse2: Résumé Avid Reader est un thème axé sur la lisibilité, inspiré par l’apparence de Pocket.
:hammer_and_wrench: Lien du dépôt https://github.com/discourse/avid-reader
:open_book: Nouveau sur les thèmes Discourse ? Guide du débutant pour utiliser les thèmes Discourse

Installer ce thème

Fonctionnalités

Nous avons implémenté des tailles de police plus grandes, un contraste accru entre les différents titres, plus d’espace entre les lignes et une couleur de fond neutre pour une meilleure expérience de lecture. Il y a également quelques icônes personnalisées.

Captures d’écran

Composants du thème

Le thème inclut les composants suivants :

Pour la bannière polyvalente, nous n’utilisons que quelques fonctionnalités pour afficher un simple message de bienvenue avec une description uniquement sur la page d’accueil. Vous pouvez consulter la capture d’écran ci-dessous pour reproduire nos paramètres :

Voir les paramètres complets pour la bannière polyvalente

Voici le code que nous avons utilisé pour notre message de bienvenue + description :

<h2 class="x-title">
  Votre message de bienvenue
</h2>
<div class="description">
  <p>
    Une brève description de ce dont traite votre Discourse
  </p>
</div>

Nos recommandations

Si vous souhaitez que votre Discourse ressemble exactement à l’aperçu en direct, en plus d’appliquer les paramètres pour la bannière polyvalente ci-dessus, voici nos choix pour certains paramètres d’administration.

Style de catégorie

Nous préférons que le style de catégorie soit barre plutôt que le point par défaut. Cela peut être modifié dans :

Admin > Paramètres > Configuration de base > style de catégorie > barre

Style de la page des catégories sur ordinateur

Nous avons opté pour l’option « boîtes » pour la page des catégories. Cela peut être modifié dans :

Admin > Paramètres > Configuration de base > style de la page des catégories sur ordinateur > boîtes avec sous-catégories

Couleurs des catégories

Nous avons créé une palette de couleurs pour les catégories qui, selon nous, s’accorde bien avec le reste du thème.

Voir les valeurs HEX des couleurs
#8ECEA0
#20A9AB
#946F96
#CF9D2B
#366B80
#F69A9B
#9FD8DF
#00917C
#F27072
#C1CEBF
#6B7AA1
#F4D6A2
#F0C928
#C6B4CE
#65516B
#C56183

Vous pouvez ajouter ces valeurs HEX dans :

Admin > Paramètres > Configuration de base > couleurs des catégories

Paramètre de suppression de l’arrière-plan de la carte utilisateur

Le thème possède un paramètre qui pourrait être un peu controversé. Il s’appelle « masquer l’arrière-plan de la carte utilisateur » et il permet de rendre les arrière-plans des cartes utilisateurs simplement blancs. Nous estimons que même avec la superposition forte utilisée par défaut par Discourse, les arrière-plans des cartes utilisateurs sont parfois un peu trop chargés.

Cependant, cela limite un aspect de l’expression personnelle des utilisateurs. Nous avons choisi de laisser cela comme paramètre, à la discrétion de l’administrateur.


Ceci est notre tout premier thème et vraiment la première chose réelle que nous faisons en termes de codage. Nous espérons que vous l’apprécierez et nous serions ravis d’entendre tout retour de la communauté. Merci à Discourse de soutenir ce travail !


:discourse2: Hébergé par nous ? Les thèmes sont disponibles pour une utilisation sur nos plans Standard, Business et Entreprise.

26 « J'aime »

joli thème, agréable à l’œil.

2 « J'aime »

Les sujets ne changent pas de couleur (par exemple, ne deviennent pas grisâtres) lorsqu’ils sont ouverts. Lorsque tout est noir, il est difficile de repérer immédiatement les sujets non lus. S’agit-il d’un problème de CSS ?

2 « J'aime »

@Jagster merci de nous l’avoir signalé. Nous avions testé cela dans Safari et Chrome sans être connecté, et cela fonctionnait parfaitement.


Mais je viens de vider l’historique des navigateurs pour tester, et cela ne fonctionne plus : les sujets ne changent pas de couleur après leur visite. Je vais examiner cela plus tard aujourd’hui ou demain matin, merci !

1 « J'aime »

Nous venons de mettre à jour le CSS, cela devrait fonctionner maintenant. C’était une ancienne règle CSS que nous avions écrite au début et à laquelle nous avions oublié, ha.

2 « J'aime »

Wow, j’adore !

Nous allons l’essayer comme thème par défaut sur https://bunqueer.jaquerespeis.org/.

Le logo n’est pas très beau pour l’instant, nous le changerons plus tard.

Merci @zavorio et @senioritapolyester <3

1 « J'aime »

Y a-t-il un mode sombre ?

1 « J'aime »

@CamilleRoux nous pourrions en créer un plus tard, mais avant tout, nous aimerions proposer une variation du schéma de couleurs actuel pour une version légèrement plus sombre du thème. Cependant, ce ne serait pas ce que l’on appelle un mode sombre. Plutôt quelque chose dans la lignée du thème Titanium pour Standard Notes :

Je trouve que la plupart des interfaces claires/sombres courantes offrent un contraste trop fort pour mes yeux. Comme l’a exprimé @P2W ci-dessus, notre objectif était de créer quelque chose de doux pour les yeux. Un mode sombre traditionnel pourrait être trop intense. Mais bon, nous pourrions changer d’avis :cowboy_hat_face:

2 « J'aime »

Y a-t-il eu des progrès sur ce schéma de couleurs ? Il est vraiment parfait !

1 « J'aime »

Salut ! Pas vraiment, mais ça devrait être prêt avant la fin de l’année. On a été un peu occupés :sweat_smile:

2 « J'aime »

J’adore ce thème, mais mon instance vient d’ajouter la nouvelle fonctionnalité de barre latérale et le menu des notifications s’est cassé. D’autres ont-ils eu ce problème ou est-ce juste moi ?

C’est à cause de ce CSS :

.widget-component-connector {
    display: none;
}

Je ne connais pas le but original de cette règle dans ce thème.

2 « J'aime »

Et l’icône de chat est manquante. J’ai utilisé ce thème plus tôt, mais je l’ai abandonné car il y avait d’autres problèmes aussi — désolé, je ne me souviens plus lesquels. Mais je vois que ce thème est cassé.

D’après ce que j’ai vu dans le code de Discourse, je pense que la cause est la même que celle de mon message ci-dessus.

2 « J'aime »

@zavorio il y a quelques PR sur Github pour toi. Merci de les approuver pour corriger le thème.

Envisagerais-tu de continuer à mettre à jour ce thème à l’avenir, ou préférerais-tu le laisser tomber ?

1 « J'aime »

Le thème a été déplacé vers notre organisation sur GitHub et a été corrigé.

Si vous avez installé le thème avant le 7 juin 2023, vous devrez le réinstaller en utilisant le nouveau lien du dépôt sur GitHub.

(OP mis à jour)

3 « J'aime »