export const theme = {
    common: {
        border: '1px solid #f4f5f5',
        backgroundColor: 'white',
        holiday: {color: '#f54f3d'},
        saturday: {color: '#84c56a'},
        dayName: {color: '#606266'},
        today: {color: '#fff'},
        gridSelection: {
            backgroundColor: 'rgba(132, 197, 106, 0.1)',
            border: '1px solid #84c56a',
        },
    },
    month: {
        dayName: {
            borderLeft: 'none',
            backgroundColor: 'inherit',
        },
        holidayExceptThisMonth: {color: '#f3acac'},
        dayExceptThisMonth: {color: '#bbb'},
        weekend: {backgroundColor: '#fafafa'},
        moreView: {boxShadow: 'none'},
        moreViewTitle: {backgroundColor: '#f4f4f4'},
    },
    week: {
        dayName: {
            borderTop: 'none',
            borderBottom: 'none',
            borderLeft: '1px solid #f4f5f5',
            backgroundColor: 'inherit',
        },
        today: {
            color: '#303133',
            backgroundColor: 'inherit',
        },
        pastDay: {color: '#999'},
        panelResizer: {border: '1px solid #f4f5f5'},
        dayGrid: {borderRight: '1px solid #f4f5f5'},
        dayGridLeft: {
            width: '100px',
            backgroundColor: '',
            borderRight: '1px solid #f4f5f5',
        },
        weekend: {backgroundColor: 'inherit'},
        timeGridLeft: {
            width: '100px',
            backgroundColor: '#fafafa',
            borderRight: '1px solid #f4f5f5',
        },
        timeGridLeftAdditionalTimezone: {backgroundColor: '#fdfdfd'},
        timeGridHourLine: {borderBottom: '1px solid #eee'},
        timeGridHalfHourLine: {borderBottom: '1px dotted #f9f9f9'},
        timeGrid: {borderRight: '1px solid #f4f5f5'},
        nowIndicatorLabel: {color: '#84c56a'},
        nowIndicatorPast: {border: '1px solid rgba(132, 197, 106, 0.3)'},
        nowIndicatorBullet: {backgroundColor: '#84c56a'},
        nowIndicatorToday: {border: '1px solid #84c56a'},
        nowIndicatorFuture: {border: '1px solid #84c56a'},
        pastTime: {color: '#999'},
        futureTime: {color: '#606266'},
        gridSelection: {color: '#84c56a'},
    },
};