# Thème Nuit Alien - Un thème sombre gratuit pour Discourse

**URL:** https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175
**Category:** Theme
**Created:** [Décembre 13, 2016, 10:36 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175 "2016-12-13T10:36:07Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![B-iggy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/b-iggy/32/201234_2.png) [@B-iggy](https://meta.discourse.org/u/B-iggy)
#### Post date: [Avril 4, 2019, 1:46 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/21 "2019-04-04T13:46:23Z")

</div>

@here Keep in mind that the [#4](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/4) post is not up to date anymore.

I’m using now a complete new method for the Theme Switcher. It’s nicely put in the Discourse Header now 🙂

(_hopefully it has no issues with other Discourse Header components_)

---

<div class="post-metadata">

### Author: ![Anatolia](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/anatolia/32/133777_2.png) [@Anatolia](https://meta.discourse.org/u/Anatolia)
#### Post date: [Avril 4, 2019, 4:05 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/22 "2019-04-04T16:05:51Z")

</div>

Could you share that switch as a seperate theme component? I’m looking for this feature for months.

---

<div class="post-metadata">

### Author: ![B-iggy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/b-iggy/32/201234_2.png) [@B-iggy](https://meta.discourse.org/u/B-iggy)
#### Post date: [Avril 4, 2019, 4:54 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/23 "2019-04-04T16:54:23Z")

</div>

Hey @Anatolia

I tried my best to make it happen 😃

Go here:

> [@Theme Switcher Component](https://meta.discourse.org/t/theme-switcher-component/113460):
>
> [[deprecated](https://meta.discourse.org/t/theme-switcher-component/113460/40)] Hey Discourse Community, after a lot of requests I share a Theme Switcher component, encapsulated from my [Alien Night Theme](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175). For now, once pressed the button it will switch your theme into a dark mode theme. Later on I can maybe implement a setting page, where you can define your own global CSS class your theme should switch into. Or just toggle between the first two themes you allowed for users to choose from… Installation & Download [https://github.com/B-iggy/discourse-them…](https://github.com/B-iggy/discourse-theme-switcher)

---

<div class="post-metadata">

### Author: ![Anatolia](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/anatolia/32/133777_2.png) [@Anatolia](https://meta.discourse.org/u/Anatolia)
#### Post date: [Avril 4, 2019, 5:28 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/24 "2019-04-04T17:28:15Z")

</div>

I added to our forum. Thank you so much 🙂

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [Avril 24, 2019, 9:31 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/25 "2019-04-24T09:31:48Z")

</div>

There is something wrong in the header when you open the hamburger menu:

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/e/0efa6c3d80c42099da6b1b50fc0cd367dfe10168.png)

A part of the menu moves to the top right and partially covers the buttons on the header

However great rework!

---

<div class="post-metadata">

### Author: ![B-iggy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/b-iggy/32/201234_2.png) [@B-iggy](https://meta.discourse.org/u/B-iggy)
#### Post date: [Mai 4, 2019, 3:25 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/26 "2019-05-04T15:25:23Z")

</div>

Back from vacation. Sorry for the delay!  
[I fixed it now](https://github.com/B-iggy/alien-night-discourse-dark-theme/commit/fb4a324896d7fe0f658eee7f4965bc03fbf08c14) 🙂 _(legacy from my own sub theme header component)_  
Thanks for the report!

---

<div class="post-metadata">

### Author: ![ahmadabdolsaheb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmadabdolsaheb/32/138662_2.png) [@ahmadabdolsaheb](https://meta.discourse.org/u/ahmadabdolsaheb)
#### Post date: [Novembre 16, 2019, 1:35 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/27 "2019-11-16T13:35:27Z")

</div>

Merci pour le thème. J’aime beaucoup que vous ayez à la fois des couleurs sombres et claires dans la même feuille de style. Je ne connais pas d’autre thème qui le fasse.

Il y a beaucoup de couleurs en dur. Je me demandais si vous aviez prévu de les rendre personnalisables à l’aide de variables et de fonctions de couleur.

Certaines couleurs ne changent pas entre le mode sombre et le mode clair, ce qui entraîne un faible contraste, comme pour les étiquettes. Ce serait formidable si nous pouvions remplacer toutes les couleurs de l’interface afin qu’elles soient également personnalisables.

De plus, si certains utilisateurs optent pour une palette de couleurs différente, il sera plus facile d’ajuster les variations de couleur indésirables.

Je travaille sur un fork d’Alien Night et j’ai remplacé toutes les couleurs en dur par des variables afin qu’elles puissent être organisées et éventuellement dérivées des color\_schemes.

Si vous trouvez cela utile, je pourrais publier la liste des couleurs ici, ou créer une issue ou une PR dans votre dépôt.

Merci.

---

<div class="post-metadata">

### Author: ![ahmadabdolsaheb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmadabdolsaheb/32/138662_2.png) [@ahmadabdolsaheb](https://meta.discourse.org/u/ahmadabdolsaheb)
#### Post date: [Novembre 16, 2019, 2:22 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/28 "2019-11-16T14:22:17Z")

</div>

Par curiosité, je vois une longue liste d’éléments dont les couleurs sont modifiées avec la classe dark. Avez-vous identifié les éléments nécessitant un changement de couleur un par un, ou avez-vous utilisé une autre stratégie ?

---

<div class="post-metadata">

### Author: ![B-iggy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/b-iggy/32/201234_2.png) [@B-iggy](https://meta.discourse.org/u/B-iggy)
#### Post date: [Novembre 17, 2019, 8:51 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/29 "2019-11-17T08:51:46Z")

</div>

Salut @ahmadabdolsaheb,

Merci pour ton retour — c’est très apprécié !

Pour l’instant, ils sont codés en dur « à l’œil et au goût » 😉  
Je suis assez occupé en ce moment, donc je ne peux pas travailler sur une configuration personnalisable. J’aimerais recevoir une Pull Request ou toute autre méthode que tu préfères pour l’intégrer, afin que tout le monde puisse en bénéficier.

---

<div class="post-metadata">

### Author: ![AtakanYildirim1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/atakanyildirim1/32/183154_2.png) [@AtakanYildirim1](https://meta.discourse.org/u/AtakanYildirim1)
#### Post date: [Décembre 16, 2019, 10:01 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/30 "2019-12-16T22:01:35Z")

</div>

Super thème !!!

@B-iggy

Comment puis-je obtenir les réponses dans un conteneur séparé ?

exemple

 ![orn](https://global.discourse-cdn.com/meta/original/3X/1/2/12d1cba4eee4357f0ca4a442dcd1cc680c4b988a.png)

---

<div class="post-metadata">

### Author: ![B-iggy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/b-iggy/32/201234_2.png) [@B-iggy](https://meta.discourse.org/u/B-iggy)
#### Post date: [Décembre 17, 2019, 10:30 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/31 "2019-12-17T10:30:11Z")

</div>

Bienvenue sur le Forum et merci pour votre retour @AtakanYildirim1

Cependant, je ne sais pas exactement ce que vous demandez. Des réponses dans un conteneur séparé ?

---

<div class="post-metadata">

### Author: ![AtakanYildirim1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/atakanyildirim1/32/183154_2.png) [@AtakanYildirim1](https://meta.discourse.org/u/AtakanYildirim1)
#### Post date: [Décembre 17, 2019, 10:56 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/32 "2019-12-17T10:56:41Z")

</div>

@B-iggy

Voici le style de réponse de mon site web

 ![orn2](https://global.discourse-cdn.com/meta/original/3X/5/6/56cffc4a9f9c2bdf25d6b6591df985a4b221f15f.png)

Style visuel souhaité

 ![orn](https://global.discourse-cdn.com/meta/original/3X/1/2/12d1cba4eee4357f0ca4a442dcd1cc680c4b988a.png)

---

<div class="post-metadata">

### Author: ![B-iggy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/b-iggy/32/201234_2.png) [@B-iggy](https://meta.discourse.org/u/B-iggy)
#### Post date: [Décembre 18, 2019, 3:33 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/33 "2019-12-18T15:33:44Z")

</div>

Ah, je vois. Vous voulez un style encadré de type « Google Material Design ». Je vais faire quelques tests et vous tiendrai informé dès que j’aurai terminé. Je suis actuellement occupé par les travaux de Noël. Merci pour la suggestion !

---

<div class="post-metadata">

### Author: ![Rika](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rika/32/165255_2.png) [@Rika](https://meta.discourse.org/u/Rika)
#### Post date: [Décembre 19, 2019, 5:44 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/34 "2019-12-19T17:44:51Z")

</div>

Oooh, c’est un beau thème !

---

<div class="post-metadata">

### Author: ![AtakanYildirim1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/atakanyildirim1/32/183154_2.png) [@AtakanYildirim1](https://meta.discourse.org/u/AtakanYildirim1)
#### Post date: [Décembre 19, 2019, 10:09 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/35 "2019-12-19T22:09:46Z")

</div>

Je vous serais reconnaissant de le faire. Permettre ce sujet à @B-iggy

---

<div class="post-metadata">

### Author: ![somjaina\_ichitaina](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/somjaina_ichitaina/32/164496_2.png) [@somjaina\_ichitaina](https://meta.discourse.org/u/somjaina_ichitaina)
#### Post date: [Décembre 20, 2019, 8:12 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/36 "2019-12-20T08:12:05Z")

</div>

Super ! J’adore vraiment ça

---

<div class="post-metadata">

### Author: ![AtakanYildirim1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/atakanyildirim1/32/183154_2.png) [@AtakanYildirim1](https://meta.discourse.org/u/AtakanYildirim1)
#### Post date: [Décembre 20, 2019, 10:25 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/37 "2019-12-20T22:25:04Z")

</div>

Que dois-je faire pour activer le mode clair par défaut @B-iggy ?

---

<div class="post-metadata">

### Author: ![Rika](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rika/32/165255_2.png) [@Rika](https://meta.discourse.org/u/Rika)
#### Post date: [Décembre 21, 2019, 12:25 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/38 "2019-12-21T00:25:03Z")

</div>

Je voulais aussi poser cette question.

---

<div class="post-metadata">

### Author: ![B-iggy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/b-iggy/32/201234_2.png) [@B-iggy](https://meta.discourse.org/u/B-iggy)
#### Post date: [Décembre 21, 2019, 10:18 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/39 "2019-12-21T10:18:52Z")

</div>

> [@AtakanYildirim1](#):
>
> Que dois-je faire pour activer le mode clair par défaut @B-iggy

Eh bien, puisque le but de ce thème est de le rendre sombre, je n’ai pas envisagé d’option pour qu’il soit clair par défaut 😉  
Je pourrais peut-être implémenter un paramètre de thème pour cela, même si cela me semble étrange.

---

<div class="post-metadata">

### Author: ![B-iggy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/b-iggy/32/201234_2.png) [@B-iggy](https://meta.discourse.org/u/B-iggy)
#### Post date: [Décembre 21, 2019, 10:25 UTC](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175/40 "2019-12-21T10:25:58Z")

</div>

> [@AtakanYildirim1](#):
>
> Je vous saurais gré de le faire. En autorisant ce sujet @B-iggy

D’accord, j’ai pris en compte votre demande. J’aime bien cette approche, même si en mode sombre, le contraste rend le résultat moins visible.  
Faites-moi part de vos impressions. En version claire, c’est plus marqué.

**Note** : J’ai opté pour la logique suivante : le propriétaire du sujet ne dispose pas de cadre au thème Material, afin de le mettre en évidence au sein d’une conversation et de faire de ses sujets une sorte de « fondement », si vous voyez ce que je veux dire.  
Faites-moi également part de votre avis à ce sujet, s’il vous plaît.

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/3/63fa40de2f230c1cdbaae7febd11831965a30e91.jpeg)

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/6/266bc1475c5f30578149e5c4c804d9b5a0750fae.jpeg)

[Page précédente](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175.md?page=1)

[Page suivante](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175.md?page=3)
