2018-11-20 18:48:28 +03:00
|
|
|
import { Dimensions } from 'react-native';
|
|
|
|
|
|
|
|
export default {
|
|
|
|
// Primary Colors
|
2018-11-22 00:35:12 +03:00
|
|
|
$theme: 'darkTheme',
|
2018-11-22 01:40:40 +03:00
|
|
|
$primaryBackgroundColor: '#1e2835',
|
|
|
|
$primaryLightBackground: '#2e3d51',
|
|
|
|
$primaryGrayBackground: '#1e2835',
|
2018-11-22 00:35:12 +03:00
|
|
|
$white: '#1e2835',
|
|
|
|
$black: '#000000',
|
|
|
|
$primaryBlue: '#357ce6',
|
|
|
|
$primaryDarkBlue: '#1a509a',
|
2018-11-22 14:28:48 +03:00
|
|
|
$primaryLightBlue: '#2e3d51',
|
2018-11-22 01:40:40 +03:00
|
|
|
$primaryGray: '#f5f5f5',
|
2018-11-22 13:08:35 +03:00
|
|
|
$primaryDarkGray: '#c1c5c7',
|
2018-11-22 00:35:12 +03:00
|
|
|
$primaryLightGray: '#f6f6f6',
|
|
|
|
$primaryRed: '#e63535',
|
2018-11-22 13:08:35 +03:00
|
|
|
$primaryBlack: '#c1c5c7',
|
2018-11-20 18:48:28 +03:00
|
|
|
|
|
|
|
// General Colors
|
|
|
|
$borderColor: '#c5c5c5',
|
|
|
|
$bubblesBlue: '#5CCDFF',
|
2018-11-22 14:28:48 +03:00
|
|
|
$borderTopColor: '#757575',
|
2018-11-20 18:48:28 +03:00
|
|
|
$iconColor: '#c1c5c7',
|
|
|
|
$dangerColor: '#fff',
|
|
|
|
$warningColor: '#fff',
|
|
|
|
$successColor: '#fff',
|
|
|
|
$disableButton: '#fff',
|
|
|
|
$shadowColor: '#b0b0b0',
|
|
|
|
$disableGray: '#fff',
|
2018-11-28 13:14:19 +03:00
|
|
|
$editorButtonColor: '#fff',
|
2018-11-20 18:48:28 +03:00
|
|
|
// Devices Sizes
|
|
|
|
$deviceHeight: Dimensions.get('window').height,
|
|
|
|
$deviceWidth: Dimensions.get('window').width,
|
|
|
|
|
|
|
|
// Fonts Properties
|
|
|
|
$primaryFont: 'Roboto',
|
2018-12-04 14:36:41 +03:00
|
|
|
$editorFont: 'RobotoMono-Regular',
|
2018-11-20 18:48:28 +03:00
|
|
|
$primaryLatterSpacing: 0,
|
|
|
|
};
|