@eggtronic/react-weather-widget
Version:
A nice weather widget component for react
52 lines (49 loc) • 1.34 kB
text/typescript
import { WeatherWidgetTheme } from './types/weatherWidget';
export const defaultTheme: WeatherWidgetTheme = {
color: ['#b92b27', '#1565C0'],
width: '500px',
height: '650px',
mainFontSize: '24px',
subFontSize: '14px',
mainFontColor: '#fff',
subFontColor: '#fff',
hrColor: '#fff',
lineChartPadding: [45, 30],
lineChartLabelPadding: [-10, -10],
lineChartColor: '#fff',
lineChartLabelColor: '#fff',
lineChartLabelSize: 1,
lineChartHeight: '120px'
};
export const nightTheme: WeatherWidgetTheme = {
color: ['#1F1B24', '#1F1B24'],
width: '500px',
height: '650px',
mainFontSize: '24px',
subFontSize: '14px',
mainFontColor: '#fff',
subFontColor: '#fff',
hrColor: '#fff',
lineChartPadding: [45, 30],
lineChartLabelPadding: [-10, -10],
lineChartColor: '#fff',
lineChartLabelColor: '#fff',
lineChartLabelSize: 1,
lineChartHeight: '120px'
};
export const dayTheme: WeatherWidgetTheme = {
color: ['#fff', '#fff'],
width: '500px',
height: '650px',
mainFontSize: '24px',
subFontSize: '14px',
mainFontColor: '#000',
subFontColor: '#000',
hrColor: '#000',
lineChartPadding: [45, 30],
lineChartLabelPadding: [-10, -10],
lineChartColor: '#000',
lineChartLabelColor: '#000',
lineChartLabelSize: 1,
lineChartHeight: '120px'
};