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

const { convertX: cx } = Utils.RatioUtils

const darkTheme = {
  type: 'dark',
  global: {
    brand: '#ffffff',
    secondBrand: '#ffffff',
    thirdBrand: '#FFE0D4',
    background: '#121212',
    fontColor: '#ffffff',
    secondFontColor: '#cccccc',
    disabledFontColor: '#555555',
    success: '#00C931',
    warning: '#ff9500',
    error: '#ff0015',
  },
  card: {
    head: '#666666',
    background: '#2a2a2a',
    border: '#f6f6f6',
    fontColor: '#ffffff',
    shadowColor: '#ffffff'
  },
  container: {
    background: '#444444',
    divider: '#ffffff'
  },
  button: {
    primary: '#ff6600',
    delete: '#ff6600',
    cancel: '#ff6600',
    disabled: '#FFE0D4',
    fontColor: '#ffffff'
  },
  textInput: {
    background: '#737373',
    fontColor: '#ffffff',
    line: '#ffffff'
  },
  icon: {
    primary: '#ff6600',  /* 明亮的橙色，保持足够的突出 */
    normal: '#a6a6a6',   /* 中性灰，适合在深色背景上 */
    disable: '#555555',  /* 更深的灰色，表示禁用状态 */
  },
  filter: {
    fontColor: '#ff6600',
    border: '#ff6600',
    background: '#FFE0D4'
  },
  tag: {
    background: '#737373',
    fontColor: '#ffffff'
  },
  segment: {
    background: '#3a3a3c',
    active: '#4a4a4c',
    fontColor: '#ffffff',
  },
  addNode: {
    background: '#4a4a4a',
    border: '#888888',
    fontColor: '#ffffff',
  },
  dialog: {
    width: cx(315), // 弹窗容器宽度
    bg: "#2a2a2a", // 弹窗背景色
    radius: cx(8), // 弹窗容器圆角
    cellHeight: 56, // 列表高度（头部、底部）
    lineColor: "#e5e5e5", // 分隔线颜色
    titleFontSize: 18, // 标题字体大小
    titleFontColor: "#fff", // 头部栏标题颜色
    subTitleFontSize: 16, // 副标题字体大小
    subTitleFontColor: "#cccccc", // 头部栏副标题颜色
    cancelFontSize: 16, // 底部栏取消字体大小
    cancelFontColor: "#cccccc", // 底部栏取消字体颜色
    confirmFontSize: 16, // 底部栏确认字体大小
    confirmFontColor: "#f60", // 底部栏确认字体颜色
    prompt: {
      bg: '#737373', // 输入框背景色
      radius: cx(4), // 输入框圆角
      padding: "12px 16px", // 输入框边距
      placeholder: "#fff", // 占位符字体颜色
    },
  },
  /**
   * Popup 弹出层变量
   */
  popup: {
    cellHeight: 48, // 列表项的高度
    cellBg: "#2a2a2a", // 列表底色
    titleRadius: cx(8), // 头部圆角
    footerRadius: 0, // 底部圆角
    titleBg: "#2a2a2a",
    bottomBg: "#2a2a2a", // 底部栏底色
    cellFontColor: '#ffffff',
    lineColor: "#e5e5e5", // 分隔线颜色
    tintColor: '#ff6600',
    titleFontSize: 14, // 头部栏标题大小
    titleFontColor: "#ffffff", // 头部栏标题颜色
    cancelFontSize: 16, // 底部栏取消字体大小
    cancelFontColor: "#cccccc", // 底部栏取消字体颜色
    confirmFontSize: 16, // 底部栏确认字体大小
    confirmFontColor: "#ff6600", // 底部栏确认字体颜色
    list: {
      cellFontColor: '#ffffff',
    }
  },
} as const

export default darkTheme
