显示页面 修订记录 反向链接 页面重命名 页面已锁定 本页面目前正被其他用户编辑。您要等到该用户完成编辑或锁定因过期而自动解除后才能编辑。 目前已被下列人员锁定: 110.229.179.166预计锁定解除于: 2026/04/25 12:10 (8 min)本页面只读。您可以查看源文件,但不能更改它。如果您觉得这是系统错误,请联系管理员。 <h1 style="box-sizing: border-box; margin: 0.7em 0px; line-height: 1.25; font-weight: 400; color: rgba(0, 0, 0, 0.54); padding-bottom: 0.3em; font-family: Roboto, sans-serif; white-space: normal; background-color: rgb(250, 250, 250);">色彩</h1><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; color: rgba(0, 0, 0, 0.87); font-family: Roboto, sans-serif; white-space: normal; background-color: rgb(250, 250, 250);">Muse-UI 中所有组件的 <code style="box-sizing: border-box; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; display: inline-block; margin: 0px; background-color: rgb(255, 255, 255); line-height: 26px; vertical-align: top;">color</code> 或者 <code style="box-sizing: border-box; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; display: inline-block; margin: 0px; background-color: rgb(255, 255, 255); line-height: 26px; vertical-align: top;">*-color</code> 属性,都可以使用 <code style="box-sizing: border-box; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; display: inline-block; margin: 0px; background-color: rgb(255, 255, 255); line-height: 26px; vertical-align: top;">primary</code>, <code style="box-sizing: border-box; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; display: inline-block; margin: 0px; background-color: rgb(255, 255, 255); line-height: 26px; vertical-align: top;">secondary</code>, <code style="box-sizing: border-box; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; display: inline-block; margin: 0px; background-color: rgb(255, 255, 255); line-height: 26px; vertical-align: top;">success</code>, <code style="box-sizing: border-box; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; display: inline-block; margin: 0px; background-color: rgb(255, 255, 255); line-height: 26px; vertical-align: top;">warning</code>, <code style="box-sizing: border-box; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; display: inline-block; margin: 0px; background-color: rgb(255, 255, 255); line-height: 26px; vertical-align: top;">info</code>, <code style="box-sizing: border-box; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; display: inline-block; margin: 0px; background-color: rgb(255, 255, 255); line-height: 26px; vertical-align: top;">error</code>, 或者 <a href="https://material.io/" style="box-sizing: border-box; background-color: transparent; text-decoration-line: none; color: rgb(255, 64, 129); user-select: none;">Material Design</a> 规范中的所有色彩名称。</p><h2 style="box-sizing: border-box; margin-top: 1em; margin-bottom: 16px; line-height: 1.334; font-weight: 400; color: rgba(0, 0, 0, 0.54); padding-bottom: 0.3em; font-family: Roboto, sans-serif; white-space: normal; background-color: rgb(250, 250, 250);"><a href="https://muse-ui.org/#zai-zu-jian-zhong-shi-yong-color" class="header-anchor" style="box-sizing: border-box; background-color: transparent; text-decoration-line: none; color: rgb(33, 150, 243); user-select: none; margin-left: -18px; visibility: hidden; opacity: 0.5;"></a> 在组件中使用 color</h2><p><span class=" mu-icon material-icons " style="box-sizing: border-box; font-family: "Material Icons"; display: inline-block; overflow-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-feature-settings: "liga"; line-height: 1; text-transform: none; user-select: none;">cloud</span></p><p><span class=" mu-icon material-icons " style="box-sizing: border-box; font-family: "Material Icons"; display: inline-block; overflow-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-feature-settings: "liga"; line-height: 1; text-transform: none; user-select: none;">code</span></p><p>PRIMARY</p><p>SUCCESS</p><p>INDIGO400</p><p>CUSTOM</p><h2 style="box-sizing: border-box; margin-top: 1em; margin-bottom: 16px; line-height: 1.334; font-weight: 400; color: rgba(0, 0, 0, 0.54); padding-bottom: 0.3em; font-family: Roboto, sans-serif; white-space: normal; background-color: rgb(250, 250, 250);"><a href="https://muse-ui.org/#color-lei-shi-yong" class="header-anchor" style="box-sizing: border-box; background-color: transparent; text-decoration-line: none; color: rgb(33, 150, 243); user-select: none; margin-left: -18px; visibility: hidden; opacity: 0.5;"></a> Color 类使用</h2><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; color: rgba(0, 0, 0, 0.87); font-family: Roboto, sans-serif; white-space: normal; background-color: rgb(250, 250, 250);">Muse-UI Color 类,定义了 <a href="https://material.io/" style="box-sizing: border-box; background-color: transparent; text-decoration-line: none; color: rgb(255, 64, 129); user-select: none;">Material Design</a> 规范的中所有的色彩。</p><pre class="hljs" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 13.6px; line-height: 1.45; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; word-break: break-all; margin-top: 0px; margin-bottom: 16px; overflow: auto; padding: 16px; color: rgb(56, 58, 66); background-color: rgb(255, 255, 255); overflow-wrap: normal;">import theme from 'muse-ui/lib/theme';import * as colors from 'muse-ui/lib/theme/colors'; theme.add('custom-theme', { primary: colors.indigo, secondary: colors.pinkA200 });</pre><p><br/></p>