import { Color } from "XrFrame/xrFrameSystem"

const theme = {
  "color": [
    "#72ccff",
    "#f7c5a0"
  ],
  // "backgroundColor": "#0f2226",
  "backgroundColor": "#fff",
  "textStyle": {},
  "title": {
    "textStyle": {
      // "color": "#38ff6e"
      "color": "#000"
    },
    "subtextStyle": {
      "color": "#dddddd"
    }
  },
  "line": {
    "itemStyle": {
      // "borderWidth": "4"
    },
    "lineStyle": {
      "width": "2"
    },
    "symbolSize": 6,
    "symbol": "circle",
    "smooth": true
  },
  "categoryAxis": {
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#000"
      }
    },
    "axisTick": {
      "show": true,
      "lineStyle": {
        "color": "#333"
      }
    },
    "axisLabel": {
      "show": true,
      "color": "#000"
    },
    "splitLine": {
      "show": false
    }
  },
  "valueAxis": {
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#86909C"
      }
    },
    "axisTick": {
      "show": true,
      "lineStyle": {
        "color": "#333"
      }
    },
    "axisLabel": {
      "show": true,
      "color": "#86909C"
    },
    "splitLine": {
      "show": true,
      "lineStyle": {
        "color": "#E5E8EF",
        "type": "dashed"
      }
    }
  },
  "timeAxis": {
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#666666"
      }
    },
    "axisTick": {
      "show": false,
      "lineStyle": {
        "color": "#333"
      }
    },
    "axisLabel": {
      "show": true,
      "color": "#aaaaaa"
    },
    "splitLine": {
      "show": true,
      "lineStyle": {
        "color": [
          "#666666"
        ]
      }
    },
    "splitArea": {
      "show": false,
      "areaStyle": {
        "color": [
          "rgba(250,250,250,0.05)",
          "rgba(200,200,200,0.02)"
        ]
      }
    }
  },
  "legend": {
    "textStyle": {
      "color": "#ffffff"
    }
  },
  "tooltip": {
    "axisPointer": {
      "lineStyle": {
        "color": "#cccccc",
        "width": 1
      },
      "crossStyle": {
        "color": "#cccccc",
        "width": 1
      }
    }
  },
  "visualMap": {
    "color": [
      "#fc97af",
      "#72ccff",
      "#fc97af"
    ]
  },
  "dataZoom": {
    "backgroundColor": "rgba(255,255,255,0)",
    "dataBackgroundColor": "rgba(114,204,255,1)",
    "fillerColor": "rgba(114,204,255,0.2)",
    "handleColor": "#72ccff",
    "handleSize": "100%",
    "textStyle": {
      "color": "#333333"
    }
  },
  "markPoint": {
    "label": {
      // Color:" #1976d2"
      Color:"#1D6FF6"
    },
    "emphasis": {
      "label": {
        // "color": "#293441"
        Color:" #1976d2"
      }
    }
  }
}

export default [
  'chalk',
  theme,
]