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>

颜色网站分享:

https://tools.miku.ac/china_colors/

https://tools.miku.ac/japan_colors/