Source code
Revision control
Copy as Markdown
Other Tools
{
"background": {
"color": {
"@base": {
"value": {
"nativeTheme": "transparent",
"default": "{button.background.color.@base}"
}
},
"selected": {
"value": {
"nativeTheme": "{toolbar.background.color}",
"default": "{background.color.box.@base}",
"forcedColors": "{button.background.color.selected}"
}
}
}
},
"border": {
"color": {
"@base": {
"value": {
"default": "transparent",
"forcedColors": "{button.border.color.@base}"
}
},
"hover": {
"value": {
"default": "transparent",
"forcedColors": "{button.border.color.hover}"
}
},
"selected": {
"leading": {
"value": {
"default": "{color.violet.30}",
"forcedColors": "{tab.border.color.selected.@base}"
}
},
"trailing": {
"value": {
"default": "{color.orange.30}",
"forcedColors": "{tab.border.color.selected.@base}"
}
}
}
}
},
"box": {
"shadow": {
"selected": {
"value": "none"
}
}
},
"margin": {
"block": {
"@base": {
"value": "6px"
}
}
},
"outline": {
"offset": {
"value": "-1px"
}
},
"text": {
"color": {
"selected": {
"value": {
"nativeTheme": "{toolbar.text.color}",
"default": "{toolbox.text.color.@base}"
}
}
}
},
"group": {
"blue": {
"@base": {
"value": {
"light": "{color.blue.50}",
"dark": "{color.blue.30}"
}
},
"text": {
"@base": {
"value": {
"light": "{color.white.@base}",
"dark": "{color.blue.90}"
}
}
},
"hover": {
"value": {
"light": "{color.blue.60}",
"dark": "{color.blue.40}"
}
}
},
"purple": {
"@base": {
"value": {
"light": "{color.purple.50}",
"dark": "{color.purple.30}"
}
},
"text": {
"@base": {
"value": {
"light": "{color.white.@base}",
"dark": "{color.purple.90}"
}
}
},
"hover": {
"value": {
"light": "{color.purple.60}",
"dark": "{color.purple.40}"
}
}
},
"cyan": {
"@base": {
"value": {
"light": "{color.cyan.50}",
"dark": "{color.cyan.30}"
}
},
"text": {
"@base": {
"value": {
"light": "{color.white.@base}",
"dark": "{color.cyan.90}"
}
}
},
"hover": {
"value": {
"light": "{color.cyan.60}",
"dark": "{color.cyan.40}"
}
}
},
"orange": {
"@base": {
"value": {
"light": "{color.orange.50}",
"dark": "{color.orange.30}"
}
},
"text": {
"@base": {
"value": {
"light": "{color.white.@base}",
"dark": "{color.orange.90}"
}
}
},
"hover": {
"value": {
"light": "{color.orange.60}",
"dark": "{color.orange.40}"
}
}
},
"yellow": {
"@base": {
"value": {
"light": "{color.yellow.50}",
"dark": "{color.yellow.30}"
}
},
"text": {
"@base": {
"value": {
"light": "{color.white.@base}",
"dark": "{color.yellow.90}"
}
}
},
"hover": {
"value": {
"light": "{color.yellow.60}",
"dark": "{color.yellow.40}"
}
}
},
"pink": {
"@base": {
"value": {
"light": "{color.pink.50}",
"dark": "{color.pink.30}"
}
},
"text": {
"@base": {
"value": {
"light": "{color.white.@base}",
"dark": "{color.pink.90}"
}
}
},
"hover": {
"value": {
"light": "{color.pink.60}",
"dark": "{color.pink.40}"
}
}
},
"green": {
"@base": {
"value": {
"light": "{color.green.50}",
"dark": "{color.green.30}"
}
},
"text": {
"@base": {
"value": {
"light": "{color.white.@base}",
"dark": "{color.green.90}"
}
}
},
"hover": {
"value": {
"light": "{color.green.60}",
"dark": "{color.green.40}"
}
}
},
"red": {
"@base": {
"value": {
"light": "{color.red.50}",
"dark": "{color.red.30}"
}
},
"text": {
"@base": {
"value": {
"light": "{color.white.@base}",
"dark": "{color.red.90}"
}
}
},
"hover": {
"value": {
"light": "{color.red.60}",
"dark": "{color.red.40}"
}
}
}
}
}