Thème aérien

[tynaut (Ty Correll)]

[quote=“Danielle Schwerin, post:462, topic:197703, username:dschwerin-teachforau”]
Nous aimerions vraiment pouvoir mettre à jour ces abréviations, car nous avons de nombreuses catégories avec des noms similaires (les noms sont des itérations basées sur les années de classe/niveau), donc elles obtiennent des abréviations similaires. De plus, les abréviations n’ont pas beaucoup de sens pour notre communauté.
[/quote]Vous pouvez remplacer les abréviations par des images :
Cliquez sur la catégorie → icône clé à molette → Images

Et si vous souhaitez masquer uniquement les abréviations, vous pouvez créer un composant et appliquer quelque chose comme le CSS suivant :

.custom-category-boxes:not(.above-discovery-categories-outlet) .category-box .category-box-inner {
    .category-logo.no-logo-present {
        display: none;

        & + .category-details {
            grid-column: 1/3;
            padding: 1em 1.5em;
            width: 100%;
        }
    }
}

Avant :

Après :

[digitaldominica]

Salut @jordan.vidrine Comment puis-je afficher les sous-catégories dans la boîte de catégorie moderne ? J’ai sélectionné des boîtes et des sous-catégories mais je ne les vois pas apparaître ? Cette option n’a pas été ajoutée au composant ?

[jordan.vidrine]

Ils sont masqués par défaut, pour les afficher, vous devrez les afficher via du CSS personnalisé dans un composant de thème.

[digitaldominica]

Merci, j’ai découvert cela après avoir forké le dépôt. Mon problème est résolu.

[Kevin7 (Kévin .)]

Bonjour @jordan.vidrine, tout d’abord félicitations pour votre thème qui est très agréable à utiliser, cependant je suis nouveau sur discourse et je ne le connais pas très bien mais je veux ajouter du css mais je ne trouve pas le bouton pour ajouter du css personnalisé ? Dois-je ajouter un plugin pour faire cela car sur le thème par défaut je pouvais le faire directement dans le thème ? Merci d’avance

[jordan.vidrine]

Vous trouverez des informations sur la façon de personnaliser votre Discourse ici : → Beginner's guide to using Discourse Themes

[ErlendMS (Erlend Markussen Saltnes)]

Je suis une personne de plus qui aime le thème, et je commence ma question en disant “merci” et “bravo” !

Ma question est : Y a-t-il un moyen de définir une palette de couleurs par défaut pour le mode sombre ?

Voici à quoi cela ressemble (avec une mauvaise traduction norvégienne, désolé) où j’ai défini le thème par défaut, qui est un mode clair :

J’ai créé des palettes personnalisées pour le mode clair et le mode sombre (qui sont activées comme sélectionnables par l’utilisateur, et cela fonctionne), mais je ne peux pas désactiver Air-Light et Air-Dark. Et lorsque je vais sur le site en mode Incognito avec le mode sombre activé sur l’appareil, on me sert Air-Dark.

---

Oh, et une autre question : Où est censé se trouver le commutateur de schéma clair/sombre ?

Cliquer sur l’image de profil en haut à droite me donne ceci lorsque je suis connecté en tant qu’utilisateur de test :

Et ceci lorsque je suis connecté en tant qu’administrateur :

Voici un lien vers mon site, qui est très loin d’être terminé, si cela peut aider à y jeter un œil. Merci !

[jordan.vidrine]

@ErlendMS

J’ai créé des palettes personnalisées pour le mode clair et le mode sombre (qui sont activés et sélectionnables par l’utilisateur, et cela fonctionne), mais je ne parviens pas à désactiver Air-Light et Air-Dark. Et lorsque je vais sur le site en mode Incognito avec le mode sombre activé sur l’appareil, on me sert Air-Dark.

Avez-vous suivi ces directives ?

@jordan-vidrine

Pour que cela fonctionne correctement, au moins 2 choix de schémas de couleurs doivent être activés dans votre zone https://discourse.jordanvidrine.com/admin/customize/colors. Au moins deux couleurs doivent avoir l’option color scheme can be selected by users activée.

Une fois cela fait, les utilisateurs devraient pouvoir choisir entre deux schémas de couleurs comme préférences light et dark dans leur menu d’interface de préférences utilisateur.

@ErlendMS

Oh, et une autre question : Où est censé se trouver le commutateur de schéma clair/sombre ?

Ce sujet concerne le composant de basculement jour/nuit installé sur le thème Air. Il devrait vous aider. Vous pouvez le placer dans la barre latérale ou dans l’en-tête.

Dark/Light Mode Toggle

Summary Dark/Light Mode Toggle adds a clickable toggle color scheme button in the hamburger menu. The toggle switches between a light or dark color scheme for one theme. Repository Link https://github.com/discourse/discourse-color-scheme-toggle New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features This component allows a dark/light mode toggle icon on your Discourse forum. It…

[ErlendMS (Erlend Markussen Saltnes)]

Oui, l’utilisateur peut choisir le mode clair et le mode sombre sans problème. Ce sur quoi je travaille, c’est ce qu’un nouvel utilisateur verrait. Le défaut avant de choisir.

Si un nouvel utilisateur arrive sur le site et que le mode clair est activé sur l’appareil, il obtient la palette que j’ai définie dans la capture d’écran. Mais s’il a le mode sombre activé sur l’appareil, il obtient Air-Dark. C’est ce que je veux changer.

---

Merci pour le lien vers le composant ! Je ne savais pas que c’était un composant séparé.

[jordan.vidrine]

@ErlendMS

Mais s’ils ont le mode sombre sur l’appareil, ils obtiennent Air-Dark. C’est ce que je veux changer.

Que voulez-vous afficher pour les utilisateurs en mode sombre ?

[ErlendMS (Erlend Markussen Saltnes)]

Ok, j’ai donc quatre palettes installées/activées :

• Mine-Light
• Mine-Dark
• Air-Light
• Air-Dark

(J’aimerais pouvoir désactiver les deux dernières, mais c’est un autre problème. Elles sont sympas ! Mais je crée un forum pour une équipe de football (soccer), et j’ai créé des palettes qui correspondent aux couleurs des maillots. )

J’ai pu définir Mine-Light comme palette par défaut - donc si un nouvel utilisateur arrive sur le site avec le mode clair activé sur son appareil, c’est celle qui lui est servie.

Mais voici le problème : Si un nouvel utilisateur arrive sur le site avec le mode sombre activé sur son appareil, c’est Air-Dark qui lui est servie. Et je veux que ce soit Mine-Dark. (Pour l’obtenir maintenant, il doit la sélectionner manuellement dans les paramètres.)

[jordan.vidrine]

Quel schéma avez-vous défini ici ? → admin/site_settings/category/all_results?filter=dark%20mode

[ErlendMS (Erlend Markussen Saltnes)]

Oh, définir mon schéma préféré a fonctionné - merci !

C’est un peu étrange que je ne puisse définir le mode sombre par défaut qu’à cet endroit (Paramètres du site ➔ Bases), et le mode clair par défaut qu’aux paramètres du thème.

J’envisagerais d’ajouter une petite note, de préférence avec un lien, sous l’endroit où vous définissez le mode clair dans les paramètres de votre thème. Quelque chose comme :

Ceci définit la palette par défaut du mode clair pour votre thème. Cliquez ici pour définir le mode sombre par défaut./Allez dans Paramètres du site ➔ Bases, pour définir le mode sombre par défaut.

---

Au fait, je me suis amusé avec de la transparence et du flou avec votre thème. (Cela m’a causé quelques problèmes de z-index, cependant - probablement à cause de mon manque d’expérience, avec lequel je suis encore en train de régler les détails.) J’ai particulièrement apprécié la façon dont cela a donné plus de poids au fond en mouvement !

Jetez un œil si vous voulez ! (Ce n’est encore que le début, cependant - comme vous pouvez probablement le constater.)

[Wayne_Hsu]

Bonjour, ici Wayne Hsu de Niantic, Inc.
Nous construisons notre forum pour 8thwall.com avec le thème Discourse Air et une palette de couleurs personnalisée. Et pour une raison quelconque, en vue mobile, l’arrière-plan du conteneur de contenu principal pour la page des catégories (div id: main-outlet) est complètement transparent et l’alpha est réglé sur 0. Je ne vois aucun moyen de mettre à jour la couleur/l’alpha de l’arrière-plan.
J’ai vu que quelqu’un avait eu un problème similaire auparavant
Air Theme - #187 by hequaye

Et une suggestion était de changer le « style de la page de catégorie de bureau » pour autre chose dans les paramètres (actuellement réglé sur Catégories et Derniers sujets), mais je ne vois pas que cela aide car c’est un réglage pour la vue de bureau uniquement.
Des idées de solution à ce problème ?
Merci !

[jordan.vidrine]

@ErlendMS

Jetez un œil ici si vous le souhaitez ! (Ce n’est encore que le début, cependant - comme vous pourrez le constater, je suppose.)

Ça a l’air plutôt sympa !

[HisFocus (Tim)]

Je pense que le thème Air est très agréable, cependant, l’option pour modifier (ou ajouter) du CSS n’est pas là lorsque je visite ADMIN > PERSONNALISER > Thème Air. Est-ce que je manque quelque chose ? https://www.communiteq.com/ héberge mon site. Voici ce que je vois :

[Moin]

Vous devez ajouter votre propre composant

Air Theme

Go here admin/customize/themes Click on components Click Install Click create new & give it a name Click on the new component in the components list Click Edit Html/css Add the linked code above to the common css file. Add this new component to the currently used theme

[HisFocus (Tim)]

@Moin ! Je suis tout nouveau sur Discourse, mais WOW ! Ça ne cesse de s’améliorer ! Merci beaucoup !

Veuillez également accepter mes excuses, car en parcourant ce fil, je vois que cette question a été posée et répondue environ 5 000 fois.

[Arkshine]

Il n’est pas nécessaire de vous excuser. Il n’est peut-être pas très connu que vous puissiez faire cela !

Voici un guide si vous souhaitez explorer les thèmes/composants :

Beginner's guide to using Discourse Themes

This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible …

[ElComputer]

Merci pour le thème. Je voudrais utiliser les polices Adobe. Dois-je modifier le fichier du thème ? Ou quelle est la meilleure façon de faire ?

J’ai également vu que le logo de l’en-tête est un peu petit et que la barre de recherche à droite ainsi que la connexion pourraient ressembler davantage à un bouton qu’à une icône. Est-ce un plugin/composant ou du CSS ?