本文档讨论了用于为机构创建自定义 Canvas 主题的组件。
主题编辑器允许管理员使用颜色和图像为机构创建自定义 Canvas 主题。但是，如果用户启用了“高对比度样式”功能设置，则图像、徽标和水印将不会显示。有关图像文件的具体帮助，请参阅[此处]。Canvas主题编辑器图像模板资源文档。
您也可以分别将自定义 CSS 和 JavaScript 文件上传到主题编辑器，用于 HTML 视图和 Canvas 应用视图。但是请注意，自定义文件可能会覆盖高对比度样式支持的颜色；例如，如果您在自定义 CSS 文件中将链接颜色更改为红色，则对于使用高对比度样式的用户，该链接也会显示为红色，这可能会导致辅助功能问题。正如主题编辑器上传窗口中所述，使用自定义 CSS/JS 文件是一种选择，但这意味着您需要负责维护任何与 Canvas 在主题编辑器中支持的功能相冲突的代码。
除非另有说明，以下主题编辑器组件适用于 Canvas 的网页版。部分全局品牌和全局导航组件也适用于 Canvas 移动应用。
全球品牌推广
品牌主色：Canvas 中使用的主色，主要用于课程导航链接和仪表盘切换图标。在 Canvas 学生版和 Canvas 教师版应用中，用于全局导航、收件箱和课程选择的颜色。默认值为 #008ee2。
主文本颜色：Canvas 中所有文本使用的颜色。用于在 Canvas 学生版、Canvas 教师版和 Canvas 家长版应用程序的登录页面输入文本时。默认值为 #2d3b45。
链接颜色：Canvas 中所有超链接使用的颜色。用于外部链接图标和下载图标。也显示在移动登录页面的“忘记密码”链接中。默认值为 #008ee2。
主按钮Canvas 中主要按钮的颜色；如果未设置颜色，则主按钮默认使用主色。此功能用于设置 Canvas 学生版和 Canvas 教师版应用中所有按钮和链接的主题。此外，它还用于设置 Canvas 学生版、Canvas 教师版和 Canvas 家长版应用中的登录按钮颜色。
主按钮文本：主按钮中显示的文本颜色。用于 Canvas 学生版、Canvas 教师版和 Canvas 家长版应用中的登录按钮文本。默认值为 #ffffff。
辅助按钮Canvas 中辅助按钮的颜色。默认值为 #2d3b45。该组件目前未在 Canvas 界面中使用。
辅助按钮文本：辅助按钮中显示的文本颜色。默认值为 #ffffff。该组件目前未在 Canvas 界面中使用。
全球导航
导航背景：全局导航菜单的背景颜色。也用于设置网页浏览器地址栏的背景颜色。默认值为 #394b58。
导航图标：全局导航菜单中图标的颜色。也用于为 SpeedGrader 中的“可见性”和“设置”图标着色。默认值为 #ffffff。
导航图标已激活：全局导航菜单中活动（选中）图标的颜色。如果未设置颜色，则导航活动图标将采用主色。
导航文本：全局导航菜单中的文本颜色。也用于为 Canvas 学生版和 Canvas 教师版应用中顶部导航栏的文本着色。此外，导航文本颜色还用于为 SpeedGrader 中的成绩簿图标着色。默认值为 #ffffff。
导航文本已激活：全局导航菜单中活动文本的颜色。如果未设置颜色，则导航活动文本将采用链接颜色。
导航头像边框：用于帐户链接图标周围边框的颜色。默认值为 #ffffff。
导航徽章：用于收件箱图标中未读邮件徽章的颜色。如果未设置颜色，导航徽章将使用主色。
导航徽章已激活：全局导航菜单中激活（选中）徽章的颜色。如果未设置颜色，则激活的导航徽章将采用主色。
导航徽章文字：用于显示收件箱图标中未读邮件数量的颜色。如果未设置颜色，则导航徽章默认使用主色。
导航徽章文本已激活：全局导航菜单中活动文本的颜色。如果未设置颜色，则导航徽章活动文本将采用链接颜色。
导航标志背景：全局导航菜单中徽标的背景颜色。默认值为 #394b58。
导航标志：全局导航菜单顶部的徽标（支持 svg、png 和 jpg 文件）。也用作 iOS 设备上 Canvas 学生版和 Canvas 教师版应用顶部导航栏的徽标。默认徽标为 Canvas 徽标。
水印及其他图像
水印：页面内容后方显示的浅色背景图片；显示尺寸取决于上传的文件大小，因此如果图片太小或太大，请相应地调整图片大小（支持 png、svg、gif、jpg 文件）。默认情况下不显示图片。
水印不透明度：水印的透明度（不透明度）。默认值为 100%（图像完全不透明）。
网站图标：显示在浏览器标签页中的小图标（支持 16x16、32x32 和 48x48 的 ico 文件）。默认为 Canvas 图标。
手机主屏幕图标：当 Canvas 在移动设备的浏览器中被添加到书签时显示的图标（支持 180x180 像素的 PNG 文件）。默认图标为 Apple 触控图标。
Windows 8 及更高版本的用户可以将网站和应用固定到 Windows 手机的主屏幕。Windows 字段是可选的，但允许您为 Windows 手机用户提供自定义选项。不过，Windows 磁贴仍会显示主题编辑器中设置的网站图标（如果有）。
Windows 磁贴颜色：窗口磁贴的颜色。如果未设置颜色，则窗口磁贴颜色将采用主色。
Windows 磁贴图像方块：Windows 磁贴方形版本的图像（支持标准磁贴尺寸的 1.8 倍（558x558 svg、png、jpg、gif 文件）。默认为 Windows 磁贴图像。
Windows 平铺图像宽：Windows磁贴宽屏版本图像（支持558x270像素的svg、png、jpg、gif文件）。默认图像为Windows磁贴图像。
右侧边栏徽标：徽标显示在 Canvas 控制面板右侧边栏上方，但在平板电脑或屏幕分辨率较低的浏览器窗口中查看时，由于空间限制，徽标可能无法显示；显示尺寸取决于上传的文件大小，但建议的图片尺寸为 360x140（支持 svg、png、jpg、gif 格式）。默认情况下不显示图片。
登录界面
目前移动端登录页面不支持登录界面组件，但支持来自全局品牌组件的有限品牌标识。请注意，单点登录链接会继承主题编辑器中的设置。
背景颜色：登录背景颜色。默认值为 #394b58。
背景图片：登录背景图片。默认情况下不显示图片。
身体阴影：身体阴影颜色。默认值为#2d3b45。
登录徽标：登录页面顶部显示的徽标。默认徽标为 Canvas 徽标。
顶部盒子背景：画布徽标、表单和页脚周围外框的颜色。默认值为无颜色。
顶部框边框：顶部方框边框的颜色。默认值为无颜色。
内盒背景：画布徽标、表单和页脚周围内框的颜色。默认值为无颜色。
内框边框：内框边框颜色。默认值为无颜色。
表单背景：登录标签、密码输入框、“忘记密码”链接和“登录”按钮的背景颜色。默认值为无颜色。
表单边框：表单背景边框的颜色。默认值为无颜色。
登录标签：登录标签、密码和“保持登录状态”复选框文本的颜色。默认值为 #ffffff。
登录链接颜色：登录按钮轮廓、登录按钮文本、内部链接、注销按钮轮廓和注销按钮文本的颜色。默认值为 #ffffff。
登录页脚链接：页脚链接的颜色。默认值为#ffffff。
登录页脚链接悬停：鼠标悬停时页脚链接的颜色。默认值为#ffffff。
登录 Instructure 徽标：By Instructure 标志的颜色。默认值为 #ffffff。
您也可以通过以下 Canvas 指南访问此资源：