console/themes.js at master · DataWorkbench/console · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
// todo: 对 vscode 插件不友好
module.exports = {
  // 中性色
  font: {
    h1: 'var(--dw-color-text-h1)',
    h2: 'var(--dw-color-text-h2)',
    h3: 'var(--dw-color-text-h3)',
    secondary: 'var(--dw-color-text-secondary)',
    placeholder: 'var(--dw-color-text-placeholder)',
    white: 'var(--dw-color-text-white)',
    black: 'var(--dw-color-text-black)',
    DEFAULT: 'var(--dw-color-text-default)'
  },
  bgColor: {
    DEFAULT: 'var-(--dw-color-background)',
    dark: 'var(--dw-color-background-dark)',
    light: 'var(--dw-color-background-light)',
    white: 'var(--dw-color-background-white)',
    black: 'var(--dw-color-background-black)',
    backdrop: 'var(--dw-color-background-backdrop)'
  },
  separator: {
    DEFAULT: 'var(--dw-color-border-separator-default)',
    light: 'var(--dw-color-border-separator-light)'
    // dark: 'var(--dw-color-border-separator-dark)',
  },
  // 品牌色
  brand: {
    primary: 'var(--dw-color-brand-primary)',
    hover: 'var(--dw-color-brand-primary-hover)',
    secondary: 'var(--dw-color-brand-secondary)'
  },
  // 功能色
  info: {
    DEFAULT: 'var(--dw-color-function-info-default)',
    hover: 'var(--dw-color-function-info-hover)',
    active: 'var(--dw-color-function-info-active)',
    border: 'var(--dw-color-function-info-border)',
    bg: 'var(--dw-color-function-info-bg)',
    light: 'var(--dw-color-function-info-light)'
  },
  // 成功色
  success: {
    DEFAULT: 'var(--dw-color-function-success-default)',
    hover: 'var(--dw-color-function-success-hover)',
    active: 'var(--dw-color-function-success-active)',
    border: 'var(--dw-color-function-success-border)',
    bg: 'var(--dw-color-function-success-bg)'
  },
  // 警示色
  error: {
    DEFAULT: 'var(--dw-color-function-error-default)',
    hover: 'var(--dw-color-function-error-hover)',
    active: 'var(--dw-color-function-error-active)',
    border: 'var(--dw-color-function-error-border)',
    bg: 'var(--dw-color-function-error-bg)'
  },
  // 提醒色
  warning: {
    DEFAULT: 'var(--dw-color-function-warning-default)',
    hover: 'var(--dw-color-function-warning-hover)',
    active: 'var(--dw-color-function-warning-active)',
    border: 'var(--dw-color-function-warning-border)',
    bg: 'var(--dw-color-function-warning-bg)'
  },
  // 链接色
  link: {
    DEFAULT: 'var(--dw-color-function-link-default)',
    hover: 'var(--dw-color-function-link-hover)'
  },
  // 组件色
  icon: {
    single: {
      dark: 'var(--dw-color-icon-single-dark)',
      darkgray: 'var(--dw-color-icon-single-darkgray)',
      gray: 'var(--dw-color-icon-single-gray)',
      info: 'var(--dw-color-icon-single-info)',
      warning: 'var(--dw-color-icon-single-warning)',
      error: 'var(--dw-color-icon-single-error)',
      white: 'var(--dw-color-icon-single-white)'
    },
    double: {
      darkgray: 'var(--dw-color-icon-double-dark-gray)',
      lightgray: 'var(--dw-color-icon-double-light-gray)',
      darkgreen: 'var(--dw-color-icon-double-dark-green)',
      lightgreen: 'var(--dw-color-icon-double-light-green)',
      darkwhite: 'var(--dw-color-icon-double-dark-white)',
      lightwhite: 'var(--dw-color-icon-double-light-white)'
    }
  },
  button: {
    primary: {
      DEFAULT: 'var(--dw-color-button-primary-default)',
      hover: 'var(--dw-color-button-primary-hover)',
      active: 'var(--dw-color-button-primary-active)',
      text: 'var(--dw-color-button-primary-text)'
    },
    secondary: {
      DEFAULT: 'var(--dw-color-button-secondary-default)',
      hover: 'var(--dw-color-button-secondary-hover)',
      active: 'var(--dw-color-button-secondary-active)',
      text: 'var(--dw-color-button-secondary-text)'
    },
    thirdly: {
      DEFAULT: 'var(--dw-color-button-thirdly-default)',
      hover: 'var(--dw-color-button-thirdly-hover)',
      active: 'var(--dw-color-button-thirdly-active)',
      text: 'var(--dw-color-button-thirdly-text)'
    },
    ghost: {
      DEFAULT: 'var(--dw-color-button-ghost-default)',
      hover: 'var(--dw-color-button-ghost-hover)',
      active: 'var(--dw-color-button-ghost-active)',
      text: 'var(--dw-color-button-ghost-text)'
    },
    dangerous: {
      DEFAULT: 'var(--dw-color-button-danger-default)',
      hover: 'var(--dw-color-button-danger-hover)',
      active: 'var(--dw-color-button-danger-active)',
      text: 'var(--dw-color-button-danger-text)'
    },
    disabled: {
      DEFAULT: 'var(--dw-color-button-disabled-default)',
      text: 'var(--dw-color-button-disabled-text)'
    }
  }
}