<template>
  <section class="th-theme">
    <!--
    <el-color-picker
      :predefine="predefineColors"
      v-model="themeVal"
      size="mini"
      style="padding-top:18px;"
      class="theme-picker"
      popper-class="theme-picker-dropdown"/>
    -->
    <el-select v-model="themeVal">
      <el-option
        v-for="item in themeList"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>
  </section>
</template>

<script>
import color from '../../../src/mixins/color'

export default {
  name: 'ThTheme',
  mixins: [color()],
  data() {
    return {
      chalk: '',
      predefineColors: [
        '#ff4500',
        '#ff8c00',
        '#ffd701',
        '#90ee90',
        '#00ced1',
        '#1e90ff',
        '#c71585'
      ]
    }
  }
}
</script>
