> For the complete documentation index, see [llms.txt](https://the-city.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://the-city.gitbook.io/docs/admin-panel/custom-color.md).

# Custom Color

we used material angular Library version 0.11.2

to change theme color you can change file **/app/app.js**

```javascript
var blueGrey = $mdThemingProvider.extendPalette('cyan', {
  '500': '568AB7',  // primary color Edit here
  'contrastDefaultColor': 'light'
});

var lightAmber = $mdThemingProvider.extendPalette('amber', {
  '500': 'E6C14D' // accent color edit here
});

$mdThemingProvider.definePalette('blueGrey', blueGrey);
$mdThemingProvider.definePalette('lightAmber', lightAmber);
$mdThemingProvider.theme('default')
.primaryPalette('blueGrey')
.accentPalette('lightAmber');
```

please see reference color : 

<https://material.angularjs.org/0.11.2/#/Theming/03_configuring_a_theme>