# Customizing Mattermost

**URL:** <https://forum.mattermost.com/t/customizing-mattermost/5811>\
**Category:** Troubleshooting\
**Created:** [September 26, 2018, 4:42pm UTC](https://forum.mattermost.com/t/customizing-mattermost/5811 "2018-09-26T16:42:10Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![decibel83](https://avatars.discourse-cdn.com/v4/letter/d/7feea3/32.png) [@decibel83](https://forum.mattermost.com/u/decibel83)\
**Post date:** [September 26, 2018, 4:42pm UTC](https://forum.mattermost.com/t/customizing-mattermost/5811/1 "2018-09-26T16:42:10Z")

</div>

Hi,  
I am trying to customize my Mattermost Team installation.  
I changed the `/client/images/logo-email.png` file but e-mails are still sent using the default logo in the header.

I also wish to change the background color of the webapp for every users but I cannot find any way about how to do so.

Can you help me please?

---

<div class="post-metadata">

**Author:** ![amy.blais](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mattermost.com/amy.blais/32/7481_2.png) [@amy.blais](https://forum.mattermost.com/u/amy.blais)\
**Post date:** [September 26, 2018, 5:25pm UTC](https://forum.mattermost.com/t/customizing-mattermost/5811/2 "2018-09-26T17:25:01Z")

</div>

Hi @decibel83, thank you for reaching out.

Here are complete instructions for changing the email logo: [https://docs.mattermost.com/deployment/customize-mattermost.html#mattermost-webapp](https://docs.mattermost.com/deployment/customize-mattermost.html#mattermost-webapp)

I believe you need to change these to customize the theme:

> <https://github.com/mattermost/mattermost-redux/blob/master/src/constants/preferences.js>

  

> <https://github.com/mattermost/mattermost-webapp/blob/master/utils/constants.jsx>

---

<div class="post-metadata">

**Author:** ![decibel83](https://avatars.discourse-cdn.com/v4/letter/d/7feea3/32.png) [@decibel83](https://forum.mattermost.com/u/decibel83)\
**Post date:** [October 10, 2018, 1:26pm UTC](https://forum.mattermost.com/t/customizing-mattermost/5811/3 "2018-10-10T13:26:47Z")

</div>

Thank you for your reply!  
I am trying to understand.  
The docs at [https://docs.mattermost.com/deployment/customize-mattermost.html#mattermost-webapp](https://docs.mattermost.com/deployment/customize-mattermost.html#mattermost-webapp) does not referer to **mattermost-redux** repository but to the **masttermost-webapp** one.  
I realized that your information about customizing the theme is about customizing files in mattermost-redux.  
I can fork also this repository of course, but what I have to do after customizing the files?  
Thanks!

---

<div class="post-metadata">

**Author:** ![decibel83](https://avatars.discourse-cdn.com/v4/letter/d/7feea3/32.png) [@decibel83](https://forum.mattermost.com/u/decibel83)\
**Post date:** [October 10, 2018, 3:04pm UTC](https://forum.mattermost.com/t/customizing-mattermost/5811/4 "2018-10-10T15:04:24Z")

</div>

> [@amy.blais](#):
>
> I believe you need to change these to customise the theme:

Thanks amy.blais, I managed in creating a new custom template as default one.  
Now I’m looking for some way to custom the login page.  
I know I can customise logo and texts on the System Console, but I wish to customise CSS colours as well, in particular I wish to change the link colours.

I am looking in the source of the mattermost-webapp code where this colour:

```
.btn.btn-primary {
    background: #2389d7;
    border-color: transparent;
}

```

and

```
a {
    color: #2389d7;
    cursor: pointer;
    text-decoration: none;
    word-break: break-word;
}

```

is specified but I cannot find anything.

Could you help me please?

---

<div class="post-metadata">

**Author:** ![amy.blais](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mattermost.com/amy.blais/32/7481_2.png) [@amy.blais](https://forum.mattermost.com/u/amy.blais)\
**Post date:** [October 10, 2018, 4:46pm UTC](https://forum.mattermost.com/t/customizing-mattermost/5811/5 "2018-10-10T16:46:35Z")

</div>

Maybe @hmhealey can you help take a look at this ^

The reporter is looking to customize the login page CSS colours and isn’t sure what code to modify.

---

<div class="post-metadata">

**Author:** ![hmhealey](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mattermost.com/hmhealey/32/1915_2.png) [@hmhealey](https://forum.mattermost.com/u/hmhealey)\
**Post date:** [October 11, 2018, 6:19pm UTC](https://forum.mattermost.com/t/customizing-mattermost/5811/6 "2018-10-11T18:19:57Z")

</div>

Our CSS is kind of a mess in some places, so you might have to do some digging to find what you’re looking for. For those two that you’re looking for, the colours used for both are done using a sass variable, so you’d have to look for text like `background: $primary-color;`. The first rule is applied [in \_buttons.scss]([https://github.com/mattermost/mattermost-webapp/blob/master/sass/components/\_buttons.scss#L28and](https://github.com/mattermost/mattermost-webapp/blob/master/sass/components/_buttons.scss#L28and) the second is [in \_links.scss](https://github.com/mattermost/mattermost-webapp/blob/master/sass/components/_links.scss#L3).

You may also run into the theme system as well if you’re trying to override the colours applied by that since all of that is done programatically, after CSS is applied.