1.第一种展示页全局字体颜色修改,只能一种颜色,要想分开修改的可以问 AI,我也是问 AI 的。
2.我只试了两种(默认和 PurCart 主题),其他应该也会生效的吧,不知道,没试过……
3.怎么修改:登录后台→设置→自定义头部,将下方的css语句填入其中,保存后刷新展示页。
4.关于颜色HEX值,可自己网上查找,我也会在最下方分享两个好看颜色的网站。
css语句模板示例:
<style> /* 修改全局颜色 */ body, body * { color: #207f4c !important; /* 更换你喜欢的颜色HEX值 */ }</style>1.第二种展示页全局字体颜色修改+自定义字体,关于怎么修改字体可以站内搜索和问 AI。
2.同样只试了两种主题,其他可自行尝试。
霞鹭文楷字体css语句模板示例:
/* 霞鹭文楷字体 */<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC:wght@400;700&display=swap"><style> /* 修改全局颜色 */ body, body * { font-family: 'LXGW WenKai TC', sans-serif !important; color: #c21f30 !important; /* 更换你喜欢的颜色HEX值 */ }</style>猫啃珠圆字体css语句模板示例:
<style> /* 猫啃珠圆字体 */ @font-face { font-family: 'Maokenzhuyuan'; src: url('https://kcxaiuser.oss-cn-shenzhen.aliyuncs.com/upload/aipic/2510291246/x8oUzq4KW5HJ') format('woff2'); font-display: swap; font-weight: normal; font-style: normal; } /* 修改全局颜色 */ body, body * { font-family: 'Maokenzhuyuan', sans-serif !important; color: #fed71a !important; /* 更换你喜欢的颜色HEX值 */ }</style>1.第三种 PurCart 主题分段字体颜色修改,因为是问 AI 的,加上本人小白,所以有些html标签太繁杂的地方就没有搞,有能力的自己解决吧。
2.怎么修改自定义字体可以站内搜索。
3.字体颜色我是随意配的,只是用作示例。
MiSans字体css语句模板示例:
/* MiSans字体 */<link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=MiSans:400,700"><style> /* 正文应用字体 */ body, body * { font-family: 'MiSans', sans-serif !important; } /* Logo标题保持原字体和修改颜色 */ header .flex.items-center.gap-2.text-2xl.font-bold span { font-family: system-ui !important; color: #ffc408 !important; /* 更换你喜欢的颜色HEX值 */ } /* 服务器标题颜色 */ h3 { color: #ffc408 !important; /* 更换你喜欢的颜色HEX值 */ } /* 统计栏标题修改颜色 */ .grid.w-full.gap-2.text-center.items-center.py-3 label { color: #cb1b45 !important; /* 更换你喜欢的颜色HEX值 */ } /* 硬件信息栏修改颜色 */ .flex.items-center.gap-1 span { color: #cb1b45 !important; /* 更换你喜欢的颜色HEX值 */ } /* 实时信息栏修改颜色 */ .flex.items-center.justify-between span { color: #986db2 !important; /* 更换你喜欢的颜色HEX值 */ } /* 网络负载栏修改颜色 */ .flex.justify-between.text-xs span { color: #00aa90 !important; /* 更换你喜欢的颜色HEX值 */ }</style>猫啃珠圆字体css语句模板示例:
<style> /* 猫啃珠圆字体 */ @font-face { font-family: 'Maokenzhuyuan'; src: url('https://kcxaiuser.oss-cn-shenzhen.aliyuncs.com/upload/aipic/2510291246/x8oUzq4KW5HJ') format('woff2'); font-display: swap; font-weight: normal; font-style: normal; } /* 正文应用字体 */ body, body * { font-family: 'Maokenzhuyuan', sans-serif !important; } /* Logo标题保持原字体和修改颜色 */ header .flex.items-center.gap-2.text-2xl.font-bold span { font-family: system-ui !important; color: #ffc408 !important; /* 更换你喜欢的颜色HEX值 */ } /* 服务器标题颜色 */ h3 { color: #ffc408 !important; /* 更换你喜欢的颜色HEX值 */ } /* 统计栏标题修改颜色 */ .grid.w-full.gap-2.text-center.items-center.py-3 label { color: #cb1b45 !important; /* 更换你喜欢的颜色HEX值 */ } /* 硬件信息栏修改颜色 */ .flex.items-center.gap-1 span { color: #cb1b45 !important; /* 更换你喜欢的颜色HEX值 */ } /* 实时信息栏修改颜色 */ .flex.items-center.justify-between span { color: #986db2 !important; /* 更换你喜欢的颜色HEX值 */ } /* 网络负载栏修改颜色 */ .flex.justify-between.text-xs span { color: #00aa90 !important; /* 更换你喜欢的颜色HEX值 */ }</style>颜色网站分享:
评论 (0)