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 »

Very nice design!

Is there a way to customize the background shapes/colors? Being able to customize the “glow” of the main body on the background could be useful too.

3 « J'aime »

Hello,

Amazing work :heart: This theme looks pretty cool :heart_eyes:
I have one suggestion with uniform rounded corners and shadows. I mean the popups, menu, input fields etc… Will be pretty awesome with the new loading slider :heart_eyes:

2 « J'aime »

No, the background is made via CSS linear gradients and adding the ability to customize it will add complexity for forum admins.

Feel free to fork the theme to further customize it as per your requirements.

Good point. I’ll add it on my list for improvements. :+1:

6 « J'aime »

I have improved the theme to make form inputs, header menu and modal consistent with the theme styling. Updated the first post with latest screenshots. :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 » ?