{
"name": "dark",
"appearance": "Dark",
"colors": {
"background": {
"r": 18,
"g": 18,
"b": 18,
"a": 255
},
"foreground": {
"r": 225,
"g": 225,
"b": 225,
"a": 255
},
"primary": {
"r": 100,
"g": 181,
"b": 246,
"a": 255
},
"secondary": {
"r": 130,
"g": 130,
"b": 130,
"a": 255
},
"accent": {
"r": 255,
"g": 171,
"b": 64,
"a": 255
},
"error": {
"r": 239,
"g": 83,
"b": 80,
"a": 255
},
"warning": {
"r": 255,
"g": 213,
"b": 79,
"a": 255
},
"success": {
"r": 129,
"g": 199,
"b": 132,
"a": 255
},
"disabled": {
"r": 80,
"g": 80,
"b": 80,
"a": 255
},
"info": {
"r": 138,
"g": 180,
"b": 248,
"a": 255
},
"outline": {
"r": 147,
"g": 143,
"b": 153,
"a": 255
},
"outline_variant": {
"r": 73,
"g": 69,
"b": 79,
"a": 255
},
"scrim": {
"r": 0,
"g": 0,
"b": 0,
"a": 130
},
"surface_container": {
"r": 30,
"g": 30,
"b": 33,
"a": 255
},
"surface_container_high": {
"r": 40,
"g": 40,
"b": 44,
"a": 255
},
"inverse_surface": {
"r": 228,
"g": 225,
"b": 229,
"a": 255
},
"on_inverse_surface": {
"r": 49,
"g": 48,
"b": 51,
"a": 255
}
},
"fonts": {
"regular": {
"family": "Arial",
"size": 14.0,
"weight": 400,
"bold": false,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"bold": {
"family": "Arial",
"size": 14.0,
"weight": 700,
"bold": true,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"italic": {
"family": "Arial",
"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": "Arial",
"size": 11.0,
"weight": 400,
"bold": false,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"body": {
"family": "Arial",
"size": 14.0,
"weight": 400,
"bold": false,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"title": {
"family": "Arial",
"size": 16.0,
"weight": 700,
"bold": true,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"headline": {
"family": "Arial",
"size": 20.0,
"weight": 700,
"bold": true,
"italic": false,
"letter_spacing": 0.0,
"word_spacing": 0.0,
"line_height": 0.0
},
"display": {
"family": "Arial",
"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": 4,
"shadow": true
},
"flat_surfaces": true,
"system_accent": "blue",
"metrics_profile": "material",
"overrides": {
"styles": {
"button:disabled": {
"background": {
"r": 80,
"g": 80,
"b": 80,
"a": 255
},
"foreground": {
"r": 132,
"g": 132,
"b": 132,
"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": 35,
"g": 35,
"b": 35,
"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": 43,
"g": 43,
"b": 43,
"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": 100,
"g": 181,
"b": 246,
"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": 100,
"g": 181,
"b": 246,
"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": 239,
"g": 83,
"b": 80,
"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": 100,
"g": 181,
"b": 246,
"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": 80,
"g": 80,
"b": 80,
"a": 255
},
"foreground": {
"r": 132,
"g": 132,
"b": 132,
"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": 35,
"g": 35,
"b": 35,
"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": 43,
"g": 43,
"b": 43,
"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": 100,
"g": 181,
"b": 246,
"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": 131,
"g": 192,
"b": 241,
"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": 80,
"g": 80,
"b": 80,
"a": 255
},
"foreground": {
"r": 132,
"g": 132,
"b": 132,
"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": 35,
"g": 35,
"b": 35,
"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": 43,
"g": 43,
"b": 43,
"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": 80,
"g": 80,
"b": 80,
"a": 255
},
"foreground": {
"r": 132,
"g": 132,
"b": 132,
"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": 35,
"g": 35,
"b": 35,
"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": 43,
"g": 43,
"b": 43,
"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": 100,
"normal": 200,
"slow": 300,
"easing": "EaseOut",
"curve": "Easing"
}
}