React native

Festy x Woodford Till Styleguide

// Color palette
const colors = {
  white: "#ffffff",
  ultramarine: "#2501c5",
  red: "#f00000",
  tomato: "#dc281e",
  greyish_brown: "#424242",
  barney: "#9a12b3",
  blueberry: "#663399",
  dark_cyan: "#079493",
  charcoal_grey: "#2b2b30",
  text_shadow_style_orderdetail: "rgba(0, 0, 0, 0.23)",
  aqua_marine: "#5de6ba",
  text_shadow_style_orderdetail_24: "rgba(0, 0, 0, 0.24)",
  text_shadow_style_orderdetail_27: "rgba(0, 0, 0, 0.27)",
  buttoncard_textshadow: "rgba(0, 0, 0, 0.35)"
};

// Text styles
const textStyles = StyleSheet.create({
  totalTypestyle: {
    fontFamily: "HelveticaNeue",
    fontSize: 48,
    fontWeight: "normal",
    fontStyle: "normal",
    letterSpacing: 0,
    textAlign: "center",
    color: colors.aqua_marine
  },
  quantityText: {
    fontFamily: "HelveticaNeue",
    fontSize: 15,
    fontWeight: "500",
    fontStyle: "normal",
    letterSpacing: 0,
    textAlign: "left",
    color: "#ababcb"
  },
  oderDetailHeading: {
    fontFamily: "HelveticaNeue",
    fontSize: 15,
    fontWeight: "300",
    fontStyle: "normal",
    letterSpacing: 0,
    textAlign: "left",
    color: "#ababcb"
  },
  totalHeadingSpacedTOTALTextStyle: {
    fontFamily: "HelveticaNeue",
    fontSize: 14,
    fontWeight: "normal",
    fontStyle: "normal",
    letterSpacing: 3.89,
    textAlign: "center",
    color: colors.white
  },
  itemPriceTextstyle: {
    fontFamily: "HelveticaNeue",
    fontSize: 13,
    fontWeight: "300",
    fontStyle: "normal",
    letterSpacing: 0,
    textAlign: "left",
    color: colors.aqua_marine
  },
  textStyle: {
    fontFamily: "HelveticaNeue",
    fontSize: 11,
    fontWeight: "300",
    fontStyle: "normal",
    letterSpacing: 0,
    textAlign: "center",
    color: colors.white
  }
});