找到根目录app.vue

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

修改效果

Snipaste_2022-01-06_12-33-21.png
Snipaste_2022-01-06_12-34-28.png

默认皮肤

浅色模式

//浅色模式
--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;
© 版权声明
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容