# How to write styles for dark mode in Discourse using the built-in dark/light theme switcher? I don't see any .dark styles.

**URL:** https://meta.discourse.org/t/discourse-discourse-dark-dark/379040
**Category:** Support
**Created:** [August 18, 2025, 12:13pm UTC](https://meta.discourse.org/t/discourse-discourse-dark-dark/379040 "2025-08-18T12:13:47Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [August 18, 2025, 1:01pm UTC](https://meta.discourse.org/t/discourse-discourse-dark-dark/379040/2 "2025-08-18T13:01:24Z")

</div>

I’m not sure this is what you mean but there is a mixin you can use in your css that allows 2 variables, and will choose based on what mode is active.

Example:

```plaintext
 color: light-dark(#ffffff, #000000);

```

Other than that, there are also the pre-made colour palettes in your about.json file

Example from air theme:

```plaintext
  "color_schemes": {
    "air-light": {
      "primary": "1c1c1c",
      "secondary": "f9fcff",
      "tertiary": "3877e5",
      "quaternary": "7e8b93",
      "header_background": "f9fcff",
      "header_primary": "122b43",
      "highlight": "e6cb37",
      "danger": "d05454",
      "success": "71bd9f",
      "love": "c16ad7",
      "selected": "e1ebfb"
    },
    "air-dark": {
      "primary": "e0e0e0",
      "secondary": "2d2d2d",
      "tertiary": "9a5cfd",
      "quaternary": "71bd9f",
      "header_background": "202020",
      "header_primary": "e0e0e0",
      "highlight": "9a5cfd",
      "danger": "d05454",
      "success": "71bd9f",
      "love": "c16ad7",
      "selected": "2f0177",
      "hover": "535353"
    }
  },

```

---

_[View the full topic](https://meta.discourse.org/t/discourse-discourse-dark-dark/379040)._