import PixelStyles from 'react-native-pixel-styles';
import { ViewStyle, StyleSheet } from 'react-native';
const ApplicationStyles = PixelStyles.pixelThemeStore.styles
const Colors = PixelStyles.Colors

export default {
    ...ApplicationStyles.screen,
    ...ApplicationStyles.texts,
    toolBar: {
        borderRadius: 0,
        borderWidth: 0
    } as ViewStyle,
    main: {
        flex: 1,
        marginTop: 10,
        paddingLeft: 30,
        paddingRight: 30,
        paddingBottom: 1,
        alignItems: 'stretch',
    } as ViewStyle,
    toolbarButton: {
        fontSize: 20,
        width: 28,
        height: 28,
        textAlign: 'center'
    },
    italicButton: {
        fontStyle: 'italic'
    },
    boldButton: {
        fontWeight: 'bold'
    },
    underlineButton: {
        textDecorationLine: 'underline'
    },
    lineThroughButton: {
        textDecorationLine: 'line-through'
    },
    htmlStyles: StyleSheet.create({
        bold: {
            fontWeight: 'bold',
        },
        italic: {
            fontStyle: 'italic',
        },
        underline: { textDecorationLine: 'underline' },
        lineThrough: { textDecorationLine: 'line-through' },
        heading: {
            fontSize: 25,
        },
        body: {
            // fontSize: 20,
            fontSize: 50,
        },
        title: {
            fontSize: 30,
        },
        ul: {
            fontSize: 20,
        },
        ol: {
            fontSize: 20,
        },
        red: {
            color: '#d23431',
        },
        green: {
            color: '#4a924d',
        },
        blue: {
            color: '#0560ab',
        },
        black: {
            color: '#33363d',
        },
        blue_hl: {
            backgroundColor: '#34f3f4',
        },
        green_hl: {
            backgroundColor: '#2df149',
        },
        pink_hl: {
            backgroundColor: '#f53ba7',
        },
        yellow_hl: {
            backgroundColor: '#f6e408',
        },
        orange_hl: {
            backgroundColor: '#f07725',
        },
        purple_hl: {
            backgroundColor: '#c925f2',
        },
    })
};