| 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168 | 1×
1×
1×
67×
67×
1×
1×
7×
7×
12×
12×
1×
1×
5×
5×
2×
2×
1×
1×
1×
1×
1×
1×
1×
1×
6×
6×
2×
2×
1×
1×
26×
26×
67×
1×
| define(["require", "exports"], function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
function getTooltipThemeColor(theme) {
var style;
switch (theme) {
case 'Highcontrast':
case 'HighContrast':
style = {
tooltipFill: '#ffffff',
tooltipBoldLabel: '#000000',
tooltipLightLabel: '#000000',
tooltipHeaderLine: '#969696',
textStyle: { fontFamily: 'Segoe UI', color: '#000000', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
case 'MaterialDark':
case 'FabricDark':
case 'BootstrapDark':
style = {
tooltipFill: theme === 'MaterialDark' ? '#F4F4F4' : theme === 'FabricDark' ? '#A19F9D' : '#F0F0F0',
tooltipBoldLabel: theme === 'MaterialDark' ? 'rgba(18, 18, 18, 1)' : theme === 'FabricDark' ? '#DADADA' : '#1A1A1A',
tooltipLightLabel: theme === 'MaterialDark' ? 'rgba(18, 18, 18, 1)' : theme === 'FabricDark' ? '#DADADA' : '#1A1A1A',
tooltipHeaderLine: '#9A9A9A',
textStyle: theme === 'MaterialDark' ? { fontFamily: 'Roboto', color: 'rgba(18, 18, 18, 1)', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' } : theme === 'FabricDark' ? { fontFamily: 'Segoe UI', color: '#DADADA', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' } : { fontFamily: 'Helvetica', color: '#1A1A1A', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
case 'Bootstrap4':
style = {
tooltipFill: '#212529',
tooltipBoldLabel: '#F9FAFB',
tooltipLightLabel: '#F9FAFB',
tooltipHeaderLine: 'rgba(255, 255, 255, 0.2)',
textStyle: { fontFamily: 'Helvetica', color: '#F9FAFB', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
case 'Tailwind3':
style = {
tooltipFill: '#111827',
tooltipBoldLabel: '#F9FAFB',
tooltipLightLabel: '#F9FAFB',
tooltipHeaderLine: '#D1D5DB',
textStyle: { fontFamily: 'Inter', color: '#F9FAFB', fontWeight: '500', size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
case 'Tailwind3Dark':
style = {
tooltipFill: '#F9FAFB',
tooltipBoldLabel: '#1F2937',
tooltipLightLabel: '#1F2937',
tooltipHeaderLine: '#374151',
textStyle: { fontFamily: 'Inter', color: '#1F2937', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
case 'Tailwind':
style = {
tooltipFill: '#111827',
tooltipBoldLabel: '#F9FAFB',
tooltipLightLabel: '#F9FAFB',
tooltipHeaderLine: '#6B7280',
textStyle: { fontFamily: 'Inter', color: '#F9FAFB', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
case 'TailwindDark':
style = {
tooltipFill: '#E9ECEF',
tooltipBoldLabel: '#1F2937',
tooltipLightLabel: '#1F2937',
tooltipHeaderLine: '#9CA3AF',
textStyle: { fontFamily: 'Inter', color: '#1F2937', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
case 'Bootstrap5':
style = {
tooltipFill: '#000000E5',
tooltipBoldLabel: '#FFFFFF',
tooltipLightLabel: '#FFFFFF',
tooltipHeaderLine: '#FFFFFF',
textStyle: { fontFamily: 'Segoe UI', color: '#FFFFFF', fontWeight: null, size: '12px', headerTextSize: '16px', boldTextSize: '14px' }
};
break;
case 'Bootstrap5Dark':
style = {
tooltipFill: '#FFFFFFE5',
tooltipBoldLabel: '#212529',
tooltipLightLabel: '#212529',
tooltipHeaderLine: '#212529',
textStyle: { fontFamily: 'Helvetica', color: '#212529', fontWeight: null, size: '12px', headerTextSize: '16px', boldTextSize: '14px' }
};
break;
case 'Fluent':
style = {
tooltipFill: '#FFFFFF',
tooltipBoldLabel: '#323130',
tooltipLightLabel: '#323130',
tooltipHeaderLine: '#D2D0CE',
textStyle: { fontFamily: 'Segoe UI', color: '#323130', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
case 'FluentDark':
style = {
tooltipFill: '#323130',
tooltipBoldLabel: '#F3F2F2',
tooltipLightLabel: '#F3F2F1',
tooltipHeaderLine: '#3B3A39',
textStyle: { fontFamily: 'Segoe UI', color: '#F3F2F1', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
case 'Fluent2':
style = {
tooltipFill: '#FFFFFF',
tooltipBoldLabel: '#242424',
tooltipLightLabel: '#242424',
tooltipHeaderLine: '#D2D0CE',
textStyle: { fontFamily: 'Segoe UI', color: '#242424', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
case 'Fluent2Dark':
style = {
tooltipFill: '#292929',
tooltipBoldLabel: '#FFFFFF',
tooltipLightLabel: '#FFFFFF',
tooltipHeaderLine: '#3B3A39',
textStyle: { fontFamily: 'Segoe UI', color: '#FFFFFF', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
case 'Fluent2HighContrast':
style = {
tooltipFill: '#000000',
tooltipBoldLabel: '#FFFFFF',
tooltipLightLabel: '#FFFFFF',
tooltipHeaderLine: '#3B3A39',
textStyle: { fontFamily: 'Segoe UI', color: '#FFFFFF', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
case 'Material3':
style = {
tooltipFill: '#313033',
tooltipBoldLabel: '#F4EFF4',
tooltipLightLabel: '#F4EFF4',
tooltipHeaderLine: '#F4EFF4',
textStyle: { fontFamily: 'Roboto', color: '#F4EFF4', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
case 'Material3Dark':
style = {
tooltipFill: '#E6E1E5',
tooltipBoldLabel: '#313033',
tooltipLightLabel: '#313033',
tooltipHeaderLine: '#313033',
textStyle: { fontFamily: 'Roboto', color: '#313033', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
default:
style = {
tooltipFill: theme === 'Material' ? '#000816' : theme === 'Fabric' ? '#FFFFFF' : '#212529',
tooltipBoldLabel: theme === 'Material' ? 'rgba(249, 250, 251, 1)' : theme === 'Fabric' ? '#333333' : '#F9FAFB',
tooltipLightLabel: theme === 'Material' ? 'rgba(249, 250, 251, 1)' : theme === 'Fabric' ? '#333333' : '#F9FAFB',
tooltipHeaderLine: theme === 'Fabric' ? '#D2D0CE' : '#ffffff',
textStyle: theme === 'Material' ? { fontFamily: 'Roboto', color: 'rgba(249, 250, 251, 1)', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' } : theme === 'Fabric' ? { fontFamily: 'Segoe UI', color: '#333333', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' } : { fontFamily: 'Helvetica', color: '#F9FAFB', fontWeight: null, size: '12px', headerTextSize: '12px', boldTextSize: '12px' }
};
break;
}
return style;
}
exports.getTooltipThemeColor = getTooltipThemeColor;
});
|