# Ionic 4 non-theme button color

**URL:** <https://forum.ionicframework.com/t/ionic-4-non-theme-button-color/137646>\
**Category:** Ionic Framework\
**Created:** [August 7, 2018, 3:55pm UTC](https://forum.ionicframework.com/t/ionic-4-non-theme-button-color/137646 "2018-08-07T15:55:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jwallmueller](https://avatars.discourse-cdn.com/v4/letter/j/278dde/32.png) [@jwallmueller](https://forum.ionicframework.com/u/jwallmueller)\
**Post date:** [August 7, 2018, 3:55pm UTC](https://forum.ionicframework.com/t/ionic-4-non-theme-button-color/137646/1 "2018-08-07T15:55:30Z")

</div>

Hi,

I want to add a few ion-buttons (like a twitter button) with colors that are not my primary, secondary, etc. brand colors (but twitters brand color for example). Since they are not one of the color attribute choices and I can’t overwrite the css of the shadow dom, how would i do that?

---

<div class="post-metadata">

**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\
**Post date:** [August 7, 2018, 4:23pm UTC](https://forum.ionicframework.com/t/ionic-4-non-theme-button-color/137646/2 "2018-08-07T16:23:42Z")

</div>

does that may work?

```
 <ion-button class="your-style-class"....

 ion-button.your-style-class.button {
     color: yellow;
     --background: red;
 }
```

---

<div class="post-metadata">

**Author:** ![jwallmueller](https://avatars.discourse-cdn.com/v4/letter/j/278dde/32.png) [@jwallmueller](https://forum.ionicframework.com/u/jwallmueller)\
**Post date:** [August 7, 2018, 4:42pm UTC](https://forum.ionicframework.com/t/ionic-4-non-theme-button-color/137646/3 "2018-08-07T16:42:40Z")

</div>

Works like a charm! Thank you!

---

<div class="post-metadata">

**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\
**Post date:** [August 7, 2018, 5:02pm UTC](https://forum.ionicframework.com/t/ionic-4-non-theme-button-color/137646/4 "2018-08-07T17:02:38Z")

</div>

> [@jwallmueller](#):
>
> Works like a charm! Thank you!

Awesome, cool to hear that 🙂

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:26pm UTC](https://forum.ionicframework.com/t/ionic-4-non-theme-button-color/137646/5 "2021-07-19T21:26:01Z")

</div>

Closed on July 19, 2021, 9:26pm UTC