> For the complete documentation index, see [llms.txt](https://vido.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://vido.gitbook.io/docs/2.0/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
// Use as Primary color
var myPrimary = $mdThemingProvider.extendPalette('green', { 
  '500': '4DB151', 
  'contrastDefaultColor': 'light'
});
 
// Use as Accent color
var myAccent = $mdThemingProvider.extendPalette('yellow', { 
   '500': 'FFDE26'
});
 
// Register the new color palette
$mdThemingProvider.definePalette('myPrimary', myPrimary);
// Register the new color palette
$mdThemingProvider.definePalette('myAccent', myAccent);
$mdThemingProvider.theme('default')
.primaryPalette('myPrimary')
.accentPalette('myAccent');
```

please see reference color : <https://material.angularjs.org/0.11.2/#/Theming/03_configuring_a_theme>