# Quelle est la manière la plus simple de créer un thème clair à partir d'un thème sombre très personnalisable

**URL:** https://meta.discourse.org/t/whats-the-easiest-way-to-make-a-light-theme-using-a-dark-theme-that-has-heavy-customizaiton/396639
**Category:** Development
**Created:** [Février 20, 2026, 9:42 UTC](https://meta.discourse.org/t/whats-the-easiest-way-to-make-a-light-theme-using-a-dark-theme-that-has-heavy-customizaiton/396639 "2026-02-20T21:42:36Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)
#### Post date: [Février 20, 2026, 9:42 UTC](https://meta.discourse.org/t/whats-the-easiest-way-to-make-a-light-theme-using-a-dark-theme-that-has-heavy-customizaiton/396639/1 "2026-02-20T21:42:36Z")

</div>

J’utilise le thème Foundation avec une palette sombre que j’ai lourdement personnalisée avec du CSS.

Je me demande quelle serait la méthode la plus simple pour créer une version claire qui suive toutes les mêmes règles CSS.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [Février 20, 2026, 9:50 UTC](https://meta.discourse.org/t/whats-the-easiest-way-to-make-a-light-theme-using-a-dark-theme-that-has-heavy-customizaiton/396639/2 "2026-02-20T21:50:12Z")

</div>

Vous pouvez ajouter une palette de couleurs claires à votre thème

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/c/5/bc5e8f5c8a8f38ba053bde1c180b04659e4c0c69.png)

Vous pouvez mettre à jour les couleurs en fonction de l’utilisation du thème clair ou sombre :

> [@awesomerobot](#):
>
> Donc, dans `color_definitions.scss`, vous pouvez faire :
> 
> ```plaintext
> $my-theme-color: dark-light-choose($primary, red);
> 
> :root {
> --my-theme-color: #{$my-theme-color};
> }
> 
> ```
> 
> et ensuite vous utiliseriez la nouvelle propriété personnalisée qui change entre le mode sombre/clair dans votre thème :
> 
> ```plaintext
> body {
> color: var(--my-theme-color);
> }
> 
> ```

---

<div class="post-metadata">

### Author: ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)
#### Post date: [Février 20, 2026, 9:51 UTC](https://meta.discourse.org/t/whats-the-easiest-way-to-make-a-light-theme-using-a-dark-theme-that-has-heavy-customizaiton/396639/3 "2026-02-20T21:51:46Z")

</div>

D’accord, je dois ajuster chaque changement avec le thème sombre ou clair (j’utilise le thème sombre/clair par défaut)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [Février 20, 2026, 9:54 UTC](https://meta.discourse.org/t/whats-the-easiest-way-to-make-a-light-theme-using-a-dark-theme-that-has-heavy-customizaiton/396639/4 "2026-02-20T21:54:25Z")

</div>

Cela dépend. Vous n’avez besoin de le faire que si vous avez utilisé des couleurs codées en dur. Tant que vous faites référence aux couleurs comme `var(--primary-300)` ou `var(--danger)`, elles changent automatiquement en fonction de la palette de couleurs.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [Mars 22, 2026, 9:54 UTC](https://meta.discourse.org/t/whats-the-easiest-way-to-make-a-light-theme-using-a-dark-theme-that-has-heavy-customizaiton/396639/5 "2026-03-22T21:54:46Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.