Radiant, un thème élégant pour Discourse

Ce thème vise à être minimaliste tout en ayant une allure moderne. Tout le style est implémenté via CSS et aucune image n’a été utilisée.

:rainbow: :dizzy: :rocket:

Page d’accueil :

Page de sujet :

Recherche sur toute la page :

Modale :

Faites-moi savoir comment ce thème peut être encore amélioré. Amusez-vous bien ! :smiley:

31 « J'aime »

Très beau design !

Existe-t-il un moyen de personnaliser les formes et les couleurs de l’arrière-plan ? La possibilité de personnaliser l’« effet de lueur » du corps principal sur l’arrière-plan pourrait également être utile.

3 « J'aime »

Bonjour,

Travail incroyable :heart: Ce thème a l’air vraiment cool :heart_eyes:
J’ai une suggestion concernant des coins arrondis et des ombres uniformes. Je parle des pop-ups, du menu, des champs de saisie, etc. Ce serait vraiment génial avec le nouveau curseur de chargement :heart_eyes:

2 « J'aime »

Non, l’arrière-plan est créé à l’aide de dégradés linéaires CSS, et ajouter la possibilité de le personnaliser augmenterait la complexité pour les administrateurs du forum.

N’hésitez pas à forker le thème pour le personnaliser davantage selon vos besoins.

Bonne remarque. Je l’ajouterai à ma liste d’améliorations. :+1:

6 « J'aime »

J’ai amélioré le thème pour rendre les champs de formulaire, le menu d’en-tête et les modales cohérents avec le style du thème. J’ai mis à jour le premier message avec les dernières captures d’écran. :slight_smile:

5 « J'aime »

Un thème magnifique. Je pourrais l’utiliser bientôt. Merci, bon travail.

2 « J'aime »

Bonjour, le thème est très bien. Y a-t-il un moyen de réduire l’espace en haut (voir la flèche) ?

2 « J'aime »

J’ai réduit la valeur par défaut de margin-top à 30px, via :

N’hésitez pas à forker le thème et à le personnaliser davantage selon vos besoins. :slight_smile:

3 « J'aime »

Personnellement, je pense que la marge plus petite rend le dégradé trop visible. :confused:

Pourriez-vous m’orienter dans la bonne direction pour l’implémenter en tant que fond ? https://codepen.io/chris22smith/pen/RZogMa

1 « J'aime »

J’adore absolument ce thème. Je l’aurais d’ailleurs proposé sur le forum où je me trouve, mais je voulais simplement vous poser quelques questions.

Je ne suis pas quelqu’un qui utilise Discourse pour créer des forums ; je suis simplement un utilisateur de ces forums. Il est donc possible que certaines de mes remarques soient incorrectes ou trop évidentes, car je n’ai jamais utilisé Discourse pour construire quoi que ce soit.

Y a-t-il des projets pour créer une version en mode sombre de ce thème ? Personnellement, j’ai activé le drapeau « Forcer le mode sombre pour les contenus web » sur Edge. C’est aussi une option pour Chrome. Cela aide généralement, et voici quelques-uns des résultats que j’ai obtenus :

Dans l’ensemble, cela semble correct avec ce drapeau activé, mais certains éléments semblent déplacés sans raison apparente. J’aimerais beaucoup voir ces éléments adaptés ou corrigés pour le mode sombre, si cela est possible :)

Vous n’auriez pas nécessairement besoin de tout modifier pour créer une version spécifique au mode sombre. Tant que vous corrigeriez les différences de couleurs étranges sur les pages de profil, cela fonctionnerait tout à fait bien avec le drapeau activé.

4 « J'aime »

Pas encore, mais je vais y réfléchir. Je devrai cependant opter pour une palette de couleurs différente.

Merci pour vos suggestions ! Je vais les examiner et apporter les modifications si elles n’affectent pas la version claire par défaut (originale). :slight_smile:

5 « J'aime »

Je viens de configurer un Discourse et j’avais hâte de le personnaliser. Je suis vraiment ravi d’avoir trouvé votre thème — il est frais, coloré et magnifique. Merci !

– ben

6 « J'aime »

Très beau thème, mais dernièrement, il semble que ce thème soit incompatible avec Discourse. La barre latérale est complètement écrasée.

`

3 « J'aime »

Bien vu ! Maintenant corrigé via :

3 « J'aime »

Merci, ça a l’air sympa et le problème est résolu

2 « J'aime »

Bonjour

Depuis la dernière mise à jour, il semble que tout le contenu soit « bloqué » des deux côtés. C’est comme si le padding/marge droit et gauche avaient disparu

Est-ce intentionnel ? Sur les images d’aperçu du thème, ce n’est pas comme ça. Comment puis-je corriger cela ?

Merci beaucoup

2 « J'aime »

Ceci est maintenant corrigé :

Merci d’avoir signalé ce problème :+1:

3 « J'aime »

Je confirme que c’est réparé !

C’était incroyablement rapide, merci beaucoup

Thème incroyable au passage :slight_smile:

3 « J'aime »

Pouvez-vous m’aider à comprendre comment changer la couleur de la barre d’accentuation bleue en haut ?

Je vois dans desktop.scss que c’est défini comme suit :

#main-outlet {
  border-top: 8px solid $tertiary;
}

$tertiary, je suppose, provient des variables définies par le SCSS de base de Discourse, et devrait provenir de la palette de couleurs sélectionnée par l’utilisateur.

Je peux voir dans devtools que la barre est définie sur #3977ff, que vous pouvez voir comme la barre bleue dans la capture d’écran ci-dessous. Mais dans ma palette de couleurs, j’ai une couleur jaune définie pour le “tertiary” et je n’ai aucune couleur #3977ff définie quelque part.

Alors, que se passe-t-il ici, et comment puis-je définir la couleur ?

1 « J'aime »

Oh ! Je vois que tertiary est défini dans about.json :

  "color_schemes": {
    "radiant": {
      "primary": "000000",
      "tertiary": "3977FF",
      "header_primary": "4d4d4d"
    }
  },

Je suppose donc que c’est de là qu’il obtient la valeur de la couleur. Mais pourquoi tirerait-il de ceci si je n’ai pas sélectionné le schéma de couleurs « radiant » ?