theme.constants.ts
1.53 KB
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
export const IMAGES_ROOT = 'assets/img/';
export const layoutSizes = {
resWidthCollapseSidebar: 1200,
resWidthHideSidebar: 500
};
export const layoutPaths = {
images: {
root: IMAGES_ROOT,
profile: IMAGES_ROOT + 'app/profile/',
amMap: 'assets/img/theme/vendor/ammap/',
amChart: 'assets/img/theme/vendor/amcharts/dist/amcharts/images/'
}
};
export class colorHelper {
static shade = (color, weight) => {
return colorHelper.mix('#000000', color, weight);
};
static tint = (color, weight) => {
return colorHelper.mix('#ffffff', color, weight);
};
static hexToRgbA = (hex, alpha) => {
let c;
if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
c = hex.substring(1).split('');
if (c.length == 3) {
c = [c[0], c[0], c[1], c[1], c[2], c[2]];
}
c = '0x' + c.join('');
return 'rgba(' + [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') + ',' + alpha + ')';
}
throw new Error('Bad Hex');
};
static mix = (color1, color2, weight) => {
let d2h = (d) => d.toString(16);
let h2d = (h) => parseInt(h, 16);
let result = "#";
for (let i = 1; i < 7; i += 2) {
let color1Part = h2d(color1.substr(i, 2));
let color2Part = h2d(color2.substr(i, 2));
let resultPart = d2h(Math.floor(color2Part + (color1Part - color2Part) * (weight / 100.0)));
result += ('0' + resultPart).slice(-2);
}
return result;
};
}
export const isMobile = () => (/android|webos|iphone|ipad|ipod|blackberry|windows phone/).test(navigator.userAgent.toLowerCase());