Source code
Revision control
Copy as Markdown
Other Tools
{
"background": {
"color": {
"@base": {
"value": {
"light": "rgb(234, 234, 237)",
"dark": "{color.gray.90}",
"nativeTheme": "-moz-headerbar",
"nova": {
"value": {
"light": "{color.white.@base}",
"dark": "{color.gray.70}",
"nativeTheme": "-moz-headerbar"
}
}
}
},
"inactive": {
"value": {
"default": "{toolbox.background.color.@base}",
"nativeTheme": "-moz-headerbarinactive"
}
},
"gradient-leading": {
"override": true,
"value": "unset"
},
"gradient-trailing": {
"override": true,
"value": "unset"
}
},
"gradient": {
"comment": "This gradient is only used for Nova",
"override": true,
"value": {
"default": "unset",
"nova": {
"comment": "This linear-gradient cannot be expressed in Figma",
"value": {
"default": "linear-gradient(96deg, color-mix({toolbox.background.color.gradient-leading} 50%, transparent) 39.84%, color-mix({toolbox.background.color.gradient-trailing} 50%, transparent) 101.72%)",
"nativeTheme": "image(transparent)",
"forcedColors": "image(transparent)"
}
}
}
}
},
"text": {
"color": {
"@base": {
"value": {
"light": "{color.gray.100}",
"dark": "{color.gray.0}",
"nativeTheme": "-moz-headerbartext"
}
},
"inactive": {
"value": {
"default": "{toolbox.text.color.@base}",
"nativeTheme": "-moz-headerbarinactivetext"
}
},
"current": {
"comment": "Figma aliases this to toolbox/text/color so designers see a real color, but CSS must use currentColor: the tab inherits --lwt-text-color under an lwtheme and --toolbox-text-color-inactive in a background window, neither of which --toolbox-text-color tracks. Listed in figma-import.mjs's FIGMA_IGNORES so the alias doesn't overwrite this.",
"value": "currentColor",
"nova": {
"value": "currentColor"
}
}
}
}
}