climate-app/constants.js at main · mattcoder3/climate-app · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
const WEATHER_ICONS = {
	'01d': 'clear-sky-day',
	'01n': 'clear-sky-night',
	'02d': 'few-clouds-day',
	'02n': 'few-clouds-night',
	'03d': 'scattered-clouds',
	'03n': 'scattered-clouds',
	'04d': 'broken-clouds',
	'04n': 'broken-clouds',
	'09d': 'shower-rain',
	'09n': 'shower-rain',
	'10d': 'rain-day',
	'10n': 'rain-night',
	'11d': 'thunderstorm',
	'11n': 'thunderstorm',
	'13d': 'snow',
	'13n': 'snow',
	'50d': 'mist',
	'50n': 'mist',
};

const BACKGROUND = {
	'01d': 'day',
	'01n': 'night',
	'02d': 'day',
	'02n': 'night',
	'03d': 'cloud',
	'03n': 'cloud',
	'04d': 'cloud',
	'04n': 'cloud',
	'09d': 'cloud',
	'09n': 'cloud',
	'10d': 'day',
	'10n': 'night',
	'11d': 'storm',
	'11n': 'storm',
	'13d': 'cloud',
	'13n': 'cloud',
	'50d': 'cloud',
	'50n': 'cloud',
};

const ANIMATION = {
	'01d': '',
	'01n': '',
	'02d': '',
	'02n': '',
	'03d': '',
	'03n': '',
	'04d': '',
	'04n': '',
	'09d': 'rain',
	'09n': 'rain',
	'10d': 'rain',
	'10n': 'rain',
	'11d': 'storm rain',
	'11n': 'storm rain',
	'13d': 'snow',
	'13n': 'snow',
	'50d': 'mist',
	'50n': 'mist',
};

const THEMES = {
	day: [
		'rgb(234, 234, 250)',
		'rgb(180, 180, 219)',
		'#4160b8',
		'#1d3b8b',
	],
	night: ['rgb(74, 74, 78)', 'rgb(62, 62, 66)', '#18181a', '#030303'],
	storm: [
		'rgb(184, 184, 194)',
		'rgb(148, 148, 158)',
		'#35363a',
		'#030303',
	],
	cloud: [
		'rgb(234, 234, 250)',
		'rgb(180, 180, 219)',
		'#61646e',
		'#22252b',
	],
};