New dashboard look & feel
[src/xds/xds-agent.git] / webapp / src / app / @theme / styles / theme.default.ts
1 export const DEFAULT_THEME = {
2   name: 'default',
3   base: null,
4   variables: {
5
6     // Safari fix
7     temperature: [
8       '#42db7d',
9       '#42db7d',
10       '#42db7d',
11       '#42db7d',
12       '#42db7d',
13     ],
14
15     solar: {
16       gradientLeft: '#42db7d',
17       gradientRight: '#42db7d',
18       shadowColor: 'rgba(0, 0, 0, 0)',
19       radius: ['80%', '90%'],
20     },
21
22     traffic: {
23       colorBlack: '#000000',
24       tooltipBg: '#ffffff',
25       tooltipBorderColor: '#c0c8d1',
26       tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
27       tooltipTextColor: '#2a2a2a',
28       tooltipFontWeight: 'bolder',
29
30       lineBg: '#c0c8d1',
31       lineShadowBlur: '1',
32       itemColor: '#bcc3cc',
33       itemBorderColor: '#bcc3cc',
34       itemEmphasisBorderColor: '#42db7d',
35       shadowLineDarkBg: 'rgba(0, 0, 0, 0)',
36       shadowLineShadow: 'rgba(0, 0, 0, 0)',
37       gradFrom: '#ebeef2',
38       gradTo: '#ebeef2',
39     },
40
41     electricity: {
42       tooltipBg: '#ffffff',
43       tooltipLineColor: 'rgba(0, 0, 0, 0)',
44       tooltipLineWidth: '0',
45       tooltipBorderColor: '#ebeef2',
46       tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
47       tooltipTextColor: '#2a2a2a',
48       tooltipFontWeight: 'bolder',
49
50       axisLineColor: 'rgba(0, 0, 0, 0)',
51       xAxisTextColor: '#2a2a2a',
52       yAxisSplitLine: '#ebeef2',
53
54       itemBorderColor: '#42db7d',
55       lineStyle: 'solid',
56       lineWidth: '4',
57       lineGradFrom: '#42db7d',
58       lineGradTo: '#42db7d',
59       lineShadow: 'rgba(0, 0, 0, 0)',
60
61       areaGradFrom: 'rgba(235, 238, 242, 0.5)',
62       areaGradTo: 'rgba(235, 238, 242, 0.5)',
63       shadowLineDarkBg: 'rgba(0, 0, 0, 0)',
64     },
65
66     bubbleMap: {
67       titleColor: '#484848',
68       areaColor: '#dddddd',
69       areaHoverColor: '#cccccc',
70       areaBorderColor: '#ebeef2',
71     },
72
73     echarts: {
74       bg: '#ffffff',
75       textColor: '#484848',
76       axisLineColor: '#bbbbbb',
77       splitLineColor: '#ebeef2',
78       itemHoverShadowColor: 'rgba(0, 0, 0, 0.5)',
79       tooltipBackgroundColor: '#6a7985',
80       areaOpacity: '0.7',
81     },
82
83     chartjs: {
84       axisLineColor: '#cccccc',
85       textColor: '#484848',
86     },
87   },
88 };