diff options
Diffstat (limited to 'webapp/src/app/@theme/styles/theme.cosmic.ts')
-rw-r--r-- | webapp/src/app/@theme/styles/theme.cosmic.ts | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/webapp/src/app/@theme/styles/theme.cosmic.ts b/webapp/src/app/@theme/styles/theme.cosmic.ts new file mode 100644 index 0000000..a252beb --- /dev/null +++ b/webapp/src/app/@theme/styles/theme.cosmic.ts @@ -0,0 +1,87 @@ +export const COSMIC_THEME = { + name: 'cosmic', + base: 'default', + variables: { + + temperature: [ + '#2ec7fe', + '#31ffad', + '#7bff24', + '#fff024', + '#f7bd59', + ], + + solar: { + gradientLeft: '#7bff24', + gradientRight: '#2ec7fe', + shadowColor: '#19977E', + radius: ['70%', '90%'], + }, + + traffic: { + colorBlack: '#000000', + tooltipBg: 'rgba(0, 255, 170, 0.35)', + tooltipBorderColor: '#00d977', + tooltipExtraCss: 'box-shadow: 0px 2px 46px 0 rgba(0, 255, 170, 0.35); border-radius: 10px; padding: 4px 16px;', + tooltipTextColor: '#ffffff', + tooltipFontWeight: 'normal', + + lineBg: '#d1d1ff', + lineShadowBlur: '14', + itemColor: '#BEBBFF', + itemBorderColor: '#ffffff', + itemEmphasisBorderColor: '#ffffff', + shadowLineDarkBg: '#655ABD', + shadowLineShadow: 'rgba(33, 7, 77, 0.5)', + gradFrom: 'rgba(118, 89, 255, 0.4)', + gradTo: 'rgba(164, 84, 255, 0.5)', + }, + + electricity: { + tooltipBg: 'rgba(0, 255, 170, 0.35)', + tooltipLineColor: 'rgba(255, 255, 255, 0.1)', + tooltipLineWidth: '1', + tooltipBorderColor: '#00d977', + tooltipExtraCss: 'box-shadow: 0px 2px 46px 0 rgba(0, 255, 170, 0.35); border-radius: 10px; padding: 8px 24px;', + tooltipTextColor: '#ffffff', + tooltipFontWeight: 'normal', + + axisLineColor: 'rgba(161, 161 ,229, 0.3)', + xAxisTextColor: '#a1a1e5', + yAxisSplitLine: 'rgba(161, 161 ,229, 0.2)', + + itemBorderColor: '#ffffff', + lineStyle: 'dotted', + lineWidth: '6', + lineGradFrom: '#00ffaa', + lineGradTo: '#fff835', + lineShadow: 'rgba(14, 16, 48, 0.4)', + + areaGradFrom: 'rgba(188, 92, 255, 0.5)', + areaGradTo: 'rgba(188, 92, 255, 0)', + shadowLineDarkBg: '#a695ff', + }, + + bubbleMap: { + titleColor: '#ffffff', + areaColor: '#2c2961', + areaHoverColor: '#a1a1e5', + areaBorderColor: '#654ddb', + }, + + echarts: { + bg: '#3d3780', + textColor: '#ffffff', + axisLineColor: '#a1a1e5', + splitLineColor: '#342e73', + itemHoverShadowColor: 'rgba(0, 0, 0, 0.5)', + tooltipBackgroundColor: '#6a7985', + areaOpacity: '1', + }, + + chartjs: { + axisLineColor: '#a1a1e5', + textColor: '#ffffff', + }, + }, +}; |