All files / src theme.js

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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
// Theme
function shadeColor (color, percent) {
 
	let R = parseInt(color.substring(1,3),16);
	let G = parseInt(color.substring(3,5),16);
	let B = parseInt(color.substring(5,7),16);
 
	R = parseInt(R * (100 + percent) / 100, 10);
	G = parseInt(G * (100 + percent) / 100, 10);
	B = parseInt(B * (100 + percent) / 100, 10);
 
	R = (R<255)?R:255;
	G = (G<255)?G:255;
	B = (B<255)?B:255;
 
	const RR = ((R.toString(16).length === 1)?'0'+R.toString(16):R.toString(16));
	const GG = ((G.toString(16).length === 1)?'0'+G.toString(16):G.toString(16));
	const BB = ((B.toString(16).length === 1)?'0'+B.toString(16):B.toString(16));
 
	return '#'+RR+GG+BB;
};
 
const primaryColor  = '#5A33A7';
const secondaryColor = '#FF3776';
const linkColor = primaryColor;
const darkColor = '#454d5d';
const lightColor = '#ffffff';
const grayColor = "#acb3c2";
const borderColor = '#e7e9ed';
const bgColor = shadeColor(darkColor, -66);
const controlSuccessColor = '#32b643';
const controlWarningColor = '#ffb700';
const controlErrorColor = '#e85600';
const codeColor = '#e06870';
const highlightColor = '#ffe9b3';
const notifyBgColor = '#ececec';
const listActiveColor = '#f0f3f5';
 
export default {
	primaryColor,
	primaryColorDark: shadeColor(primaryColor, 3),
	primaryColorLight: shadeColor(primaryColor, -3),
	secondaryColor,
	secondaryColorDark: shadeColor(secondaryColor, 3),
	secondaryColorLight: shadeColor(secondaryColor, -3),
	linkColor: primaryColor,
	linkColorDark: shadeColor(linkColor, 10),
	darkColor,
	lightColor,
	grayColor,
	grayColorLight: shadeColor(grayColor, 20),
	grayColorDark: shadeColor(grayColor, -50),
	borderColor,
	borderColorDark: shadeColor(borderColor, 15),
	bgColor: shadeColor(darkColor, -66),
	bgColorDark: shadeColor(bgColor, 3),
	bgColorLight: lightColor,
	controlSuccessColor,
	controlWarningColor,
	controlErrorColor,
	codeColor,
	highlightColor,
	notifyBgColor,
	listActiveColor
};