颜色/h1>
betway东盟体育app离子具有九种默认颜色,可用于更改许多组件的颜色。每种颜色实际上都是多个属性的集合,包括
阴影/code>
和
着色/code>
,整个离子。betway东盟体育app/p>
可以将颜色应用于离子组件,以便使用默认颜色使用betway东盟体育app
颜色/code>
属性。在下面的按钮中注意,文本和背景根据
颜色/code>
放。当没有
颜色/code>
设置它使用的按钮
基本的/code>
默认情况下颜色。/p>
<//span>
离子巴顿/span>
>//span>
默认
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
基本的
“/span>
>//span>
基本的
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
次要
“/span>
>//span>
次要
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
第三
“/span>
>//span>
第三
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
成功
“/span>
>//span>
成功
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
警告
“/span>
>//span>
警告
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
危险
“/span>
>//span>
危险
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
光
“/span>
>//span>
光
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
中等的
“/span>
>//span>
中等的
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
黑暗的
“/span>
>//span>
黑暗的
//span>
离子巴顿/span>
>//span>
分层颜色/a>
每种颜色都包含以下属性:
根据/code>
,,,,
对比/code>
,,,,
阴影/code>
, 和
着色/code>
。这
根据/code>
和
对比/code>
颜色也需要一个
RGB/code>
属性是相同颜色的,只是在
RGB格式/a>
。看
α问题/a>
为了解释为什么
RGB/code>
还需要属性。从下面的下拉列表中进行选择,以查看Ionic提供的所有默认颜色及其变化。betway东盟体育app//p>
修改颜色/a>
为了更改颜色的默认值,应设置该颜色的所有列出的变体。例如,将次要颜色更改为
#006600/code>
,设置以下CSS属性:/p>
:根/span>
{//span>
- 彩色 - 上学/span>
:/span>
#006600
;/span>
- 彩色 - 陶瓷rgb/span>
:/span>
0
,,,,/span>
102
,,,,/span>
0
;/span>
- 离子 - 彩色 - 对比度/span>
:/span>
#ffffff
;/span>
- 离子 - 彩色 - 对比度RGB/span>
:/span>
255
,,,,/span>
255
,,,,/span>
255
;/span>
- 彩色彩色涂抹/span>
:/span>
#005A00
;/span>
- 彩色 - 院校/span>
:/span>
#1A751A
;/span>
}//span>
什么时候
次要/code>
应用于按钮,不仅是基本颜色
#006600/code>
使用,但对比颜色
#ffffff/code>
用于文本,以及阴影
#005A00/code>
和色彩
#1A751A/code>
按钮不同状态的颜色。/p>
不确定如何从基本颜色中获取变化颜色?试试我们
颜色生成器/a>
这可以计算所有变体,并提供代码将/粘贴到应用程序中!/p>
看到
CSS变量文档/a>
有关CSS变量的更多信息。/p>
添加颜色/a>
可以通过设置颜色在整个应用程序中添加颜色
颜色/code>
离子组件上的属性,或与CSS进betway东盟体育app行样式。继续阅读以查看如何手动添加新颜色或使用
新的颜色创建者/a>
下面的快速方法可以生成新颜色的代码,以复制并粘贴到应用程序中。/p>
要添加新颜色,请首先定义CSS变量的所有颜色变化。例如,添加一种称为的新颜色
最喜欢的/code>
,我们可以定义以下变量:/p>
:根/span>
{//span>
- 彩色最佳/span>
:/span>
#69BB7B
;/span>
- 彩色最佳rgb/span>
:/span>
105
,,,,/span>
187
,,,,/span>
123
;/span>
- 彩色最佳对比/span>
:/span>
#ffffff
;/span>
- 彩色最佳对比度-RGB/span>
:/span>
255
,,,,/span>
255
,,,,/span>
255
;/span>
- 彩色最喜欢的阴影/span>
:/span>
#5CA56C
;/span>
- 彩色最佳色彩/span>
:/span>
#78C288
;/span>
}//span>
然后,创建一个使用这些CSS变量的新类。班上
必须/strong>
以格式写
.ion-color- {color}/code>
在哪里
{颜色}/code>
是要添加的颜色的名称:/p>
.ion-color的最爱/span>
{//span>
- 彩色基础/span>
:/span>
var/span>
((/span>
- 彩色最佳
)/span>
;/span>
- 离子颜色碱-RGB/span>
:/span>
var/span>
((/span>
- 彩色最佳rgb
)/span>
;/span>
- 离子色对比/span>
:/span>
var/span>
((/span>
- 彩色最佳对比
)/span>
;/span>
- 离子 - 颜色对比-RGB/span>
:/span>
var/span>
((/span>
- 彩色最佳对比度-RGB
)/span>
;/span>
- 彩色颜色/span>
:/span>
var/span>
((/span>
- 彩色最喜欢的阴影
)/span>
;/span>
- 彩色/span>
:/span>
var/span>
((/span>
- 彩色最佳色彩
)/span>
;/span>
}//span>
添加课后,可以在任何支持该的离子组件上使用颜色betway东盟体育app
颜色/code>
财产。使用
最喜欢的/code>
离子按钮上的颜色在下面。betway东盟体育app/p>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
最喜欢的
“/span>
>//span>
最喜欢的
//span>
离子巴顿/span>
>//span>
在根处定义的CSS变量也可以用于使用CSS样式。/p>
div/span>
{//span>
背景/span>
:/span>
var/span>
((/span>
- 彩色最佳
)/span>
;/span>
颜色/span>
:/span>
var/span>
((/span>
- 彩色最佳对比
)/span>
;/span>
}//span>
看到
CSS变量文档/a>
有关设置和使用CSS变量的更多信息。/p>
新的颜色创建者/a>
通过更改名称和值来创建下面的新颜色,然后将下面的代码复制并粘贴到您的项目中。/p>
以前的/div>
CSS阴影零件/span>
下一个/div>
主题/span>
betway东盟体育app离子具有九种默认颜色,可用于更改许多组件的颜色。每种颜色实际上都是多个属性的集合,包括
可以将颜色应用于离子组件,以便使用默认颜色使用betway东盟体育app
每种颜色都包含以下属性:
为了更改颜色的默认值,应设置该颜色的所有列出的变体。例如,将次要颜色更改为
什么时候
不确定如何从基本颜色中获取变化颜色?试试我们
看到
可以通过设置颜色在整个应用程序中添加颜色
要添加新颜色,请首先定义CSS变量的所有颜色变化。例如,添加一种称为的新颜色
然后,创建一个使用这些CSS变量的新类。班上
必须/strong>
以格式写
添加课后,可以在任何支持该的离子组件上使用颜色betway东盟体育app
在根处定义的CSS变量也可以用于使用CSS样式。/p>
看到
通过更改名称和值来创建下面的新颜色,然后将下面的代码复制并粘贴到您的项目中。/p>
阴影/code>
和
着色/code>
,整个离子。betway东盟体育app/p>
颜色/code>
属性。在下面的按钮中注意,文本和背景根据
颜色/code>
放。当没有
颜色/code>
设置它使用的按钮
基本的/code>
默认情况下颜色。/p>
<//span>
离子巴顿/span>
>//span>
默认
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
基本的
“/span>
>//span>
基本的
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
次要
“/span>
>//span>
次要
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
第三
“/span>
>//span>
第三
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
成功
“/span>
>//span>
成功
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
警告
“/span>
>//span>
警告
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
危险
“/span>
>//span>
危险
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
光
“/span>
>//span>
光
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
中等的
“/span>
>//span>
中等的
//span>
离子巴顿/span>
>//span>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
黑暗的
“/span>
>//span>
黑暗的
//span>
离子巴顿/span>
>//span>
分层颜色/a>
根据/code>
,,,,
对比/code>
,,,,
阴影/code>
, 和
着色/code>
。这
根据/code>
和
对比/code>
颜色也需要一个
RGB/code>
属性是相同颜色的,只是在
RGB格式/a>
。看
α问题/a>
为了解释为什么
RGB/code>
还需要属性。从下面的下拉列表中进行选择,以查看Ionic提供的所有默认颜色及其变化。betway东盟体育app//p>
修改颜色/a>
#006600/code>
:根/span>
{//span>
- 彩色 - 上学/span>
:/span>
#006600
;/span>
- 彩色 - 陶瓷rgb/span>
:/span>
0
,,,,/span>
102
,,,,/span>
0
;/span>
- 离子 - 彩色 - 对比度/span>
:/span>
#ffffff
;/span>
- 离子 - 彩色 - 对比度RGB/span>
:/span>
255
,,,,/span>
255
,,,,/span>
255
;/span>
- 彩色彩色涂抹/span>
:/span>
#005A00
;/span>
- 彩色 - 院校/span>
:/span>
#1A751A
;/span>
}//span>
次要/code>
应用于按钮,不仅是基本颜色
#006600/code>
#ffffff/code>
#005A00/code>
#1A751A/code>
添加颜色/a>
颜色/code>
离子组件上的属性,或与CSS进betway东盟体育app行样式。继续阅读以查看如何手动添加新颜色或使用
新的颜色创建者/a>
下面的快速方法可以生成新颜色的代码,以复制并粘贴到应用程序中。/p>
最喜欢的/code>
,我们可以定义以下变量:/p>
:根/span>
{//span>
- 彩色最佳/span>
:/span>
#69BB7B
;/span>
- 彩色最佳rgb/span>
:/span>
105
,,,,/span>
187
,,,,/span>
123
;/span>
- 彩色最佳对比/span>
:/span>
#ffffff
;/span>
- 彩色最佳对比度-RGB/span>
:/span>
255
,,,,/span>
255
,,,,/span>
255
;/span>
- 彩色最喜欢的阴影/span>
:/span>
#5CA56C
;/span>
- 彩色最佳色彩/span>
:/span>
#78C288
;/span>
}//span>
.ion-color- {color}/code>
在哪里
{颜色}/code>
是要添加的颜色的名称:/p>
.ion-color的最爱/span>
{//span>
- 彩色基础/span>
:/span>
var/span>
((/span>
- 彩色最佳
)/span>
;/span>
- 离子颜色碱-RGB/span>
:/span>
var/span>
((/span>
- 彩色最佳rgb
)/span>
;/span>
- 离子色对比/span>
:/span>
var/span>
((/span>
- 彩色最佳对比
)/span>
;/span>
- 离子 - 颜色对比-RGB/span>
:/span>
var/span>
((/span>
- 彩色最佳对比度-RGB
)/span>
;/span>
- 彩色颜色/span>
:/span>
var/span>
((/span>
- 彩色最喜欢的阴影
)/span>
;/span>
- 彩色/span>
:/span>
var/span>
((/span>
- 彩色最佳色彩
)/span>
;/span>
}//span>
颜色/code>
财产。使用
最喜欢的/code>
离子按钮上的颜色在下面。betway东盟体育app/p>
<//span>
离子巴顿/span>
颜色/span>
=//span>
“/span>
最喜欢的
“/span>
>//span>
最喜欢的
//span>
离子巴顿/span>
>//span>
div/span>
{//span>
背景/span>
:/span>
var/span>
((/span>
- 彩色最佳
)/span>
;/span>
颜色/span>
:/span>
var/span>
((/span>
- 彩色最佳对比
)/span>
;/span>
}//span>
新的颜色创建者/a>