# How can I change the colors for the social login text?

**URL:** https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898
**Category:** Support
**Created:** [19 Agosto , 2016 21:21 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898 "2016-08-19T21:21:25Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![slixxed](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/slixxed/32/121588_2.png) [@slixxed](https://meta.discourse.org/u/slixxed)
#### Post date: [19 Agosto , 2016 21:21 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/1 "2016-08-19T21:21:25Z")

</div>

I’m using a dark theme right now and the social login buttons can barely be read because the text is also dark, is there a css thing I can do to change the text white?

Right now I’m trying

`.ember1170 .login-buttons { color: white; }`

However its not working, any help is appreciated!

---

<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: [19 Agosto , 2016 21:22 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/2 "2016-08-19T21:22:13Z")

</div>

Did you change colors via Admin, Customize, Colors?

If that isn’t working for the basics of a dark theme in this particular area (login), it’s a bug and we should fix it.

---

<div class="post-metadata">

### Author: ![slixxed](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/slixxed/32/121588_2.png) [@slixxed](https://meta.discourse.org/u/slixxed)
#### Post date: [19 Agosto , 2016 21:26 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/3 "2016-08-19T21:26:22Z")

</div>

I changed the color for the value that would be for the social buttons but it in fact changes the entire background color and everything for it and kinda ruining the style that was going on

 ![](https://global.discourse-cdn.com/meta/original/3X/2/7/27bff8358b510320f2f837674283f36a196088c4.png)

---

<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: [19 Agosto , 2016 21:31 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/4 "2016-08-19T21:31:42Z")

</div>

Seems pretty easy to me?

`<button data-ember-action="1256" class="btn btn-social facebook">with Facebook</button>`

just target `button .btn-social` there?

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [19 Agosto , 2016 21:40 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/5 "2016-08-19T21:40:43Z")

</div>

> [@codinghorror](#):
>
> just target button .btn-social there?

Yes, most likely.

You don’t want to use the “ember number” values.

They are temporary numbers created when assets are compiled and are subject to being different.

---

<div class="post-metadata">

### Author: ![ezworldwide](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ezworldwide/32/49134_2.png) [@ezworldwide](https://meta.discourse.org/u/ezworldwide)
#### Post date: [4 Março , 2017 03:09 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/6 "2017-03-04T03:09:39Z")

</div>

I hate bringing back old threads like this, but I am having the same problem and didn’t see a solution posted anywhere.

 ![](https://global.discourse-cdn.com/meta/original/3X/9/a/9a3f221a924cfde972738584f9e83a1dcb20494e.png)

I have many older users who have been asking me to “turn down the brightness” of the site for a while now because it was causing eye strain. These guys live on the site and spend many hours there going back and forth. They all seem to like the dark theme but are now complaining about some of the color choices (that’s easy) the biggest complaint has been about the social login boxes “looking crappy”. I tried making some adjustments to the color codes, but that didn’t do anything.

I searched but didn’t find another thread on this - although my taxonomy may not be employing technical terms. Apologies for the necropost in advance.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [4 Março , 2017 03:19 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/7 "2017-03-04T03:19:11Z")

</div>

You will need to learn CSS and how to use Right Click \> Inspect Element to alter the social buttons, those are not controlled by the Color Scheme.

---

<div class="post-metadata">

### Author: ![ezworldwide](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ezworldwide/32/49134_2.png) [@ezworldwide](https://meta.discourse.org/u/ezworldwide)
#### Post date: [4 Março , 2017 03:28 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/8 "2017-03-04T03:28:25Z")

</div>

That much I figured out. The guidance above seemed to be conflicting. Just was looking for a point in the right direction. Not sure that I have got that. I’ll just jam a bunch of stuff in and see what happens. Thanks for the help!

`<button class="btn btn-social facebook" data-ember-action="" data-ember-action-1196="1196">with Facebook</button>`

---

<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: [4 Março , 2017 03:44 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/9 "2017-03-04T03:44:33Z")

</div>

@sam will be working on user selectable color themes (starting with dark and light) next week or the week after.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [4 Março , 2017 03:49 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/10 "2017-03-04T03:49:06Z")

</div>

So in that case you want to use CSS to target

```plaintext
.btn-social.facebook {
  background-color: your_bg_color_here;
  color: your_font_color_here;
}

```

---

<div class="post-metadata">

### Author: ![ezworldwide](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ezworldwide/32/49134_2.png) [@ezworldwide](https://meta.discourse.org/u/ezworldwide)
#### Post date: [4 Março , 2017 03:53 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/11 "2017-03-04T03:53:24Z")

</div>

Thanks and I didn’t want to create any work for anyone. I’m happy to try to figure things out myself and work my way through it. This helps a lot.

More than half of my users are between 60-70 years old and many have visual impairments. I just try to make things a little easier for them. I appreciate the time you took to help. Thanks @codinghorror I’ll be sure to pass the word!

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [4 Março , 2017 03:54 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/12 "2017-03-04T03:54:48Z")

</div>

No worries, and the CSS rule for the yahoo one will be similar just replace `facebook` with `yahoo` when you copy and paste that code block.

---

<div class="post-metadata">

### Author: ![ezworldwide](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ezworldwide/32/49134_2.png) [@ezworldwide](https://meta.discourse.org/u/ezworldwide)
#### Post date: [4 Março , 2017 04:04 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/13 "2017-03-04T04:04:57Z")

</div>

Perfect! Thanks again!

 ![](https://global.discourse-cdn.com/meta/original/3X/2/4/24566f752b9b6d8a0fd269c6c97c1017aa2ef5f9.png)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [6 Setembro , 2022 23:18 UTC](https://meta.discourse.org/t/how-can-i-change-the-colors-for-the-social-login-text/48898/16 "2022-09-06T23:18:55Z")

</div>


