{
"name": "macos-dark",
"appearance": "Dark",
"colors": {
"background": {
"r": 30,
"g": 30,
"b": 30,
"a": 255
},
"foreground": {
"r": 245,
"g": 245,
"b": 247,
"a": 255
},
"primary": {
"r": 10,
"g": 132,
"b": 255,
"a": 255
},
"secondary": {
"r": 152,
"g": 152,
"b": 157,
"a": 255
},
"accent": {
"r": 10,
"g": 132,
"b": 255,
"a": 255
},
"error": {
"r": 255,
"g": 69,
"b": 58,
"a": 255
},
"warning": {
"r": 255,
"g": 214,
"b": 10,
"a": 255
},
"success": {
"r": 48,
"g": 209,
"b": 88,
"a": 255
},
"disabled": {
"r": 72,
"g": 72,
"b": 74,
"a": 255
},
"info": {
"r": 100,
"g": 210,
"b": 255,
"a": 255
},
"outline": {
"r": 142,
"g": 142,
"b": 147,
"a": 255
},
"outline_variant": {
"r": 58,
"g": 58,
"b": 60,
"a": 255
},
"scrim": {
"r": 0,
"g": 0,
"b": 0,
"a": 120
},
"surface_container": {
"r": 44,
"g": 44,
"b": 46,
"a": 255
},
"surface_container_high": {
"r": 58,
"g": 58,
"b": 60,
"a": 255
},
"inverse_surface": {
"r": 245,
"g": 245,
"b": 247,
"a": 255
},
"on_inverse_surface": {
"r": 29,
"g": 29,
"b": 31,
"a": 255
}
},
"fonts": {
"regular": {
"family": "SF Pro",
"size": 14.0,
"weight": 400,
"bold": false,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"bold": {
"family": "SF Pro",
"size": 14.0,
"weight": 700,
"bold": true,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"italic": {
"family": "SF Pro",
"size": 14.0,
"weight": 400,
"bold": false,
"italic": true,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"monospace": {
"family": "Courier New",
"size": 12.0,
"weight": 400,
"bold": false,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"caption": {
"family": "SF Pro",
"size": 11.0,
"weight": 400,
"bold": false,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"body": {
"family": "SF Pro",
"size": 14.0,
"weight": 400,
"bold": false,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"title": {
"family": "SF Pro",
"size": 16.0,
"weight": 700,
"bold": true,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"headline": {
"family": "SF Pro",
"size": 20.0,
"weight": 700,
"bold": true,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"display": {
"family": "SF Pro",
"size": 28.0,
"weight": 700,
"bold": true,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
}
},
"spacing": {
"small": 4,
"medium": 8,
"large": 16,
"extra_large": 24
},
"icons": {
"small": 16,
"medium": 18,
"large": 32
},
"borders": {
"width": 1,
"radius": 6,
"shadow": true
},
"flat_surfaces": true,
"system_accent": "blue",
"metrics_profile": "macos",
"overrides": {
"styles": {
"button:disabled": {
"background": {
"r": 72,
"g": 72,
"b": 74,
"a": 255
},
"foreground": {
"r": 148,
"g": 148,
"b": 149,
"a": 255
},
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"button:hover": {
"background": {
"r": 47,
"g": 47,
"b": 47,
"a": 255
},
"foreground": null,
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"button:pressed": {
"background": {
"r": 56,
"g": 56,
"b": 56,
"a": 255
},
"foreground": null,
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"check_box:checked": {
"background": {
"r": 10,
"g": 132,
"b": 255,
"a": 255
},
"foreground": {
"r": 0,
"g": 0,
"b": 0,
"a": 255
},
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"chip:selected": {
"background": {
"r": 10,
"g": 132,
"b": 255,
"a": 255
},
"foreground": {
"r": 0,
"g": 0,
"b": 0,
"a": 255
},
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"line_edit:error": {
"background": null,
"foreground": null,
"border": {
"r": 255,
"g": 69,
"b": 58,
"a": 255
},
"border_width": 2,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"radio_button:checked": {
"background": {
"r": 10,
"g": 132,
"b": 255,
"a": 255
},
"foreground": {
"r": 0,
"g": 0,
"b": 0,
"a": 255
},
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"split_button:disabled": {
"background": {
"r": 72,
"g": 72,
"b": 74,
"a": 255
},
"foreground": {
"r": 148,
"g": 148,
"b": 149,
"a": 255
},
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"split_button:hover": {
"background": {
"r": 47,
"g": 47,
"b": 47,
"a": 255
},
"foreground": null,
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"split_button:pressed": {
"background": {
"r": 56,
"g": 56,
"b": 56,
"a": 255
},
"foreground": null,
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"switch:checked": {
"background": {
"r": 10,
"g": 132,
"b": 255,
"a": 255
},
"foreground": {
"r": 0,
"g": 0,
"b": 0,
"a": 255
},
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"toggle_button:checked": {
"background": {
"r": 69,
"g": 160,
"b": 253,
"a": 255
},
"foreground": {
"r": 0,
"g": 0,
"b": 0,
"a": 255
},
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"toggle_button:disabled": {
"background": {
"r": 72,
"g": 72,
"b": 74,
"a": 255
},
"foreground": {
"r": 148,
"g": 148,
"b": 149,
"a": 255
},
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"toggle_button:hover": {
"background": {
"r": 47,
"g": 47,
"b": 47,
"a": 255
},
"foreground": null,
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"toggle_button:pressed": {
"background": {
"r": 56,
"g": 56,
"b": 56,
"a": 255
},
"foreground": null,
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"tool_button:disabled": {
"background": {
"r": 72,
"g": 72,
"b": 74,
"a": 255
},
"foreground": {
"r": 148,
"g": 148,
"b": 149,
"a": 255
},
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"tool_button:hover": {
"background": {
"r": 47,
"g": 47,
"b": 47,
"a": 255
},
"foreground": null,
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
},
"tool_button:pressed": {
"background": {
"r": 56,
"g": 56,
"b": 56,
"a": 255
},
"foreground": null,
"border": null,
"border_width": null,
"radius": null,
"padding": null,
"font": null,
"opacity": null,
"shadow": "Inherit",
"touch_target": null,
"elevation": null,
"bevel": "inherit",
"material": null,
"hairline": null
}
}
},
"motion": {
"fast": 120,
"normal": 220,
"slow": 300,
"easing": "EaseOut",
"curve": "Easing"
}
}