@import '../node_modules/antd/lib/style/themes/default.less';
@import './base.less';

// Based on: https://www.figma.com/file/4e6BMdm2SuZ1L7FSuOPQVC/Flipper?node-id=620%3A84614

// Link Text & Icon
@primary-color: @purple-7;
// Success
@success-color: @green-7;
// Negative
@error-color: @red-6;
// Warning
@warning-color: @gold-6;
// Primary Text & Icon
@text-color-primary: @black;
// Secondary Text & Icon
@text-color-secondary: #666; // black 60%
// Placeholder Text & Icon
@text-color-placeholder: #8c8c8c; // black 45%
// Disabled & Icon
@disabled-color: #bfbfbf; // black 25%
// Background - default
@background-default: @white;
// Background - Wash
@background-wash: #f2f2f2; // black 5%

// The following variables are not yet defined at this moment,
// as they have / need no mapping to ANT (?)
// @background-wash2: fade(@black, 10%)
// @button-primary-background: @purple6;
// @button-primary-background-hover: @purple7;
// @button-default-background: @fade(@black, 10%)
// @button-default=backgorund-hover: @fade(@black, 15%)
// @button-default-background-disabled: @fade(@black, 10%)
// @button-transparent-background-hover: @fade(@black, 10%)
// @button-background-active: @fade(@black, 8%)

// Divider color
@divider-color: #ececec; // black 10%