Variables
Type definition
Ref: TColor
type TVariable =
| TColor
| 'Screen.BackgroundColor'
| 'Screen.BackdropColor'
| 'Font.Color'
| 'Font.Color.Secondary'
| 'Font.Size'
| 'Font.Size.Small'
| 'Font.Size.Large'
| 'Font.Weight'
| 'Font.Weight.Bold'
| 'Border.Color'
| 'Border.Width'
| 'Border.Radius'
| 'Border.Radius.Small'
| 'Border.Radius.Large'
| 'Margin'
| 'Margin.Mini'
| 'Margin.Small'
| 'Margin.Large'
| 'Padding'
| 'Padding.Mini'
| 'Padding.Small'
| 'Padding.Large'
| 'Avatar.Size'
| 'Avatar.Size.Small'
| 'Avatar.Size.Large';
Light Theme
Values
Ref: Colors
const Colors =
'Color.Alpha1': 'rgba(255,255,255,0.1)',
'Color.Alpha2': 'rgba(255,255,255,0.2)',
'Color.Alpha3': 'rgba(255,255,255,0.3)',
'Color.Alpha4': 'rgba(255,255,255,0.4)',
'Color.Alpha5': 'rgba(255,255,255,0.5)',
'Color.Alpha6': 'rgba(255,255,255,0.6)',
'Color.Alpha7': 'rgba(255,255,255,0.7)',
'Color.Alpha8': 'rgba(255,255,255,0.8)',
'Color.Alpha9': 'rgba(255,255,255,0.9)',
'Color.Alpha10': 'rgba(255,255,255,1)',
'Color.AlphaInverted1': 'rgba(0,0,0,0.1)',
'Color.AlphaInverted2': 'rgba(0,0,0,0.2)',
'Color.AlphaInverted3': 'rgba(0,0,0,0.3)',
'Color.AlphaInverted4': 'rgba(0,0,0,0.4)',
'Color.AlphaInverted5': 'rgba(0,0,0,0.5)',
'Color.AlphaInverted6': 'rgba(0,0,0,0.6)',
'Color.AlphaInverted7': 'rgba(0,0,0,0.7)',
'Color.AlphaInverted8': 'rgba(0,0,0,0.8)',
'Color.AlphaInverted9': 'rgba(0,0,0,0.9)',
'Color.AlphaInverted10': 'rgba(0,0,0,1)',
'Color.Blue1': '#E6F7FF',
'Color.Blue2': '#BAE7FF',
'Color.Blue3': '#91D5FF',
'Color.Blue4': '#69C0FF',
'Color.Blue5': '#40A9FF',
'Color.Blue6': '#1890FF',
'Color.Blue7': '#096DD9',
'Color.Blue8': '#0050B3',
'Color.Blue9': '#003A8C',
'Color.Blue10': '#002766',
'Color.Cyan1': '#E6FFFB',
'Color.Cyan2': '#B5F5EC',
'Color.Cyan3': '#87E8DE',
'Color.Cyan4': '#5CDBD3',
'Color.Cyan5': '#36CFC9',
'Color.Cyan6': '#13C2C2',
'Color.Cyan7': '#08979C',
'Color.Cyan8': '#006D75',
'Color.Cyan9': '#00474F',
'Color.Cyan10': '#002329',
'Color.Danger': '#FF4D4F',
'Color.Danger1': '#FFF1F0',
'Color.Danger2': '#FFCCC7',
'Color.Danger3': '#FFA39E',
'Color.Danger4': '#FF7875',
'Color.Danger5': '#FF4D4F',
'Color.Danger6': '#F5222D',
'Color.Danger7': '#CF1322',
'Color.Danger8': '#A8071A',
'Color.Danger9': '#820014',
'Color.Danger10': '#5C0011',
'Color.Green1': '#F6FFED',
'Color.Green2': '#D9F7BE',
'Color.Green3': '#B7EB8F',
'Color.Green4': '#95DE64',
'Color.Green5': '#73D13D',
'Color.Green6': '#52C41A',
'Color.Green7': '#389E0D',
'Color.Green8': '#237804',
'Color.Green9': '#135200',
'Color.Green10': '#092B00',
'Color.Grey1': '#DDDDDD',
'Color.Grey2': '#CCCCCC',
'Color.Grey3': '#BBBBBB',
'Color.Grey4': '#AAAAAA',
'Color.Grey5': '#888888',
'Color.Grey6': '#777777',
'Color.Grey7': '#666666',
'Color.Grey8': '#555555',
'Color.Grey9': '#444444',
'Color.Grey10': '#333333',
'Color.Info': '#36CFC9',
'Color.Info1': '#E6FFFB',
'Color.Info2': '#B5F5EC',
'Color.Info3': '#87E8DE',
'Color.Info4': '#5CDBD3',
'Color.Info5': '#36CFC9',
'Color.Info6': '#13C2C2',
'Color.Info7': '#08979C',
'Color.Info8': '#006D75',
'Color.Info9': '#00474F',
'Color.Info10': '#002329',
'Color.Magenta1': '#FFF0F5',
'Color.Magenta2': '#FFC9DF',
'Color.Magenta3': '#FFA1CA',
'Color.Magenta4': '#FA75B3',
'Color.Magenta5': '#EC4899',
'Color.Magenta6': '#C73482',
'Color.Magenta7': '#A1226A',
'Color.Magenta8': '#7A1451',
'Color.Magenta9': '#540D3A',
'Color.Magenta10': '#2E0520',
'Color.Orange1': '#FFF7E6',
'Color.Orange2': '#FFE7BA',
'Color.Orange3': '#FFD591',
'Color.Orange4': '#FFC069',
'Color.Orange5': '#FFA940',
'Color.Orange6': '#FA8C16',
'Color.Orange7': '#D46B08',
'Color.Orange8': '#AD4E00',
'Color.Orange9': '#873800',
'Color.Orange10': '#612500',
'Color.Primary': '#EC4899',
'Color.Primary1': '#FFF0F5',
'Color.Primary2': '#FFC9DF',
'Color.Primary3': '#FFA1CA',
'Color.Primary4': '#FA75B3',
'Color.Primary5': '#EC4899',
'Color.Primary6': '#C73482',
'Color.Primary7': '#A1226A',
'Color.Primary8': '#7A1451',
'Color.Primary9': '#540D3A',
'Color.Primary10': '#2E0520',
'Color.Purple1': '#F9F0FF',
'Color.Purple2': '#EFDBFF',
'Color.Purple3': '#D3ADF7',
'Color.Purple4': '#B37FEB',
'Color.Purple5': '#9254DE',
'Color.Purple6': '#722ED1',
'Color.Purple7': '#531DAB',
'Color.Purple8': '#391085',
'Color.Purple9': '#22075E',
'Color.Purple10': '#120338',
'Color.Red1': '#FFF1F0',
'Color.Red2': '#FFCCC7',
'Color.Red3': '#FFA39E',
'Color.Red4': '#FF7875',
'Color.Red5': '#FF4D4F',
'Color.Red6': '#F5222D',
'Color.Red7': '#CF1322',
'Color.Red8': '#A8071A',
'Color.Red9': '#820014',
'Color.Red10': '#5C0011',
'Color.Success': '#73D13D',
'Color.Success1': '#F6FFED',
'Color.Success2': '#D9F7BE',
'Color.Success3': '#B7EB8F',
'Color.Success4': '#95DE64',
'Color.Success5': '#73D13D',
'Color.Success6': '#52C41A',
'Color.Success7': '#389E0D',
'Color.Success8': '#237804',
'Color.Success9': '#135200',
'Color.Success10': '#092B00',
'Color.Warning': '#FA8C16',
'Color.Warning1': '#FFF7E6',
'Color.Warning2': '#FFE7BA',
'Color.Warning3': '#FFD591',
'Color.Warning4': '#FFC069',
'Color.Warning5': '#FFA940',
'Color.Warning6': '#FA8C16',
'Color.Warning7': '#D46B08',
'Color.Warning8': '#AD4E00',
'Color.Warning9': '#873800',
'Color.Warning10': '#612500',
'Color.White': '#FFFFFF',
'Color.Yellow1': '#FEFFE6',
'Color.Yellow2': '#FFFFB8',
'Color.Yellow3': '#FFFB8F',
'Color.Yellow4': '#FFF566',
'Color.Yellow5': '#FFEC3D',
'Color.Yellow6': '#FADB14',
'Color.Yellow7': '#D4B106',
'Color.Yellow8': '#AD8B00',
'Color.Yellow9': '#876800',
'Color.Yellow10': '#614700','Color.Alpha1': 'rgba(255,255,255,0.1)',
'Color.Alpha2': 'rgba(255,255,255,0.2)',
'Color.Alpha3': 'rgba(255,255,255,0.3)',
'Color.Alpha4': 'rgba(255,255,255,0.4)',
'Color.Alpha5': 'rgba(255,255,255,0.5)',
'Color.Alpha6': 'rgba(255,255,255,0.6)',
'Color.Alpha7': 'rgba(255,255,255,0.7)',
'Color.Alpha8': 'rgba(255,255,255,0.8)',
'Color.Alpha9': 'rgba(255,255,255,0.9)',
'Color.Alpha10': 'rgba(255,255,255,1)',
'Color.AlphaInverted1': 'rgba(0,0,0,0.1)',
'Color.AlphaInverted2': 'rgba(0,0,0,0.2)',
'Color.AlphaInverted3': 'rgba(0,0,0,0.3)',
'Color.AlphaInverted4': 'rgba(0,0,0,0.4)',
'Color.AlphaInverted5': 'rgba(0,0,0,0.5)',
'Color.AlphaInverted6': 'rgba(0,0,0,0.6)',
'Color.AlphaInverted7': 'rgba(0,0,0,0.7)',
'Color.AlphaInverted8': 'rgba(0,0,0,0.8)',
'Color.AlphaInverted9': 'rgba(0,0,0,0.9)',
'Color.AlphaInverted10': 'rgba(0,0,0,1)',
'Color.Blue1': '#E6F7FF',
'Color.Blue2': '#BAE7FF',
'Color.Blue3': '#91D5FF',
'Color.Blue4': '#69C0FF',
'Color.Blue5': '#40A9FF',
'Color.Blue6': '#1890FF',
'Color.Blue7': '#096DD9',
'Color.Blue8': '#0050B3',
'Color.Blue9': '#003A8C',
'Color.Blue10': '#002766',
'Color.Cyan1': '#E6FFFB',
'Color.Cyan2': '#B5F5EC',
'Color.Cyan3': '#87E8DE',
'Color.Cyan4': '#5CDBD3',
'Color.Cyan5': '#36CFC9',
'Color.Cyan6': '#13C2C2',
'Color.Cyan7': '#08979C',
'Color.Cyan8': '#006D75',
'Color.Cyan9': '#00474F',
'Color.Cyan10': '#002329',
'Color.Danger': '#FF4D4F',
'Color.Danger1': '#FFF1F0',
'Color.Danger2': '#FFCCC7',
'Color.Danger3': '#FFA39E',
'Color.Danger4': '#FF7875',
'Color.Danger5': '#FF4D4F',
'Color.Danger6': '#F5222D',
'Color.Danger7': '#CF1322',
'Color.Danger8': '#A8071A',
'Color.Danger9': '#820014',
'Color.Danger10': '#5C0011',
'Color.Green1': '#F6FFED',
'Color.Green2': '#D9F7BE',
'Color.Green3': '#B7EB8F',
'Color.Green4': '#95DE64',
'Color.Green5': '#73D13D',
'Color.Green6': '#52C41A',
'Color.Green7': '#389E0D',
'Color.Green8': '#237804',
'Color.Green9': '#135200',
'Color.Green10': '#092B00',
'Color.Grey1': '#DDDDDD',
'Color.Grey2': '#CCCCCC',
'Color.Grey3': '#BBBBBB',
'Color.Grey4': '#AAAAAA',
'Color.Grey5': '#888888',
'Color.Grey6': '#777777',
'Color.Grey7': '#666666',
'Color.Grey8': '#555555',
'Color.Grey9': '#444444',
'Color.Grey10': '#333333',
'Color.Info': '#36CFC9',
'Color.Info1': '#E6FFFB',
'Color.Info2': '#B5F5EC',
'Color.Info3': '#87E8DE',
'Color.Info4': '#5CDBD3',
'Color.Info5': '#36CFC9',
'Color.Info6': '#13C2C2',
'Color.Info7': '#08979C',
'Color.Info8': '#006D75',
'Color.Info9': '#00474F',
'Color.Info10': '#002329',
'Color.Magenta1': '#FFF0F5',
'Color.Magenta2': '#FFC9DF',
'Color.Magenta3': '#FFA1CA',
'Color.Magenta4': '#FA75B3',
'Color.Magenta5': '#EC4899',
'Color.Magenta6': '#C73482',
'Color.Magenta7': '#A1226A',
'Color.Magenta8': '#7A1451',
'Color.Magenta9': '#540D3A',
'Color.Magenta10': '#2E0520',
'Color.Orange1': '#FFF7E6',
'Color.Orange2': '#FFE7BA',
'Color.Orange3': '#FFD591',
'Color.Orange4': '#FFC069',
'Color.Orange5': '#FFA940',
'Color.Orange6': '#FA8C16',
'Color.Orange7': '#D46B08',
'Color.Orange8': '#AD4E00',
'Color.Orange9': '#873800',
'Color.Orange10': '#612500',
'Color.Primary': '#EC4899',
'Color.Primary1': '#FFF0F5',
'Color.Primary2': '#FFC9DF',
'Color.Primary3': '#FFA1CA',
'Color.Primary4': '#FA75B3',
'Color.Primary5': '#EC4899',
'Color.Primary6': '#C73482',
'Color.Primary7': '#A1226A',
'Color.Primary8': '#7A1451',
'Color.Primary9': '#540D3A',
'Color.Primary10': '#2E0520',
'Color.Purple1': '#F9F0FF',
'Color.Purple2': '#EFDBFF',
'Color.Purple3': '#D3ADF7',
'Color.Purple4': '#B37FEB',
'Color.Purple5': '#9254DE',
'Color.Purple6': '#722ED1',
'Color.Purple7': '#531DAB',
'Color.Purple8': '#391085',
'Color.Purple9': '#22075E',
'Color.Purple10': '#120338',
'Color.Red1': '#FFF1F0',
'Color.Red2': '#FFCCC7',
'Color.Red3': '#FFA39E',
'Color.Red4': '#FF7875',
'Color.Red5': '#FF4D4F',
'Color.Red6': '#F5222D',
'Color.Red7': '#CF1322',
'Color.Red8': '#A8071A',
'Color.Red9': '#820014',
'Color.Red10': '#5C0011',
'Color.Success': '#73D13D',
'Color.Success1': '#F6FFED',
'Color.Success2': '#D9F7BE',
'Color.Success3': '#B7EB8F',
'Color.Success4': '#95DE64',
'Color.Success5': '#73D13D',
'Color.Success6': '#52C41A',
'Color.Success7': '#389E0D',
'Color.Success8': '#237804',
'Color.Success9': '#135200',
'Color.Success10': '#092B00',
'Color.Warning': '#FA8C16',
'Color.Warning1': '#FFF7E6',
'Color.Warning2': '#FFE7BA',
'Color.Warning3': '#FFD591',
'Color.Warning4': '#FFC069',
'Color.Warning5': '#FFA940',
'Color.Warning6': '#FA8C16',
'Color.Warning7': '#D46B08',
'Color.Warning8': '#AD4E00',
'Color.Warning9': '#873800',
'Color.Warning10': '#612500',
'Color.White': '#FFFFFF',
'Color.Yellow1': '#FEFFE6',
'Color.Yellow2': '#FFFFB8',
'Color.Yellow3': '#FFFB8F',
'Color.Yellow4': '#FFF566',
'Color.Yellow5': '#FFEC3D',
'Color.Yellow6': '#FADB14',
'Color.Yellow7': '#D4B106',
'Color.Yellow8': '#AD8B00',
'Color.Yellow9': '#876800',
'Color.Yellow10': '#614700',
};
const Variables =
...Colors,
'Screen.BackgroundColor': '#141414',
'Screen.BackdropColor': 'rgba(255,255,255,0.3)',
'Font.Color': '#333333',
'Font.Color.Secondary': '#8C8C8C',
'Font.Size': 16,
'Font.Size.Small': 12,
'Font.Size.Large': 20,
'Font.Weight': '400',
'Font.Weight.Bold': '700',
'Border.Color': '#EEEEEE',
'Border.Width': 1,
'Border.Radius': 8,
'Border.Radius.Small': 4,
'Border.Radius.Large': 12,
Margin: 12,
'Margin.Mini': 4,
'Margin.Small': 8,
'Margin.Large': 24,
Padding: 12,
'Padding.Mini': 4,
'Padding.Small': 8,
'Padding.Large': 24,
'Avatar.Size': 40,
'Avatar.Size.Small': 24,
'Avatar.Size.Large': 64,
};
Dark Theme
Values
Ref: Colors
const Colors =
'Color.Alpha10': 'rgba(0,0,0,1)',
'Color.Alpha9': 'rgba(0,0,0,0.9)',
'Color.Alpha8': 'rgba(0,0,0,0.8)',
'Color.Alpha7': 'rgba(0,0,0,0.7)',
'Color.Alpha6': 'rgba(0,0,0,0.6)',
'Color.Alpha5': 'rgba(0,0,0,0.5)',
'Color.Alpha4': 'rgba(0,0,0,0.4)',
'Color.Alpha3': 'rgba(0,0,0,0.3)',
'Color.Alpha2': 'rgba(0,0,0,0.2)',
'Color.Alpha1': 'rgba(0,0,0,0.1)',
'Color.AlphaInverted10': 'rgba(255,255,255,1)',
'Color.AlphaInverted9': 'rgba(255,255,255,0.9)',
'Color.AlphaInverted8': 'rgba(255,255,255,0.8)',
'Color.AlphaInverted7': 'rgba(255,255,255,0.7)',
'Color.AlphaInverted6': 'rgba(255,255,255,0.6)',
'Color.AlphaInverted5': 'rgba(255,255,255,0.5)',
'Color.AlphaInverted4': 'rgba(255,255,255,0.4)',
'Color.AlphaInverted3': 'rgba(255,255,255,0.3)',
'Color.AlphaInverted2': 'rgba(255,255,255,0.2)',
'Color.AlphaInverted1': 'rgba(255,255,255,0.1)',
'Color.Backdrop': 'rgba(255,255,255,0.3)',
'Color.Blue10': '#E6F7FF',
'Color.Blue9': '#BAE7FF',
'Color.Blue8': '#91D5FF',
'Color.Blue7': '#69C0FF',
'Color.Blue6': '#40A9FF',
'Color.Blue5': '#1890FF',
'Color.Blue4': '#096DD9',
'Color.Blue3': '#0050B3',
'Color.Blue2': '#003A8C',
'Color.Blue1': '#002766',
'Color.Cyan10': '#E6FFFB',
'Color.Cyan9': '#B5F5EC',
'Color.Cyan8': '#87E8DE',
'Color.Cyan7': '#5CDBD3',
'Color.Cyan6': '#36CFC9',
'Color.Cyan5': '#13C2C2',
'Color.Cyan4': '#08979C',
'Color.Cyan3': '#006D75',
'Color.Cyan2': '#00474F',
'Color.Cyan1': '#002329',
'Color.Danger': '#FF4D4F',
'Color.Danger10': '#FFF1F0',
'Color.Danger9': '#FFCCC7',
'Color.Danger8': '#FFA39E',
'Color.Danger7': '#FF7875',
'Color.Danger6': '#FF4D4F',
'Color.Danger5': '#F5222D',
'Color.Danger4': '#CF1322',
'Color.Danger3': '#A8071A',
'Color.Danger2': '#820014',
'Color.Danger1': '#5C0011',
'Color.Green10': '#F6FFED',
'Color.Green9': '#D9F7BE',
'Color.Green8': '#B7EB8F',
'Color.Green7': '#95DE64',
'Color.Green6': '#73D13D',
'Color.Green5': '#52C41A',
'Color.Green4': '#389E0D',
'Color.Green3': '#237804',
'Color.Green2': '#135200',
'Color.Green1': '#092B00',
'Color.Grey10': '#BBBBBB',
'Color.Grey9': '#AAAAAA',
'Color.Grey8': '#888888',
'Color.Grey7': '#777777',
'Color.Grey6': '#666666',
'Color.Grey5': '#555555',
'Color.Grey4': '#444444',
'Color.Grey3': '#333333',
'Color.Grey2': '#222222',
'Color.Grey1': '#111111',
'Color.Info': '#36CFC9',
'Color.Info10': '#E6FFFB',
'Color.Info9': '#B5F5EC',
'Color.Info8': '#87E8DE',
'Color.Info7': '#5CDBD3',
'Color.Info6': '#36CFC9',
'Color.Info5': '#13C2C2',
'Color.Info4': '#08979C',
'Color.Info3': '#006D75',
'Color.Info2': '#00474F',
'Color.Info1': '#002329',
'Color.Magenta10': '#FFF0F5',
'Color.Magenta9': '#FFC9DF',
'Color.Magenta8': '#FFA1CA',
'Color.Magenta7': '#FA75B3',
'Color.Magenta6': '#EC4899',
'Color.Magenta5': '#C73482',
'Color.Magenta4': '#A1226A',
'Color.Magenta3': '#7A1451',
'Color.Magenta2': '#540D3A',
'Color.Magenta1': '#2E0520',
'Color.Orange10': '#FFF7E6',
'Color.Orange9': '#FFE7BA',
'Color.Orange8': '#FFD591',
'Color.Orange7': '#FFC069',
'Color.Orange6': '#FFA940',
'Color.Orange5': '#FA8C16',
'Color.Orange4': '#D46B08',
'Color.Orange3': '#AD4E00',
'Color.Orange2': '#873800',
'Color.Orange1': '#612500',
'Color.Primary': '#EC4899',
'Color.Primary10': '#FFF0F5',
'Color.Primary9': '#FFC9DF',
'Color.Primary8': '#FFA1CA',
'Color.Primary7': '#FA75B3',
'Color.Primary6': '#EC4899',
'Color.Primary5': '#C73482',
'Color.Primary4': '#A1226A',
'Color.Primary3': '#7A1451',
'Color.Primary2': '#540D3A',
'Color.Primary1': '#2E0520',
'Color.Purple10': '#F9F0FF',
'Color.Purple9': '#EFDBFF',
'Color.Purple8': '#D3ADF7',
'Color.Purple7': '#B37FEB',
'Color.Purple6': '#9254DE',
'Color.Purple5': '#722ED1',
'Color.Purple4': '#531DAB',
'Color.Purple3': '#391085',
'Color.Purple2': '#22075E',
'Color.Purple1': '#120338',
'Color.Red10': '#FFF1F0',
'Color.Red9': '#FFCCC7',
'Color.Red8': '#FFA39E',
'Color.Red7': '#FF7875',
'Color.Red6': '#FF4D4F',
'Color.Red5': '#F5222D',
'Color.Red4': '#CF1322',
'Color.Red3': '#A8071A',
'Color.Red2': '#820014',
'Color.Red1': '#5C0011',
'Color.Success': '#73D13D',
'Color.Success10': '#F6FFED',
'Color.Success9': '#D9F7BE',
'Color.Success8': '#B7EB8F',
'Color.Success7': '#95DE64',
'Color.Success6': '#73D13D',
'Color.Success5': '#52C41A',
'Color.Success4': '#389E0D',
'Color.Success3': '#237804',
'Color.Success2': '#135200',
'Color.Success1': '#092B00',
'Color.Warning': '#FA8C16',
'Color.Warning10': '#FFF7E6',
'Color.Warning9': '#FFE7BA',
'Color.Warning8': '#FFD591',
'Color.Warning7': '#FFC069',
'Color.Warning6': '#FFA940',
'Color.Warning5': '#FA8C16',
'Color.Warning4': '#D46B08',
'Color.Warning3': '#AD4E00',
'Color.Warning2': '#873800',
'Color.Warning1': '#612500',
'Color.White': '#FFFFFF',
'Color.Yellow10': '#FEFFE6',
'Color.Yellow9': '#FFFFB8',
'Color.Yellow8': '#FFFB8F',
'Color.Yellow7': '#FFF566',
'Color.Yellow6': '#FFEC3D',
'Color.Yellow5': '#FADB14',
'Color.Yellow4': '#D4B106',
'Color.Yellow3': '#AD8B00',
'Color.Yellow2': '#876800',
'Color.Yellow1': '#614700',
};
const Variables =
...Colors,
'Screen.BackgroundColor': '#141414',
'Screen.BackdropColor': 'rgba(255,255,255,0.3)',
'Font.Color': '#B8B8B8',
'Font.Color.Secondary': '#8C8C8C',
'Font.Size': 16,
'Font.Size.Small': 12,
'Font.Size.Large': 20,
'Font.Weight': '400',
'Font.Weight.Bold': '700',
'Border.Color': '#2E2E2E',
'Border.Width': 1,
'Border.Radius': 8,
'Border.Radius.Small': 4,
'Border.Radius.Large': 12,
Margin: 12,
'Margin.Mini': 4,
'Margin.Small': 8,
'Margin.Large': 24,
Padding: 12,
'Padding.Mini': 4,
'Padding.Small': 8,
'Padding.Large': 24,
'Avatar.Size': 40,
'Avatar.Size.Small': 24,
'Avatar.Size.Large': 64,
};