webapp/src/app/@theme/styles/theme.cosmic.ts

   1 export const COSMIC_THEME = {
   2   name: 'cosmic',
   3   base: 'default',
   4   variables: {
   5
   6     temperature: [
   7       '#2ec7fe',
   8       '#31ffad',
   9       '#7bff24',
  10       '#fff024',
  11       '#f7bd59',
  12     ],
  13
  14     solar: {
  15       gradientLeft: '#7bff24',
  16       gradientRight: '#2ec7fe',
  17       shadowColor: '#19977E',
  18       radius: ['70%', '90%'],
  19     },
  20
  21     traffic: {
  22       colorBlack: '#000000',
  23       tooltipBg: 'rgba(0, 255, 170, 0.35)',
  24       tooltipBorderColor: '#00d977',
  25       tooltipExtraCss: 'box-shadow: 0px 2px 46px 0 rgba(0, 255, 170, 0.35); border-radius: 10px; padding: 4px 16px;',
  26       tooltipTextColor: '#ffffff',
  27       tooltipFontWeight: 'normal',
  28
  29       lineBg: '#d1d1ff',
  30       lineShadowBlur: '14',
  31       itemColor: '#BEBBFF',
  32       itemBorderColor: '#ffffff',
  33       itemEmphasisBorderColor: '#ffffff',
  34       shadowLineDarkBg: '#655ABD',
  35       shadowLineShadow: 'rgba(33, 7, 77, 0.5)',
  36       gradFrom: 'rgba(118, 89, 255, 0.4)',
  37       gradTo: 'rgba(164, 84, 255, 0.5)',
  38     },
  39
  40     electricity: {
  41       tooltipBg: 'rgba(0, 255, 170, 0.35)',
  42       tooltipLineColor: 'rgba(255, 255, 255, 0.1)',
  43       tooltipLineWidth: '1',
  44       tooltipBorderColor: '#00d977',
  45       tooltipExtraCss: 'box-shadow: 0px 2px 46px 0 rgba(0, 255, 170, 0.35); border-radius: 10px; padding: 8px 24px;',
  46       tooltipTextColor: '#ffffff',
  47       tooltipFontWeight: 'normal',
  48
  49       axisLineColor: 'rgba(161, 161 ,229, 0.3)',
  50       xAxisTextColor: '#a1a1e5',
  51       yAxisSplitLine: 'rgba(161, 161 ,229, 0.2)',
  52
  53       itemBorderColor: '#ffffff',
  54       lineStyle: 'dotted',
  55       lineWidth: '6',
  56       lineGradFrom: '#00ffaa',
  57       lineGradTo: '#fff835',
  58       lineShadow: 'rgba(14, 16, 48, 0.4)',
  59
  60       areaGradFrom: 'rgba(188, 92, 255, 0.5)',
  61       areaGradTo: 'rgba(188, 92, 255, 0)',
  62       shadowLineDarkBg: '#a695ff',
  63     },
  64
  65     bubbleMap: {
  66       titleColor: '#ffffff',
  67       areaColor: '#2c2961',
  68       areaHoverColor: '#a1a1e5',
  69       areaBorderColor: '#654ddb',
  70     },
  71
  72     echarts: {
  73       bg: '#3d3780',
  74       textColor: '#ffffff',
  75       axisLineColor: '#a1a1e5',
  76       splitLineColor: '#342e73',
  77       itemHoverShadowColor: 'rgba(0, 0, 0, 0.5)',
  78       tooltipBackgroundColor: '#6a7985',
  79       areaOpacity: '1',
  80     },
  81
  82     chartjs: {
  83       axisLineColor: '#a1a1e5',
  84       textColor: '#ffffff',
  85     },
  86   },
  87 };