text: // @flow
  
  import variable, { platform, PLATFORM } from './../variables/commonColor'
  
  export default _ => {
  
    const { ui, text } = variable.councils
  
    return {
      fontSize: variable.DefaultFontSize,
      fontFamily: variable.fontFamily,
      color: variable.textColor,
      '.note': {
        color: text.battleShipGrey,
        fontSize: variable.noteFontSize
      },
      '.loginButton': {
        backgroundColor: ui.eggshell,
        color: text.darkGreenBlue,
        textAlign: 'center',
        paddingHorizontal: 35,
        paddingTop: 16,
        paddingBottom: 15,
        fontSize: 17,
        fontFamily: 'bern-sb'
      },
      '.registerButton': {
        borderRadius: 7.5,
        overflow: 'hidden',
        backgroundColor: ui.darkGreenBlue,
        paddingHorizontal: 35,
        paddingTop: 16,
        paddingBottom: 15,
        textAlign: 'center',
        textAlignVertical: 'center',
        color: text.white,
        fontSize: 17,
        fontFamily: 'bern-sb'
      },
      '.snippet': {
        color: text.darkGrey,
      },
      '.newSnippet': {
        fontWeight: 'bold'
      },
      '.name': {
        fontSize: 20,
        color: text.darkGrey,
      },
      '.new': {
        color: text.darkGreenBlue,
        fontWeight: 'bold'
      },
      '.pre': {
        color: text.darkGrey,
        fontFamily: 'bern-r',
        fontSize: 17,
      },
      '.para': {
        textAlign: 'center'
      },
      '.foot': {
        color: text.darkGreenBlue,
        fontSize: 15
      },
      '.error': {
        color: text.tomatoRed
      },
      '.info': {
        color: text.battleShipGrey,
        fontFamily: 'bern-r',
        fontSize: 13
      },
      '.discussionsRightArrow': {
        color: text.lightPeriwinkle,
        fontSize: 17,      
      }
  
    }
  
  }
  