Source code
Revision control
Copy as Markdown
Other Tools
{
"background": {
"color": {
"@base": {
"value": {
"light": "{color.white.@base}",
"dark": "rgb(66, 65, 77)",
"nativeTheme": "Field",
"forcedColors": "Menu"
}
},
"dimmed": {
"@base": {
"value": "{background.color.dimmed.@base}"
},
"further": {
"value": "{background.color.dimmed.further}"
}
}
}
},
"border": {
"color": {
"value": {
"light": "rgb(240, 240, 244)",
"dark": "rgb(82, 82, 94)",
"nativeTheme": "{border.color.deemphasized.@base}"
}
},
"radius": {
"value": "{border.radius.medium}"
}
},
"box": {
"shadow": {
"@base": {
"value": "0 0 {panel.box.shadow.margin} hsla(0, 0%, 0%, 0.2)"
},
"margin": {
"value": "4px"
}
}
},
"padding": {
"@base": {
"value": "16px"
},
"block": {
"value": "4px"
}
},
"separator": {
"color": {
"ignoreFigma": "color-mix with currentColor cannot be expressed in Figma",
"value": {
"default": "color-mix(in srgb, currentColor 25%, transparent)",
"prefersContrast": "currentColor",
"forcedColors": "{border.color.@base}"
}
},
"padding": {
"@base": {
"value": "{panel.separator.padding.block} {panel.separator.padding.inline}"
},
"block": {
"value": "4px"
},
"inline": {
"value": "8px"
}
}
},
"text": {
"color": {
"value": {
"light": "{color.black.@base}",
"dark": "rgb(251, 251, 254)",
"nativeTheme": "FieldText",
"forcedColors": "MenuText"
}
}
},
"width": {
"value": "initial"
}
}