# Patreon login button ugly/unreadable in dark mode

**URL:** https://meta.discourse.org/t/patreon-login-button-ugly-unreadable-in-dark-mode/78692
**Category:** Support
**Created:** [January 22, 2018, 10:30pm UTC](https://meta.discourse.org/t/patreon-login-button-ugly-unreadable-in-dark-mode/78692 "2018-01-22T22:30:47Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Untoldent](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/untoldent/32/120297_2.png) [@Untoldent](https://meta.discourse.org/u/Untoldent)
#### Post date: [January 22, 2018, 10:30pm UTC](https://meta.discourse.org/t/patreon-login-button-ugly-unreadable-in-dark-mode/78692/1 "2018-01-22T22:30:47Z")

</div>

The “Log in with Patreon” button probably looks nice in light mode, but it’s a bit terrible in dark mode:

 ![loginWithPatreon](https://global.discourse-cdn.com/meta/original/3X/b/5/b514e9b80ccff1f261d18e1831602f3d9cce0432.jpg)

Is this something i can fix with css? (Where? How?) Or is it something i can beg `@falco` to address?

Thanks!

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [January 23, 2018, 12:38am UTC](https://meta.discourse.org/t/patreon-login-button-ugly-unreadable-in-dark-mode/78692/2 "2018-01-23T00:38:23Z")

</div>

No, @awesomerobot is the correct person to ping.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [January 23, 2018, 2:05am UTC](https://meta.discourse.org/t/patreon-login-button-ugly-unreadable-in-dark-mode/78692/3 "2018-01-23T02:05:53Z")

</div>

We probably shouldn’t change the text color for the social logins, seems like that’s best kept white regardless of theme. I’ll fix that.

In the meantime you can add custom CSS under Admin \> Customize

To fix this you’d add:

```plaintext
.btn-social, .btn-social:hover {
    color: #fff;
}

```

---

<div class="post-metadata">

### Author: ![Untoldent](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/untoldent/32/120297_2.png) [@Untoldent](https://meta.discourse.org/u/Untoldent)
#### Post date: [January 23, 2018, 2:31am UTC](https://meta.discourse.org/t/patreon-login-button-ugly-unreadable-in-dark-mode/78692/4 "2018-01-23T02:31:20Z")

</div>

Perfect - thanks, @kris!

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [January 23, 2018, 2:45am UTC](https://meta.discourse.org/t/patreon-login-button-ugly-unreadable-in-dark-mode/78692/5 "2018-01-23T02:45:21Z")

</div>

[https://github.com/discourse/discourse/commit/fb2ab3c4d4455a544d47baa7fc45a131bccaf33e](https://github.com/discourse/discourse/commit/fb2ab3c4d4455a544d47baa7fc45a131bccaf33e)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [January 23, 2018, 2:45am UTC](https://meta.discourse.org/t/patreon-login-button-ugly-unreadable-in-dark-mode/78692/6 "2018-01-23T02:45:24Z")

</div>