base6-ui 1.1.1 → 1.1.2

package/src/config/themes/components/charts/dark.ts

@@ -1,425 +0,0 @@
-import { darkBase } from '../../color'
-import { darkToken } from '../../token'
-
-const nameTextStyle = {
-  'color': darkToken['color-text-1'],
-  'fontWeight': 400,
-  'fontSize': 14,
-  'lineHeight': 20
-}
-export const ChartsThemeDark = {
-  'color': [
-    '#5895ff',
-    '#6dd68e',
-    '#f7a55d',
-    '#ef7173',
-    '#cc84ff',
-    '#70c1ff',
-    '#71dad6'
-  ],
-  'textStyle': {},
-  'title': {
-    'textStyle': {
-      'color': darkToken['color-text-1'],
-      'fontWeight': 400,
-      'fontSize': 14,
-      'lineHeight': 20
-    },
-    'subtextStyle': {
-      'color': '#93b7e3'
-    }
-  },
-  'line': {
-    'itemStyle': {
-      'borderWidth': '0'
-    },
-    'lineStyle': {
-      'width': '2'
-    },
-    'symbolSize': '0',
-    'symbol': 'circle',
-    'smooth': false
-  },
-  'radar': {
-    'itemStyle': {
-      'borderWidth': '0'
-    },
-    'lineStyle': {
-      'width': '2'
-    },
-    'symbolSize': '0',
-    'symbol': 'circle',
-    'smooth': false
-  },
-  'bar': {
-    'itemStyle': {
-      'barBorderWidth': 0,
-      'barBorderColor': '#ccc',
-      'borderRadius': [4, 4, 0, 0]
-    },
-    'barMaxWidth': 28
-  },
-  'pie': {
-    'padAngle': 1,
-    'itemStyle': {
-      'borderWidth': 0,
-      'borderColor': '#ccc'
-    }
-  },
-  'scatter': {
-    'itemStyle': {
-      'borderWidth': 0,
-      'borderColor': '#ccc'
-    }
-  },
-  'boxplot': {
-    'itemStyle': {
-      'borderWidth': 0,
-      'borderColor': '#ccc'
-    }
-  },
-  'parallel': {
-    'itemStyle': {
-      'borderWidth': 0,
-      'borderColor': '#ccc'
-    }
-  },
-  'sankey': {
-    'itemStyle': {
-      'borderWidth': 0,
-      'borderColor': '#ccc'
-    }
-  },
-  'funnel': {
-    'itemStyle': {
-      'borderWidth': 0,
-      'borderColor': '#ccc'
-    }
-  },
-  'gauge': {
-    'itemStyle': {
-      'borderWidth': 0,
-      'borderColor': '#ccc'
-    }
-  },
-  'candlestick': {
-    'itemStyle': {
-      'color': '#edafda',
-      'color0': 'transparent',
-      'borderColor': '#d680bc',
-      'borderColor0': '#8fd3e8',
-      'borderWidth': '2'
-    }
-  },
-  'graph': {
-    'itemStyle': {
-      'borderWidth': 0,
-      'borderColor': '#ccc'
-    },
-    'lineStyle': {
-      'width': 1,
-      'color': '#aaa'
-    },
-    'symbolSize': '0',
-    'symbol': 'circle',
-    'smooth': false,
-    'color': [
-      '#5895ff',
-      '#6dd68e',
-      '#f7a55d',
-      '#ef7173',
-      '#cc84ff',
-      '#70c1ff',
-      '#71dad6'
-    ],
-    'label': {
-      'color': '#ffffff'
-    }
-  },
-  'map': {
-    'itemStyle': {
-      'areaColor': '#f3f3f3',
-      'borderColor': '#516b91',
-      'borderWidth': 0.5
-    },
-    'label': {
-      'color': '#000'
-    },
-    'emphasis': {
-      'itemStyle': {
-        'areaColor': '#a5e7f0',
-        'borderColor': '#516b91',
-        'borderWidth': 1
-      },
-      'label': {
-        'color': '#516b91'
-      }
-    }
-  },
-  'geo': {
-    'itemStyle': {
-      'areaColor': '#f3f3f3',
-      'borderColor': '#516b91',
-      'borderWidth': 0.5
-    },
-    'label': {
-      'color': '#000'
-    },
-    'emphasis': {
-      'itemStyle': {
-        'areaColor': '#a5e7f0',
-        'borderColor': '#516b91',
-        'borderWidth': 1
-      },
-      'label': {
-        'color': '#516b91'
-      }
-    }
-  },
-  'categoryAxis': {
-    'nameTextStyle': nameTextStyle,
-    'axisLine': {
-      'show': true,
-      'lineStyle': {
-        'color': darkBase['color-gray-4']
-      }
-    },
-    'axisTick': {
-      'show': false,
-      'lineStyle': {
-        'color': '#333'
-      }
-    },
-    'axisLabel': {
-      'show': true,
-      'color': darkToken['color-text-2']
-    },
-    'splitLine': {
-      'show': false,
-      'lineStyle': {
-        'color': [
-          '#eeeeee'
-        ]
-      }
-    },
-    'splitArea': {
-      'show': false,
-      'areaStyle': {
-        'color': [
-          'rgba(250,250,250,0.05)',
-          'rgba(200,200,200,0.02)'
-        ]
-      }
-    }
-  },
-  'valueAxis': {
-    'nameTextStyle': nameTextStyle,
-    'axisLine': {
-      'show': false,
-      'lineStyle': {
-        'color': darkBase['color-gray-4']
-      }
-    },
-    'axisTick': {
-      'show': false,
-      'lineStyle': {
-        'color': '#333'
-      }
-    },
-    'axisLabel': {
-      'show': true,
-      'color': darkToken['color-text-2']
-    },
-    'splitLine': {
-      'show': false,
-      'lineStyle': {
-        'color': [
-          '#eeeeee'
-        ]
-      }
-    },
-    'splitArea': {
-      'show': false,
-      'areaStyle': {
-        'color': [
-          'rgba(250,250,250,0.05)',
-          'rgba(200,200,200,0.02)'
-        ]
-      }
-    }
-  },
-  'logAxis': {
-    'nameTextStyle': nameTextStyle,
-    'axisLine': {
-      'show': true,
-      'lineStyle': {
-        'color': darkBase['color-gray-4']
-      }
-    },
-    'axisTick': {
-      'show': false,
-      'lineStyle': {
-        'color': '#333'
-      }
-    },
-    'axisLabel': {
-      'show': true,
-      'color': darkToken['color-text-2']
-    },
-    'splitLine': {
-      'show': false,
-      'lineStyle': {
-        'color': [
-          '#eeeeee'
-        ]
-      }
-    },
-    'splitArea': {
-      'show': false,
-      'areaStyle': {
-        'color': [
-          'rgba(250,250,250,0.05)',
-          'rgba(200,200,200,0.02)'
-        ]
-      }
-    }
-  },
-  'timeAxis': {
-    'nameTextStyle': nameTextStyle,
-    'axisLine': {
-      'show': true,
-      'lineStyle': {
-        'color': darkBase['color-gray-4']
-      }
-    },
-    'axisTick': {
-      'show': false,
-      'lineStyle': {
-        'color': '#333'
-      }
-    },
-    'axisLabel': {
-      'show': true,
-      'color': darkToken['color-text-2']
-    },
-    'splitLine': {
-      'show': false,
-      'lineStyle': {
-        'color': [
-          '#eeeeee'
-        ]
-      }
-    },
-    'splitArea': {
-      'show': false,
-      'areaStyle': {
-        'color': [
-          'rgba(250,250,250,0.05)',
-          'rgba(200,200,200,0.02)'
-        ]
-      }
-    }
-  },
-  'toolbox': {
-    'iconStyle': {
-      'borderColor': '#999'
-    },
-    'emphasis': {
-      'iconStyle': {
-        'borderColor': '#666'
-      }
-    }
-  },
-  'legend': {
-    'textStyle': {
-      color: darkToken['color-text-2'], 'lineHeight': 16, 'fontSize': 12
-    },
-    'itemGap': 16,
-    'itemWidth': 12,
-    'itemHeight': 12,
-    'inactiveColor': darkToken['color-text-4']
-  },
-  'tooltip': {
-    'borderColor': darkBase['color-gray-3'],
-    'backgroundColor': darkBase['color-gray-3'],
-    'padding': 12,
-    'textStyle': {
-      'color': darkToken['color-text-1'],
-      'fontSize': 12,
-      'fontWeight': 400
-    },
-    'extraCssText': 'box-shadow: 0px 3px 10px 0px #0151FF1A;',
-    'axisPointer': {
-      'lineStyle': {
-        'color': '#ccc',
-        'width': 1
-      },
-      'crossStyle': {
-        'color': '#ccc',
-        'width': 1
-      }
-    }
-  },
-  'timeline': {
-    'lineStyle': {
-      'color': '#4c8eff',
-      'width': 1
-    },
-    'itemStyle': {
-      'color': '#4c8eff',
-      'borderWidth': 1
-    },
-    'controlStyle': {
-      'color': '#4c8eff',
-      'borderColor': '#4c8eff',
-      'borderWidth': 0.5
-    },
-    'checkpointStyle': {
-      'color': '#4c8eff',
-      'borderColor': '#8a7ca8'
-    },
-    'label': {
-      'color': '#4c8eff'
-    },
-    'emphasis': {
-      'itemStyle': {
-        'color': '#4c8eff'
-      },
-      'controlStyle': {
-        'color': '#4c8eff',
-        'borderColor': '#4c8eff',
-        'borderWidth': 0.5
-      },
-      'label': {
-        'color': '#4c8eff'
-      }
-    }
-  },
-  'visualMap': {
-    'color': [
-      '#516b91',
-      '#59c4e6',
-      '#a5e7f0'
-    ]
-  },
-  'dataZoom': {
-    'backgroundColor': 'rgba(0,0,0,0)',
-    'dataBackgroundColor': 'rgba(255,255,255,0.3)',
-    'fillerColor': 'rgba(167,183,204,0.4)',
-    'handleColor': '#a7b7cc',
-    'handleSize': '100%',
-    'textStyle': {
-      'color': '#333'
-    }
-  },
-  'markPoint': {
-    'label': {
-      'color': '#ffffff'
-    },
-    'emphasis': {
-      'label': {
-        'color': '#ffffff'
-      }
-    }
-  }
-}