微信小程序的可用颜色包括以下几种:
- 系统默认色:
暗黑模式:#000000(黑色)和#FFFFFF(白色)。
浅色模式:#FFFFFF(白色)和#000000(黑色),这是基于系统设置的浅色主题。
- 微信官方色:
- 微信官方色是#1AAD19,代表绿色。
- 主题色:
- 微信小程序支持自定义主题色,但需注意,自定义的主题色必须符合CSS颜色值规范,并且不能使用透明色。
- 可交互的颜色:
按钮的默认状态颜色为#FFFFFF。
鼠标悬停状态下的按钮颜色为#1AAD19。
输入框的默认状态文字颜色为#000000,选中状态文字颜色为#FFFFFF。
选项卡的默认状态颜色为#FFFFFF,选中状态颜色为#1AAD19。
开关按钮的默认状态颜色为#FFFFFF,选中状态颜色为#1AAD19。
滑块组件的滑块默认颜色为#FFFFFF,滑块选中颜色为#1AAD19。
选择器的默认状态图标颜色为#FFFFFF,选择器选中图标颜色为#1AAD19。
轻触激活状态图标颜色为#FFFFFF,轻触激活状态文字颜色为#000000。
输入框的文字颜色分为两种情况:普通输入框文字颜色为#000000,密码输入框文字颜色为#FFFFFF。
文本框的默认文字颜色为#000000,选中文字颜色为#FFFFFF。
选项卡按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。
开关按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。
滑块组件的滑块默认颜色为#FFFFFF,滑块选中颜色为#1AAD19。
选择器的默认图标颜色为#FFFFFF,选择器选中图标颜色为#1AAD19。
轻触激活状态图标颜色为#FFFFFF,轻触激活状态文字颜色为#000000。
输入框的文字颜色分为两种情况:普通输入框文字颜色为#000000,密码输入框文字颜色为#FFFFFF。
文本框的默认文字颜色为#000000,选中文字颜色为#FFFFFF。
选项卡按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。
开关按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。
滑块组件的滑块默认颜色为#FFFFFF,滑块选中颜色为#1AAD19。
选择器的默认图标颜色为#FFFFFF,选择器选中图标颜色为#1AAD19。
轻触激活状态图标颜色为#FFFFFF,轻触激活状态文字颜色为#000000。
输入框的文字颜色分为两种情况:普通输入框文字颜色为#000000,密码输入框文字颜色为#FFFFFF。
文本框的默认文字颜色为#000000,选中文字颜色为#FFFFFF。
选项卡按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。
开关按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。
滑块组件的滑块默认颜色为#FFFFFF,滑块选中颜色为#1AAD19。
选择器的默认图标颜色为#FFFFFF,选择器选中图标颜色为#1AAD19。
轻触激活状态图标颜色为#FFFFFF,轻触激活状态文字颜色为#000000。
输入框的文字颜色分为两种情况:普通输入框文字颜色为#000000,密码输入框文字颜色为#FFFFFF。
文本框的默认文字颜色为#000000,选中文字颜色为#FFFFFF。
选项卡按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。
开关按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。
滑块组件的滑块默认颜色为#FFFFFF,滑块选中颜色为#1AAD19。
选择器的默认图标颜色为#FFFFFF,选择器选中图标颜色为#1AAD19。
轻触激活状态图标颜色为#FFFFFF,轻触激活状态文字颜色为#000000。
输入框的文字颜色分为两种情况:普通输入框文字颜色为#000000,密码输入框文字颜色为#FFFFFF。
文本框的默认文字颜色为#000000,选中文字颜色为#FFFFFF。
选项卡按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。
开关按钮的默认颜色为#FFFFFF,选中状态颜色为#1AAD19。
滑块组件的滑块默认颜色为#FFFFFF,滑块选中颜色为#1AAD19。
选择器的默认图标颜色为#FFFFFF,选择器选中图标颜色为#1AAD19。
轻触激活状态图标颜色为#FFFFFF,轻触激活状态文字颜色为#000000。
- 其他辅助色:
#FF0000(红色)
#00FF00(绿色)
#0000FF(蓝色)
#FFFF00(黄色)
#FF00FF(紫色)
#C0C0C0(灰色)
请注意,这些颜色并非全部直接用于小程序开发,而是作为参考或用于特定效果。在实际应用中,开发者应结合小程序的设计规范和用户习惯来选择合适的颜色。