zy-react-native-calendars/src/style.js

React Native Calendar Components

export const foregroundColor = 'white';
export const backgroundColor = '#f2F4f5'; // Agenda's reservations bg color

export const separatorColor = '#f2F4f5'; // not in use
export const processedColor = '#a7e0a3'; // not in use
export const processingColor = '#ffce5c'; // not in use
export const failedColor = '#f67e7e'; // not in use
export const textSecondaryColor = '#7a92a5'; // not in use

export const textDefaultColor = '#2d4150';
export const textColor = '#43515c';
export const textLinkColor = '#00BBF2';

export const textDayFontFamily = 'System';
export const textMonthFontFamily = 'System';
export const textDayHeaderFontFamily = 'System';
export const todayButtonFontFamily = 'System';

export const textDayFontWeight = '300';
export const textMonthFontWeight = '300';
export const textDayHeaderFontWeight = undefined;
export const todayButtonFontWeight = '600';

export const textDayFontSize = 16;
export const textMonthFontSize = 16;
export const textDayHeaderFontSize = 13;
export const todayButtonFontSize = 14;

export const textDayStyle = undefined;
export const dotStyle = undefined;
export const arrowStyle = undefined;

export const calendarBackground = foregroundColor;
export const textSectionTitleColor = '#b6c1cd';
export const textSectionTitleDisabledColor = '#d9e1e8';
export const selectedDayBackgroundColor = textLinkColor;
export const selectedDayTextColor = foregroundColor;
export const todayBackgroundColor = undefined;
export const todayTextColor = textLinkColor;
export const dayTextColor = textDefaultColor;
export const textDisabledColor = '#d9e1e8';
export const dotColor = textLinkColor;
export const selectedDotColor = foregroundColor;
export const disabledDotColor = undefined;
export const todayDotColor = undefined;
export const arrowColor = textLinkColor;
export const disabledArrowColor = '#d9e1e8';
export const monthTextColor = textDefaultColor;
export const indicatorColor = undefined; // use the default color of React Native ActivityIndicator
export const agendaDayTextColor = '#7a92a5';
export const agendaDayNumColor = '#7a92a5';
export const agendaTodayColor = textLinkColor;
export const agendaKnobColor = '#f2F4f5';
export const todayButtonTextColor = textLinkColor;
export const todayButtonPosition = undefined; // right' / 'left'(default)