Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 54 additions & 0 deletions tokens/dtcg/token_borders_Defaultmode.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
{
"border radius": {
"lg": {
"$type": "number",
"$value": "{scale.300}"
},
"md (default)": {
"$type": "number",
"$value": "{scale.200}"
},
"none": {
"$type": "number",
"$value": "{scale.0}"
},
"pill": {
"$type": "number",
"$value": "{scale.1800}"
},
"sm": {
"$type": "number",
"$value": "{scale.100}"
},
"xl": {
"$type": "number",
"$value": "{scale.600}"
},
"xxl": {
"$type": "number",
"$value": "{scale.1000}"
}
},
"stroke weight": {
"lg": {
"$type": "number",
"$value": 3
},
"md": {
"$type": "number",
"$value": 2
},
"sm (default)": {
"$type": "number",
"$value": 1
},
"xl": {
"$type": "number",
"$value": 4
},
"xxl": {
"$type": "number",
"$value": 5
}
}
}
340 changes: 340 additions & 0 deletions tokens/dtcg/token_colors_Light.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,340 @@
{
"bg": {
"feedback": {
"danger": {
"default": {
"$type": "color",
"$value": "{bg.interactive.destructive.default}"
},
"subtle": {
"$type": "color",
"$value": "{color.red.100}"
}
},
"info": {
"default": {
"$type": "color",
"$value": "{color.cyan.500}"
},
"subtle": {
"$type": "color",
"$value": "{color.cyan.100}"
}
},
"primary": {
"default": {
"$type": "color",
"$value": "{color.blue.500}"
},
"subtle": {
"$type": "color",
"$value": "{color.blue.100}"
}
},
"secondary": {
"subtle": {
"$type": "color",
"$value": "{color.gray.100}"
}
},
"success": {
"default": {
"$type": "color",
"$value": "{color.green.500}"
},
"subtle": {
"$type": "color",
"$value": "{color.green.100}"
}
},
"warning": {
"default": {
"$type": "color",
"$value": "{color.yellow.500}"
},
"subtle": {
"$type": "color",
"$value": "{color.yellow.100}"
}
}
},
"interactive": {
"destructive": {
"active": {
"$type": "color",
"$value": "{color.red.700}"
},
"default": {
"$type": "color",
"$value": "{color.red.500}"
},
"disabled": {
"$type": "color",
"$value": "{color.red.300}"
},
"hover": {
"$type": "color",
"$value": "{color.red.600}"
}
},
"primary": {
"active": {
"$type": "color",
"$value": "{color.blue.700}"
},
"default": {
"$type": "color",
"$value": "{color.blue.500}"
},
"disabled": {
"$type": "color",
"$value": "{color.blue.300}"
},
"hover": {
"$type": "color",
"$value": "{color.blue.600}"
}
},
"secondary": {
"active": {
"$type": "color",
"$value": "{bg.interactive.secondary.default}"
},
"default": {
"$type": "color",
"$value": "{color.gray.400}"
},
"disabled": {
"$type": "color",
"$value": "{color.gray.200}"
},
"hover": {
"$type": "color",
"$value": "{color.gray.300}"
}
}
},
"surface": {
"default": {
"$type": "color",
"$value": "{color.gray.white}"
},
"strong": {
"$type": "color",
"$value": "{color.gray.200}"
},
"subtle": {
"$type": "color",
"$value": "{color.gray.100}"
}
}
},
"border": {
"default": {
"$type": "color",
"$value": "{color.gray.300}"
},
"feedback": {
"danger": {
"$type": "color",
"$value": "{color.red.200}"
},
"info": {
"$type": "color",
"$value": "{color.cyan.200}"
},
"primary": {
"$type": "color",
"$value": "{color.blue.200}"
},
"secondary": {
"$type": "color",
"$value": "{color.gray.200}"
},
"success": {
"$type": "color",
"$value": "{color.green.200}"
},
"warning": {
"$type": "color",
"$value": "{color.yellow.200}"
}
},
"interactive": {
"danger": {
"active": {
"$type": "color",
"$value": "{color.red.600}"
},
"default": {
"$type": "color",
"$value": "{bg.interactive.destructive.default}"
},
"disabled": {
"$type": "color",
"$value": "{color.red.300}"
},
"hover": {
"$type": "color",
"$value": "{bg.interactive.destructive.default}"
}
},
"primary": {
"active": {
"$type": "color",
"$value": "{color.blue.600}"
},
"default": {
"$type": "color",
"$value": "{bg.interactive.primary.default}"
},
"disabled": {
"$type": "color",
"$value": "{color.blue.300}"
},
"hover": {
"$type": "color",
"$value": "{bg.interactive.primary.default}"
}
},
"secondary": {
"active": {
"$type": "color",
"$value": "{color.gray.700}"
},
"default": {
"$type": "color",
"$value": "{color.gray.600}"
},
"disabled": {
"$type": "color",
"$value": "{color.gray.500}"
},
"hover": {
"$type": "color",
"$value": "{color.gray.600}"
}
}
},
"subtle": {
"$type": "color",
"$value": "{color.gray.200}"
},
"translucent": {
"$type": "color",
"$value": "#00000000"
}
},
"brand": {
"Secondary": {
"bright blue": {
"$type": "color",
"$value": "{color.brand.blue.100}"
},
"dark grey": {
"$type": "color",
"$value": "{color.brand.gray.200}"
},
"light blue": {
"$type": "color",
"$value": "{color.brand.blue.200}"
},
"light grey": {
"$type": "color",
"$value": "{color.brand.gray.100}"
},
"light peach": {
"$type": "color",
"$value": "{color.brand.orange.100}"
},
"medium peach": {
"$type": "color",
"$value": "{color.brand.orange.200}"
},
"peach": {
"$type": "color",
"$value": "{color.brand.orange.300}"
}
},
"primary": {
"moodle black": {
"$type": "color",
"$value": "{color.brand.gray.300}"
},
"moodle blue": {
"$type": "color",
"$value": "{color.brand.blue.300}"
},
"orange": {
"$type": "color",
"$value": "{color.brand.orange.400}"
}
}
},
"focus": {
"default": {
"$type": "color",
"$value": "{border.interactive.primary.default}"
}
},
"text": {
"default": {
"$type": "color",
"$value": "{color.gray.900}"
},
"emphasis": {
"$type": "color",
"$value": "{color.gray.black}"
},
"feedback": {
"danger": {
"$type": "color",
"$value": "{color.red.800}"
},
"info": {
"$type": "color",
"$value": "{color.cyan.800}"
},
"primary": {
"$type": "color",
"$value": "{color.blue.800}"
},
"secondary": {
"$type": "color",
"$value": "{color.gray.800}"
},
"success": {
"$type": "color",
"$value": "{color.green.800}"
},
"warning": {
"$type": "color",
"$value": "{color.yellow.800}"
}
},
"inverse": {
"$type": "color",
"$value": "{color.gray.100}"
},
"link": {
"primary": {
"default": {
"$type": "color",
"$value": "{bg.interactive.primary.default}"
},
"hover": {
"$type": "color",
"$value": "{bg.interactive.primary.hover}"
}
}
},
"muted": {
"$type": "color",
"$value": "{color.gray.600}"
},
"subtle": {
"$type": "color",
"$value": "{color.gray.700}"
}
}
}
Loading
Loading