# Dark/light mode toggle now available in core

**URL:** <https://meta.discourse.org/t/dark-light-mode-toggle-now-available-in-core/350991>\
**Category:** Announcements\
**Created:** [February 7, 2025, 2:30am UTC](https://meta.discourse.org/t/dark-light-mode-toggle-now-available-in-core/350991 "2025-02-07T02:30:43Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Kevin7](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kevin7/32/110326_2.png) [@Kevin7](https://meta.discourse.org/u/Kevin7)\
**Post date:** [February 7, 2025, 2:04pm UTC](https://meta.discourse.org/t/dark-light-mode-toggle-now-available-in-core/350991/4 "2025-02-07T14:04:28Z")

</div>

Here’s an example: when I switch Discourse to Dark Mode, some button texts remain black. I believe it would make more sense for the text to be white. However, I found a solution using CSS that I think works well to fix this issue.

 ![Brave Browser 2025-02-07 14.59.24](https://global.discourse-cdn.com/meta/original/4X/8/a/1/8a1816b52a9bb873dc874bf605cfa12b399ac6b1.png)

```plaintext
$button-text-color: dark-light-choose(#ffffff, $primary);

:root {
  --button-text-color: #{$button-text-color};
}

.btn-primary {
  color: var(--button-text-color) !important;
  
  .d-icon {
    color: var(--button-text-color) !important;
  }
}

```

---

_[View the full topic](https://meta.discourse.org/t/dark-light-mode-toggle-now-available-in-core/350991)._