蓝莓应用

深色模式

本页内容

蓝莓资源 ​

颜色 ​

  • 主题色：
    • Material Design： Blue 600 #1E88E5
    • Fluent Design： colorPaletteBlueBorderActive #0078d4
  • 危险色：
    • Material Design： Red 600 #E53935

TIP

您可以根据您的软件 UI 设计适当更换这些颜色

标志 ​

符合“蓝色应用”规范的应用可以添加“蓝色应用”标签，吸引更多用户。

  • 计算规则：
    • 背景色：
      • 主题色百分比：得分 / 100
      • 错误色百分比：1 - 主题色百分比
      • rgb((主题红色 * 主题色百分比 + 错误红色 * 错误色百分比), (主题绿色 * 主题色百分比 + 错误绿色 * 错误色百分比), (主题蓝色 * 主题色百分比 + 错误蓝色 * 错误色百分比))
    • 等级：Math.round((得分-60)/10+1)
颜色计算代码
js
function getBadgeColor(primaryColor, dangerColor, score) {
    const percent = score / 100
    const r = Math.round(getColor(primaryColor, 0x1000000) * percent + getColor(dangerColor, 0x1000000) * (1 - percent))
    const g = Math.round(getColor(primaryColor, 0x10000) * percent + getColor(dangerColor, 0x10000) * (1 - percent))
    const b = Math.round(getColor(primaryColor, 0x100) * percent + getColor(dangerColor, 0x100) * (1 - percent))
    return '#' + Math.round(r * 0x1000000 + g * 0x10000 + b * 0x100 + 0xFF).toString(16).padStart(8, '0')
}
ts
function getBadgeColor(primaryColor: number, dangerColor: number, score: number): string {
    const percent = score / 100
    const r = Math.round(getColor(primaryColor, 0x1000000) * percent + getColor(dangerColor, 0x1000000) * (1 - percent))
    const g = Math.round(getColor(primaryColor, 0x10000) * percent + getColor(dangerColor, 0x10000) * (1 - percent))
    const b = Math.round(getColor(primaryColor, 0x100) * percent + getColor(dangerColor, 0x100) * (1 - percent))
    return '#' + Math.round(r * 0x1000000 + g * 0x10000 + b * 0x100 + 0xFF).toString(16).padStart(8, '0')
}

应用查询 ​

您需要在软件内或者软件文档内合适的位置添加查询链接以查询是否被蓝色软件团队收录，以获取用户信任。

  • 查询链接：https://xxxx.xxxx/xxxx/xxxx 敬请期待