小程序改变顶部导航栏颜色的方法：1.创建微信小程序项目；2.utils下的app.json文件中修改全局样式即可。
具体操作步骤如下：
1、首先在创建一个微信小程序项目。
2、在utils下的app.json文件中找到“window”变量，修改它的“navigationBarBackgroundColor”属性值即可。
//修改前的样式"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle":"black"
},
效果图：
//修改后的样式"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#4A97D9",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle":"black"
},
效果图：
辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
推荐阅读： 小程序中如何实现即时通讯功能
云服务器
物理服务器
虚拟主机
跨境电商服务器