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 pour débutant sur l’utilisation des thèmes Discourse

Installer ce thème

Fonctionnalités

Nous avons implémenté des tailles de police plus grandes, plus de contraste 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 Versatile Banner, 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 Versatile Banner

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 parle votre Discourse
  </p>
</div>

Nos recommandations

Si vous souhaitez que votre Discourse ressemble exactement à l’aperçu en direct, outre l’application des paramètres pour Versatile Banner ci-dessus, voici nos choix pour certains paramètres d’administration.

Style des catégories

Nous préférons que le style des catégories soit barre plutôt que la puce par défaut. Cela peut être modifié dans :

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

Style de la page des catégories sur ordinateur de bureau

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 de bureau > boîtes avec sous-catégories

Couleurs des catégories

Nous avons créé une palette de couleurs pour les catégories que nous estimons bien s’intégrer au reste du thème.

Voir les valeurs de couleur HEX
#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 rend les arrière-plans des cartes utilisateur simplement blancs. Nous estimons que même avec le fort superposition utilisé par défaut par Discourse, les arrière-plans des cartes utilisateur sont parfois un peu bruyants.

Cependant, cela limite un aspect de l’expression personnelle de l’utilisateur. Nous avons choisi de le laisser en tant que 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 sommes plus qu’heureux d’entendre tout retour de la communauté. Merci à Discourse de soutenir ce travail !


:discourse2: Hébergé par nous ? Les thèmes sont disponibles 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 »