态空去水印小程序修改主色调

找到根目录app.vue

修改–w-mainA、–w-mainB和–w-title-color的颜色值即可，注意一共有浅色和深色两种模式（两种模式可以使用不同的配色方案）

修改效果

默认皮肤

浅色模式

//浅色模式
--w-bg-color: #f5f5f5; //主要背景色
--w-vbg-color: #ffffff; //副背景色
--w-tag-bgcolor: #a8a8a8; //标签背景颜色
--w-mainA: #006450; //主要颜色1较深
--w-mainB: #00d4aa; //主要颜色2较浅
--u-main-color: #000; //!主要文字颜色
--w-title-color: #006450; //!标题文字颜色
--w-vt-color: #757575; //!副文字颜色
--w-index-footbar: #fff; //首页tabbar背景色
--w-detail-footbar: rgba(255, 255, 255, 0.9); //子页tabbar背景色

深色模式

//深色模式
--w-bg-color: #1d1d1d; //主要背景色
--w-vbg-color: #141414; //副背景色
--w-tag-bgcolor: #a8a8a8; //标签背景颜色
--w-mainA: #006450; //主要颜色1较深
--w-mainB: #00d4aa; //主要颜色2较浅
--u-main-color: #fff; //!主要文字颜色
--w-title-color: #006450; //!标题文字颜色
--w-vt-color: #cacaca; //!副文字颜色
--w-index-footbar: rgba(0, 0, 0, 0.3); //首页tabbar背景色
--w-detail-footbar: rgba(0, 0, 0, 0.94); //子页tabbar背景色

红色新年

--w-bg-color: #f5f5f5; //主要背景色
--w-vbg-color: #ffffff; //副背景色    
--w-tag-bgcolor: #a8a8a8; //标签背景颜色
--w-mainA: #ff4747; //主要颜色1较深
--w-mainB: #ff7e7e; //主要颜色2较浅
--u-main-color: #000; //!主要文字颜色
--w-title-color: #ff4747; //!标题文字颜色
--w-vt-color: #757575; //!副文字颜色
--w-index-footbar: #fff; //首页tabbar背景色
--w-detail-footbar: rgba(255, 255, 255, 0.9); //子页tabbar背景色
width: 100%;
background-color: var(--w-bg-color);
color: #000000;