D
D
Developers
Search…
Supernova Developer Platform
Getting Started
Obtaining Production Code
Automating Code Delivery
Building Exporters
Design System Model
Design Tokens
Color
Font
Gradient
Shadow
Border
Radius
Measure
Typography
Text
Token Groups
Design System
Version
Function List
Pulsar Language
Exporter Examples
Coming Next
Powered By
GitBook
Color
Color tokens define one single color, such as
#FFFFFF
.
Example Token Payload
This is what the color payload looks like:
1
{
2
"id"
:
string
3
"name"
:
string
4
"description"
:
string
5
"tokenType"
:
"Color"
6
"origin"
:
ItemOrigin
|
null
7
"value"
:
{
8
"hex"
:
string
9
"r"
:
int
(
0
-
255
)
,
10
"g"
:
int
(
0
-
255
)
,
11
"b"
:
int
(
0
-
255
)
,
12
"a"
:
int
(
0
-
255
)
,
13
"referencedToken"
:
Color
|
null
14
}
15
}
Copied!
Associated functions
You can use the following functions to retrieve color tokens from your design system:
​
@ds.allTokens
​
​
@ds.tokensByType
(with
"Color"
) attribute
​
@ds.tokensByGroupId
​
Previous
Design Tokens
Next
Font
Last modified
6mo ago
Copy link
Contents
Example Token Payload
Associated functions