redbadger/pride-london-app

// ZEPLIN EXPORT

export const greyishBrownColor = "#585858";
export const lightNavyBlueColor = "#2d2f7f";
export const eucalyptusGreenColor = "#2cda9d";
export const darkBlueGreyColor = "#191a47";
export const darkBlueGreyTwoColor = "#20215a";
export const lightishGreyColor = "#d8d8d8";
export const lightGreyColor = "#f3f3f3";
export const brightLightBlueColor = "#2acfff";
export const darkSkyBlueColor = "#2c77e5";
export const turquoiseBlueColor = "#00a3bd";
export const lightTealColor = "#7de2d1";
export const vomitYellowColor = "#c3d30e";
export const yellowColor = "#ffd95e";
export const warmPinkColor = "#fc4984";
export const bubblegumPinkColor = "#ff88f1";
export const brightPurpleColor = "#bc01ff";
export const cornflowerBlueColor = "#5770d1";
export const whiteColor = "#ffffff";
export const velvetColor = "#660c63";
export const blackColor = "#111111";
export const coralColor = "#ff5b44";
export const mediumGreyColor = "#cecece";
export const shadowColor = "rgba(0, 0, 0, 0.1)";

// CUSTOM

export const bgColor = whiteColor;
export const cardBgColor = whiteColor;
export const imageBgColor = "#C1C1C1";
export const headerBgColor = "#A5A5A5";
export const transparent = "transparent";

export const textColor = "#272727";

export const dialogBackdropColor = "rgba(0, 0, 0, 0.7)";
export const blackZeroColor = "rgba(0, 0, 0, 0)";
export const blackFifteenColor = "rgba(0, 0, 0, 0.1)";
export const blackTwentyColor = "rgba(0, 0, 0, 0.2)";
export const blackThirtyColor = "rgba(0, 0, 0, 0.3)";
export const whiteZeroColor = "rgba(255, 255, 255, 0)";
export const dialogBgColor = whiteColor;
export const dialogTitleColor = "rgb(45, 47, 127)";
export const dialogApplyButtonBgColor = "rgb(44, 218, 157)";
export const dialogApplyButtonTextColor = "rgb(45, 47, 127)";
export const dialogHeaderDividerColor = "#F2F2F2";

// TAB BAR

export const tabBarBgColor = "rgb(243, 243, 243)";
export const tabBarLabelColor = "rgb(88, 88, 88)";
export const tabBarActiveLineColor = "rgb(44, 218, 157)";
export const tabBarActiveLabelColor = "rgb(45, 47, 127)";
export const tabBarShadowColor = shadowColor;
export const tabBarBorderColor = "rgba(0, 0, 0, 0.25)";
export const topTabBarDividerColor = "rgba(255,255,255, 0.4)";

// FILTER HEADER

export const filterShowMeTextColor = whiteColor;
export const categoriesFilterButtonBgColor = "rgb(25, 26, 71)";
export const filterBgColor = "rgb(45, 47, 127)";
export const interestButtonBgColor = "rgb(32, 33, 90)";
export const interestButtonTextColor = whiteColor;
export const filterButtonBorderColor = "rgb(44, 218, 157)";
export const filterButtonTextColor = "rgb(44, 218, 157)";
export const filterButtonsBgColor = darkBlueGreyTwoColor;

// EVENT LIST

export const eventListHeaderBgColor = lightishGreyColor;
export const eventListHeaderColor = "rgb(51, 51, 51)";
export const sectionHeaderBgColor = lightGreyColor;
export const sectionHeaderShadow = "rgba(0, 0, 0, 0.14)";

// EVENT DATE FILTER

export const dateRangePickerTextColor = "rgb(45, 47, 127)";
export const dateRangePickerDotColor = "rgb(44, 218, 157)";
export const dateRangePickerSelectedColor = "rgb(44, 218, 157)";
export const dateRangePickerCTABgColor = "rgb(44, 218, 157)";
export const dateRangePickerDisabledTextColor = "rgb(203, 203, 203)";

// EVENT DETAILS

export const eventDetailsBgColor = whiteColor;
export const eventDetailsHeaderBgColor = lightGreyColor;
export const eventCategoryLabelBgColor = lightishGreyColor;
export const eventDetailsBuyButtonColor = lightishGreyColor;
export const eventDetailsBuyButtonTextColor = whiteColor;

// HOMEPAGE

export const titleTextColor = "rgb(45, 47, 127)";
export const eventTileTextColor = "rgb(45, 47, 127)";

// SUPPORT US

export const supportUsButtonShadow = "rgba(0, 0, 0, 0.2)";

// SPONSOR

export const sponsorLogoBackgroundColor = "rgba(243, 243, 243, 0.5)";