# WeCenter小程序更换配色教程
*****
默认提供了三套配色,颜色值分别是:
绿色是:#39b54a
蓝色是:#0081ff
红色是:#e54d42
如果你不喜欢这三种颜色,那么你可以自己自定义修改。
*****
# ①修改全局配色
*****
打开小程序目录的 common/theme.css 文件,修改color属性的颜色值。
![](https://img.kancloud.cn/e7/06/e7063dacb69757bd34d682cecf3f7358_1272x1062.png)
# ②修改导航栏颜色
*****
打开小程序目录的 pages.json,修改 selectedColor、navigationBarBackgroundColor 两个颜色值
![](https://img.kancloud.cn/55/28/55284168a02dc0cb2ead89b7809c7e7f_1272x1062.png)
# ③替换tabBar图片
*****
找到小程序目录的 static/tabbar ,替换里面的图片
已准备了绿色、蓝色、红色 三套icon图片,如果需要其他颜色,可以找我索要