import {Utils} from "tuya-panel-kit";

const {convertX: cx} = Utils.RatioUtils

const lightTheme = {
  type: 'light',
  global: {
    brand: '#ff6600',
    secondBrand: '#ff8555',
    thirdBrand: '#FFE0D4',
    background: '#ffffff',
    fontColor: '#000000',
    secondFontColor: '#666666',
    disabledFontColor: '#CBCBCB',
    success: '#00C931',
    warning: '#ff9500',
    error: '#ff0015',
  },
  card: {
    head: '#DFDEDE',
    background: '#ffffff',
    border: '#f6f6f6',
    fontColor: '#000000',
    shadowColor: '#000000'
  },
  container: {
    background: '#f6f6f6',
    divider: '#cbcbcb'
  },
  button: {
    primary: '#ff6600',
    delete: '#666666',
    cancel: '#666666',
    disabled: '#FFE0D4',
    fontColor: '#ffffff'
  },
  textInput: {
    background: '#F6F6F6',
    fontColor: '#000000',
    line: '#cbcbcb'
  },
  icon: {
    primary: '#ff6600',
    normal: '#666666',
    disable: '#cccccc',
  },
  filter: {
    fontColor: '#ff6600',
    border: '#ff6600',
    background: '#FFE0D4'
  },
  tag: {
    background: '#E6E7E8',
    fontColor: '#000000'
  },
  segment: {
    background: '#eeeeef',
    active: '#ffffff',
    fontColor: '#000000',
  },
  addNode: {
    background: '#f6f6f6',
    border: '#666666',
    fontColor: '#000000',
  },
  dialog: {
    width: cx(315), // 弹窗容器宽度
    bg: "#ffffff", // 弹窗背景色
    radius: cx(8), // 弹窗容器圆角
    cellHeight: 56, // 列表高度（头部、底部）
    lineColor: "#e5e5e5", // 分隔线颜色
    titleFontSize: 18, // 标题字体大小
    titleFontColor: "#333333", // 头部栏标题颜色
    subTitleFontSize: 16, // 副标题字体大小
    subTitleFontColor: "#999999", // 头部栏副标题颜色
    cancelFontSize: 16, // 底部栏取消字体大小
    cancelFontColor: "#666666", // 底部栏取消字体颜色
    confirmFontSize: 16, // 底部栏确认字体大小
    confirmFontColor: "#ff6600", // 底部栏确认字体颜色
    prompt: {
      bg: "#F6F6F6", // 输入框背景色
      radius: cx(4), // 输入框圆角
      padding: "12px 16px", // 输入框边距
      placeholder: "#d6d6de", // 占位符字体颜色
    },
  },
  /**
   * Popup 弹出层变量
   */
  popup: {
    cellHeight: 48, // 列表项的高度
    cellBg: "#ffffff", // 列表底色
    titleRadius: cx(8), // 头部圆角
    footerRadius: 0, // 底部圆角
    titleBg: "#ffffff",
    bottomBg: "#ffffff", // 底部栏底色
    cellFontColor: '#333333',
    lineColor: "#e5e5e5", // 分隔线颜色
    tintColor: '#ff6600',
    titleFontSize: 14, // 头部栏标题大小
    titleFontColor: "#333333", // 头部栏标题颜色
    cancelFontSize: 16, // 底部栏取消字体大小
    cancelFontColor: "#666666", // 底部栏取消字体颜色
    confirmFontSize: 16, // 底部栏确认字体大小
    confirmFontColor: "#ff6600", // 底部栏确认字体颜色
    list: {
      cellFontColor: '#333333',
    }
  },
} as const

export default lightTheme
