当前位置: 首页 > news >正文

m3颜色定义

### 主色系

- primary:主品牌色,最常出现的强调色
- onPrimary:放在 primary 上面的内容色
- primaryContainer:主色的容器色,通常比 primary 更“柔和”
- onPrimaryContainer:放在 primaryContainer 上的内容色
- inversePrimary:反转场景里使用的主色,比如 Snackbar 之类需要和普通主题相反的地方

### 次色系

- secondary:次级强调色,用来和主色区分开
- onSecondary:放在 secondary 上的内容色
- secondaryContainer:次级容器色
- onSecondaryContainer:放在 secondaryContainer 上的内容色

### 第三色系

- tertiary:第三强调色,用来平衡主色和次色,或者突出某个元素
- onTertiary:放在 tertiary 上的内容色
- tertiaryContainer:第三容器色
- onTertiaryContainer:放在 tertiaryContainer 上的内容色

### 背景和表面

- background:页面最底层背景
- onBackground:放在背景上的文字/图标
- surface:卡片、Sheet、菜单等组件的表面色
- onSurface:放在表面上的内容色
- surfaceVariant:surface 的变体,通常用于次级表面
- onSurfaceVariant:放在 surfaceVariant 上的内容色
- surfaceTint:用于“tonal elevation”的叠色,官方默认通常和 primary 相关

### 反转表面

- inverseSurface:和普通 surface 对比强烈的反转表面
- inverseOnSurface:放在 inverseSurface 上的内容色

### 错误色

- error:错误提示色
- onError:放在 error 上的内容色
- errorContainer:错误容器色
- onErrorContainer:放在 errorContainer 上的内容色

### 边界和遮罩

- outline:边框/分割线的主边界色
- outlineVariant:更弱一些的边界色,装饰性边界常用
- scrim:遮罩色,用于弹窗、抽屉打开时盖住背景

### Surface 容器系列

这些是 Material3 新增的“不同层级的表面容器”:

- surfaceBright
- surfaceDim
- surfaceContainer
- surfaceContainerHigh
- surfaceContainerHighest
- surfaceContainerLow
- surfaceContainerLowest

http://www.jsqmd.com/news/662189/

相关文章:

  • Digital:免费开源数字电路设计与仿真终极指南
  • OpenClaw数据类型:龙虾智能体支持的常用数据类型解析(附使用场景)
  • OpenGL渲染与几何内核那点事-项目实践理论补充(一-3-(6):从“搬砖”到“无人仓”:一个CAD极客的OpenGL性能压榨史,连AI都看呆了——给图形学新手的VBO/VAO全攻略)
  • Spring MVC 01
  • Archon是什么?AI系统架构与Agent框架解析
  • 5分钟搞定:用BLAST快速检测fastq污染源(附Python脚本)
  • Unity ApplyShadowBias 返回什么,什么是Shadow Map 采样,什么是阴影 acne(纹波/摩尔纹) 和 peter-panning(悬空阴影)
  • Windows Subsystem for Android在Windows 10的技术实现与架构解析
  • C++数据成员指针
  • 分人群AI建站工具解决方案:找到最适合你的建站模式
  • 不止是路径线:深入LineRenderer材质UV动画,打造更生动的游戏反馈效果
  • 松下Panasonic 伺服调试 软件 支持MINAS-A A3 A4 B E S 英文版
  • 告别Anchor Boxes!用PyTorch从零实现CenterNet目标检测(附ResNet50主干代码详解)
  • 如何在Windows 10上解锁完整安卓应用生态?终极解决方案来了!
  • AGI科研加速器全栈拆解,深度解析SITS2026披露的4层推理增强架构与2类不可替代性瓶颈
  • Flutter 三方库 serial 的鸿蒙化适配指南—如何在在鸿蒙系统上构建极致、稳定的 Web 串口通信与工业硬软连接实战
  • 总结篇:提示词能力进阶指南
  • 告别卡顿!用C++手搓一个Minimum Snap轨迹生成器,让机器人丝滑过弯
  • Redux DevTools:现代前端开发的调试革命,如何提升3倍调试效率
  • 【AGI终极认知指南】:20年AI架构师拆解大模型与AGI的5大本质鸿沟,99%从业者至今混淆
  • 如何安全升级SillyTavern LLM前端系统
  • NVIDIA Profile Inspector 终极指南:5步快速解决显卡配置应用失败问题
  • 洛雪音乐助手:完全免费的多平台音乐聚合神器,3分钟上手全攻略
  • MinerU_安装部署完全指南
  • 国内专业沉井施工单位推荐——瑞联建设,以专业实力筑牢地下工程 - 中媒介
  • WeMod增强器终极指南:三步免费解锁专业版完整功能
  • 【聚焦制造】结构件与注塑PA6尼龙调湿箱推荐:专注高精度温湿控制的实力厂家 - 品牌推荐大师
  • 保姆级教程:用Python复现CISCN2018 Java密码题,手把手教你写base36转换与多线程爆破脚本
  • Wan2.2-I2V-A14B商业设计:将UI/UX设计稿自动转化为交互原型视频
  • Matlab半对数图实战:semilogx函数从基础到高阶应用解析