Source code
Revision control
Copy as Markdown
Other Tools
{
"outer": {
"padding": {
"@base": {
"value": "2px"
},
"narrow": {
"value": "1px"
}
}
},
"inner": {
"padding": {
"@base": {
"value": "8px"
},
"narrow": {
"value": "7px"
},
"compact": {
"value": "6px"
},
"touch": {
"@base": {
"value": "9px"
},
"narrow": {
"value": "8px"
}
}
}
},
"icon": {
"fill": {
"@base": {
"value": {
"light": "{color.gray.70}",
"dark": "{color.gray.05}",
"nativeTheme": "currentColor"
}
},
"attention": {
"@base": {
"value": {
"light": "{color.blue.60}",
"dark": "{color.cyan.30}",
"nativeTheme": "AccentColor"
}
},
"text": {
"value": {
"light": "{color.gray.20}",
"dark": "{color.gray.90}",
"nativeTheme": "AccentColorText"
}
}
}
}
},
"disabled": {
"opacity": {
"value": "{button.opacity.disabled}"
}
},
"border": {
"radius": {
"value": "{button.border.radius}"
}
},
"hover": {
"background": {
"value": "color-mix(in srgb, currentColor 17%, transparent)"
},
"outline": {
"color": {
"value": {
"default": "transparent",
"prefersContrast": "currentColor",
"forcedColors": "SelectedItem"
}
}
}
},
"active": {
"background": {
"value": "color-mix(in srgb, currentColor 30%, transparent)"
},
"outline": {
"color": {
"value": {
"default": "transparent",
"prefersContrast": "currentColor",
"forcedColors": "ButtonText"
}
}
}
},
"selected": {
"outline": {
"color": {
"value": {
"default": "{toolbarbutton.active.outline.color}",
"forcedColors": "SelectedItem"
}
}
}
},
"outline": {
"@base": {
"value": "{border.width} solid {toolbarbutton.outline.color}"
},
"color": {
"value": {
"default": "transparent",
"forcedColors": "ButtonText"
}
},
"offset": {
"value": "calc(-1 * {border.width})"
}
}
}