dm-web-react/src/@types/theme.d.ts

The DM web client with React.

declare module "theme" {
  export interface Icons {
    icon_checkbox: {
      default_color: string;
      active_color: string;
    };
    icon_search: {
      default_color: string;
      active_color: string;
    };
  }

  export interface Imgs {
    img_revoke: {
      default: string;
    };
    img_checkbox: {
      default_unchecked: string;
      default_indeterminate: string;
      default_checked: string;
      disabled_indeterminate: string;
    };
    img_input_condition: {
      default: string;
      disabled: string;
    };
    img_arrowUpCircle: {
      default: string;
    };
    img_arrowRightCircle: {
      default: string;
    };
    img_arrowDownCircle: {
      default: string;
    };
    img_arrowLeftCircle: {
      default: string;
    };
    img_chart: {
      default: string;
    };
    img_dealType_trd: {
      default: string;
    };
    img_dealType_gvn: {
      default: string;
    };
    img_dealType_tkn: {
      default: string;
    };
  }

  export default interface Theme {
    themeName: "black" | "white";
    main: {
      default_background: string;
    };
    panel: {
      default_background: string;
      default_borderColor: string;
      default_title_color: string;
    };
    select: {
      default_color: string;
      default_background: string;
      default_borderColor: string;
      default_placeholder_color: string;
      default_indicator_color: string;
      default_menu_background: string;
      default_menu_borderColor: string;
      default_menu_boxShadowColor: string;
      default_option_color: string;
      hover_background: string;
      hover_borderColor: string;
      hover_indicator_color: string;
      hover_option_background: string;
      active_background: string;
      active_borderColor: string;
      active_indicator_color: string;
      active_option_background: string;
    };
    /**
     * button
     * - primary 主要按钮
     * - secondary 次要按钮
     * - text 文字按钮
     */
    button: {
      default_primary_color?: string;
      default_primary_background?: string;
      default_primary_borderColor?: string;
      default_secondary_color?: string;
      default_secondary_background?: string;
      default_secondary_borderColor?: string;
      default_text_color?: string;
      default_text_background?: string;
      default_text_borderColor?: string;
      hover_primary_color?: string;
      hover_primary_background?: string;
      hover_primary_borderColor?: string;
      hover_secondary_color?: string;
      hover_secondary_background?: string;
      hover_secondary_borderColor?: string;
      hover_text_color?: string;
      hover_text_background?: string;
      hover_text_borderColor?: string;
      active_primary_color?: string;
      active_primary_background?: string;
      active_primary_borderColor?: string;
      active_secondary_color?: string;
      active_secondary_background?: string;
      active_secondary_borderColor?: string;
      active_text_color?: string;
      active_text_background?: string;
      active_text_borderColor?: string;
      disabled_primary_color?: string;
      disabled_primary_background?: string;
      disabled_primary_borderColor?: string;
      disabled_secondary_color?: string;
      disabled_secondary_background?: string;
      disabled_secondary_borderColor?: string;
      disabled_text_color?: string;
      disabled_text_background?: string;
      disabled_text_borderColor?: string;
    };
    input: {
      default_color: string;
      default_background: string;
      default_borderColor: string;
      default_label_color: string;
      default_condition_color: string;
      default_condition_background: string;
      default_unit_color: string;
      hover_color: string;
      hover_background: string;
      hover_borderColor: string;
      active_color: string;
      active_background: string;
      active_borderColor: string;
      disabled_color: string;
      disabled_background: string;
      disabled_borderColor: string;
      disabled_label_color: string;
      disabled_condition_color: string;
      disabled_condition_background: string;
    };
    checkbox: {
      default_color: string;
      hover_color: string;
    };
    checkbox_button: {
      default_color: string;
      default_background: string;
      default_borderColor: string;
      hover_color: string;
      hover_background: string;
      hover_borderColor: string;
      active_color: string;
      active_background: string;
      active_borderColor: string;
      disabled_color: string;
      disabled_background: string;
      disabled_borderColor: string;
    };
    checkbox_popover: {
      default_label_color: string;
      default_label_background: string;
      default_label_borderColor: string;
      default_tip_color: string;
      default_body_background: string;
      default_body_borderColor: string;
      default_body_boxShadowColor: string;
      hover_checkbox_background: string;
      hover_checkbox_borderColor: string;
      indeterminate_label_color: string;
      indeterminate_label_background: string;
      indeterminate_label_borderColor: string;
      active_label_color: string;
      active_label_background: string;
      active_label_borderColor: string;
    };
    table: {
      default_color: string;
      default_background: string;
      default_headerRow_color: string;
      default_headerRow_background: string;
      default_headerRow_separate_borderColor: string;
      default_bodyRow_background: string;
      default_bodyRow_boxShadowColor: string;
      hover_bodyRow_background: string;
      active_bodyRow_background: string;
      highlight_bodyRow_background: string;
      flicker1_bodyRow_background: string;
      flicker2_bodyRow_background: string;
    };
    icons: Icons;
    imgs: Imgs;
  }
}