@netless/telebox-insider 1.0.0-alpha.26 → 1.0.0-alpha.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/TeleBoxCollector/index.d.ts +5 -7
  2. package/dist/TeleBoxManager/index.d.ts +8 -4
  3. package/dist/TeleBoxManager/typings.d.ts +38 -0
  4. package/dist/index.d.ts +0 -1
  5. package/dist/style.css +106 -116
  6. package/dist/telebox-insider.cjs.js +58 -41
  7. package/dist/telebox-insider.cjs.js.map +1 -1
  8. package/dist/telebox-insider.es.js +58 -41
  9. package/dist/telebox-insider.es.js.map +1 -1
  10. package/package.json +1 -1
  11. package/src/TeleBox/style.scss +6 -4
  12. package/src/TeleBox/style.shadow.scss +13 -36
  13. package/src/TeleBoxCollector/index.ts +27 -39
  14. package/src/TeleBoxCollector/style.scss +4 -8
  15. package/src/TeleBoxManager/MaxTitleBar/style.scss +8 -28
  16. package/src/TeleBoxManager/index.ts +77 -20
  17. package/src/TeleBoxManager/style.scss +24 -25
  18. package/src/TeleBoxManager/typings.ts +45 -0
  19. package/src/TeleTitleBar/DefaultTitleBar/index.ts +2 -2
  20. package/src/TeleTitleBar/DefaultTitleBar/style.scss +21 -58
  21. package/src/index.ts +0 -2
  22. package/src/scss/mixins.scss +0 -5
  23. package/src/scss/variables.scss +62 -36
package/dist/style.css CHANGED
@@ -34,7 +34,8 @@
34
34
  }
35
35
  .tele-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal {
36
36
  min-width: 50px;
37
- }.telebox-quarantine {
37
+ }
38
+ .telebox-quarantine {
38
39
  all: initial;
39
40
  position: relative;
40
41
  width: 100%;
@@ -42,10 +43,9 @@
42
43
  display: flex;
43
44
  flex-direction: column;
44
45
  }
45
-
46
46
  .telebox-body-wrap {
47
47
  color: #191919;
48
- color: var(--tele-box-color, #191919);
48
+ color: var(--tele-boxColor, #191919);
49
49
  flex: 1;
50
50
  width: 100%;
51
51
  overflow: hidden;
@@ -54,69 +54,59 @@
54
54
  align-items: center;
55
55
  position: relative;
56
56
  }
57
-
58
57
  .telebox-content {
59
58
  width: 100%;
60
59
  height: 100%;
61
60
  position: relative;
62
61
  background-color: #f9f9f9;
63
- background-color: var(--tele-manager-container-background, #f9f9f9);
62
+ background-color: var(--tele-boxContainerBackground, #f9f9f9);
64
63
  }
65
-
66
64
  .telebox-box-stage {
67
65
  position: absolute;
68
66
  z-index: 1;
69
67
  overflow: hidden;
70
68
  background-color: #fff;
71
- background-color: var(--tele-manager-stage-background, #fff);
72
- box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
73
- box-shadow: var(--tele-manager-stage-shadow, 0px 0px 16px rgba(0, 0, 0, 0.08));
69
+ background-color: var(--tele-boxStageBackground, #fff);
70
+ boxShadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
71
+ boxShadow: var(--tele-boxStageShadow, 0px 0px 16px rgba(0, 0, 0, 0.08));
74
72
  }
75
-
76
73
  .telebox-footer-wrap {
77
74
  flex-shrink: 0;
78
75
  display: flex;
79
76
  flex-direction: column;
80
77
  color: #191919;
81
- color: var(--tele-box-footer-color, #191919);
78
+ color: var(--tele-boxFooterColor, #191919);
82
79
  background-color: #fff;
83
- background-color: var(--tele-box-footer-background, #fff);
80
+ background-color: var(--tele-boxFooterBackground, #fff);
84
81
  }
85
-
86
82
  .telebox-footer-wrap::before {
87
83
  content: "";
88
84
  display: block;
89
85
  flex: 1;
90
86
  }
91
-
92
87
  .telebox-color-scheme-dark {
93
88
  color-scheme: dark;
94
89
  }
95
-
96
90
  .telebox-color-scheme-dark .telebox-body-wrap {
97
91
  color: #e9e9e9;
98
- color: var(--tele-box-color-dark, #e9e9e9);
92
+ color: var(--tele-boxColor, #e9e9e9);
99
93
  }
100
-
101
94
  .telebox-color-scheme-dark .telebox-content {
102
95
  background-color: #25282e;
103
- background-color: var(--tele-manager-container-background-dark, #25282e);
96
+ background-color: var(--tele-boxContainerBackground, #25282e);
104
97
  }
105
-
106
98
  .telebox-color-scheme-dark .telebox-box-stage {
107
99
  background-color: #272a30;
108
- background-color: var(--tele-manager-stage-background-dark, #272a30);
109
- box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.24);
110
- box-shadow: var(--tele-manager-stage-shadow-dark, 0px 0px 16px rgba(0, 0, 0, 0.24));
100
+ background-color: var(--tele-boxStageBackground, #272a30);
101
+ boxShadow: 0px 0px 16px rgba(0, 0, 0, 0.24);
102
+ boxShadow: var(--tele-boxStageShadow, 0px 0px 16px rgba(0, 0, 0, 0.24));
111
103
  }
112
-
113
104
  .telebox-color-scheme-dark .telebox-footer-wrap {
114
105
  color: #e9e9e9;
115
- color: var(--tele-box-footer-color-dark, #e9e9e9);
106
+ color: var(--tele-boxFooterColor, #e9e9e9);
116
107
  background-color: #383b42;
117
- background-color: var(--tele-box-footer-background-dark, #383b42);
108
+ background-color: var(--tele-boxFooterBackground, #383b42);
118
109
  }
119
-
120
110
  .telebox-box {
121
111
  position: absolute;
122
112
  top: 0;
@@ -124,12 +114,11 @@
124
114
  z-index: 100;
125
115
  transition: width 0.4s cubic-bezier(0.4, 0.9, 0.71, 1.02), height 0.4s cubic-bezier(0.55, 0.82, 0.63, 0.95), opacity 0.6s cubic-bezier(0.7, 0, 0.84, 0), transform 0.4s ease;
126
116
  }
127
-
128
117
  .telebox-box-main {
129
118
  border: 1px solid #e3e3ec;
130
- border: var(--tele-box-border, 1px solid #e3e3ec);
131
- box-shadow: 0px 4px 10px 0px rgba(47, 65, 146, 0.15);
132
- box-shadow: var(--tele-box-shadow, 0px 4px 10px 0px rgba(47, 65, 146, 0.15));
119
+ border: var(--tele-boxBorder, 1px solid #e3e3ec);
120
+ boxShadow: 0px 4px 10px 0px rgba(47, 65, 146, 0.15);
121
+ boxShadow: var(--tele-boxShadow, 0px 4px 10px 0px rgba(47, 65, 146, 0.15));
133
122
  position: relative;
134
123
  width: 100%;
135
124
  height: 100%;
@@ -138,34 +127,30 @@
138
127
  overflow: hidden;
139
128
  border-radius: 6px;
140
129
  }
141
-
142
130
  .telebox-titlebar-wrap {
143
131
  flex-shrink: 0;
144
132
  position: relative;
145
133
  z-index: 1;
146
134
  }
147
-
148
135
  .telebox-main {
149
136
  position: relative;
150
137
  flex: 1;
151
138
  width: 100%;
152
139
  overflow: hidden;
153
140
  }
154
-
155
141
  .telebox-quarantine-outer {
156
142
  width: 100%;
157
143
  height: 100%;
158
144
  overflow: hidden;
159
145
  }
160
-
161
146
  .telebox-resize-handle {
162
147
  user-select: none;
163
148
  -webkit-touch-callout: none;
164
149
  -webkit-user-select: none;
165
150
  position: absolute;
166
151
  z-index: 2147483647;
152
+ touch-action: none;
167
153
  }
168
-
169
154
  .telebox-n {
170
155
  width: 100%;
171
156
  height: 5px;
@@ -173,7 +158,6 @@
173
158
  top: -5px;
174
159
  cursor: n-resize;
175
160
  }
176
-
177
161
  .telebox-s {
178
162
  width: 100%;
179
163
  height: 5px;
@@ -181,7 +165,6 @@
181
165
  bottom: -5px;
182
166
  cursor: s-resize;
183
167
  }
184
-
185
168
  .telebox-w {
186
169
  width: 5px;
187
170
  height: 100%;
@@ -189,7 +172,6 @@
189
172
  top: 0;
190
173
  cursor: w-resize;
191
174
  }
192
-
193
175
  .telebox-e {
194
176
  width: 5px;
195
177
  height: 100%;
@@ -197,7 +179,6 @@
197
179
  top: 0;
198
180
  cursor: e-resize;
199
181
  }
200
-
201
182
  .telebox-nw {
202
183
  width: 15px;
203
184
  height: 15px;
@@ -205,7 +186,6 @@
205
186
  left: -5px;
206
187
  cursor: nw-resize;
207
188
  }
208
-
209
189
  .telebox-ne {
210
190
  width: 15px;
211
191
  height: 15px;
@@ -213,7 +193,6 @@
213
193
  right: -5px;
214
194
  cursor: ne-resize;
215
195
  }
216
-
217
196
  .telebox-se {
218
197
  width: 15px;
219
198
  height: 15px;
@@ -221,7 +200,6 @@
221
200
  right: -5px;
222
201
  cursor: se-resize;
223
202
  }
224
-
225
203
  .telebox-sw {
226
204
  width: 15px;
227
205
  height: 15px;
@@ -229,7 +207,6 @@
229
207
  left: -5px;
230
208
  cursor: sw-resize;
231
209
  }
232
-
233
210
  .telebox-track-mask {
234
211
  user-select: none;
235
212
  -webkit-touch-callout: none;
@@ -243,75 +220,60 @@
243
220
  background: rgba(0, 0, 0, 0.0001);
244
221
  cursor: move;
245
222
  }
246
-
247
223
  .telebox-cursor-n {
248
224
  cursor: n-resize;
249
225
  }
250
-
251
226
  .telebox-cursor-s {
252
227
  cursor: s-resize;
253
228
  }
254
-
255
229
  .telebox-cursor-w {
256
230
  cursor: w-resize;
257
231
  }
258
-
259
232
  .telebox-cursor-e {
260
233
  cursor: e-resize;
261
234
  }
262
-
263
235
  .telebox-cursor-nw {
264
236
  cursor: nw-resize;
265
237
  }
266
-
267
238
  .telebox-cursor-ne {
268
239
  cursor: ne-resize;
269
240
  }
270
-
271
241
  .telebox-cursor-se {
272
242
  cursor: se-resize;
273
243
  }
274
-
275
244
  .telebox-cursor-sw {
276
245
  cursor: sw-resize;
277
246
  }
278
-
279
247
  .telebox-maximized .telebox-resize-handles,
280
248
  .telebox-no-resize .telebox-resize-handles {
281
249
  display: none;
282
250
  }
283
-
284
251
  .telebox-maximized {
285
252
  box-shadow: none;
286
253
  transition: none;
287
254
  }
288
-
289
255
  .telebox-minimized {
290
256
  transition: width 0.05s cubic-bezier(0.4, 0.9, 0.71, 1.02), height 0.05s cubic-bezier(0.55, 0.82, 0.63, 0.95), opacity 0.6s cubic-bezier(0.7, 0, 0.84, 0), transform 0.6s ease;
291
257
  opacity: 0;
292
258
  pointer-events: none;
293
259
  user-select: none;
294
260
  }
295
-
296
261
  .telebox-transforming {
297
262
  will-change: transform;
298
263
  transition: opacity 0.6s cubic-bezier(0.7, 0, 0.84, 0);
299
264
  }
300
-
301
265
  .telebox-readonly .telebox-resize-handle {
302
266
  cursor: initial !important;
303
267
  pointer-events: none !important;
304
268
  }
305
-
306
269
  .telebox-color-scheme-dark {
307
270
  color-scheme: dark;
308
271
  }
309
-
310
272
  .telebox-color-scheme-dark .telebox-box-main {
311
273
  border: 1px solid #383b42;
312
- border: var(--tele-box-border-dark, 1px solid #383b42);
313
- box-shadow: 0px 4px 10px 0px rgba(56, 59, 66, 0.15);
314
- box-shadow: var(--tele-box-shadow-dark, 0px 4px 10px 0px rgba(56, 59, 66, 0.15));
274
+ border: var(--tele-boxBorder, 1px solid #383b42);
275
+ boxShadow: 0px 4px 10px 0px rgba(56, 59, 66, 0.15);
276
+ boxShadow: var(--tele-boxShadow, 0px 4px 10px 0px rgba(56, 59, 66, 0.15));
315
277
  }.telebox-titlebar {
316
278
  user-select: none;
317
279
  -webkit-touch-callout: none;
@@ -323,11 +285,11 @@
323
285
  user-select: none;
324
286
  touch-action: manipulation;
325
287
  color: #191919;
326
- color: var(--tele-titlebar-color, #191919);
288
+ color: var(--tele-titlebarColor, #191919);
327
289
  background-color: #fff;
328
- background-color: var(--tele-titlebar-background, #fff);
290
+ background-color: var(--tele-titlebarBackground, #fff);
329
291
  border-bottom: 1px solid #eeeef7;
330
- border-bottom: var(--tele-titlebar-border-bottom, 1px solid #eeeef7);
292
+ border-bottom: var(--tele-titlebarBorderBottom, 1px solid #eeeef7);
331
293
  }
332
294
 
333
295
  .telebox-title-area {
@@ -345,7 +307,7 @@
345
307
  -webkit-touch-callout: none;
346
308
  -webkit-user-select: none;
347
309
  color: #191919;
348
- color: var(--tele-titlebar-color, #191919);
310
+ color: var(--tele-titlebarColor, #191919);
349
311
  overflow: hidden;
350
312
  margin: 0;
351
313
  padding: 0;
@@ -365,6 +327,7 @@
365
327
  bottom: 0;
366
328
  margin: auto;
367
329
  z-index: 10;
330
+ touch-action: none;
368
331
  }
369
332
 
370
333
  .telebox-titlebar-btns {
@@ -404,24 +367,24 @@
404
367
  .telebox-titlebar-icon-minimize {
405
368
  background: center/cover no-repeat;
406
369
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPHBhdGggZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOSAxM2gxMHYxLjZIOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICA8L2c+Cjwvc3ZnPgo=");
407
- background-image: var(--tele-titlebar-icon-minimize, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPHBhdGggZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOSAxM2gxMHYxLjZIOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICA8L2c+Cjwvc3ZnPgo="));
370
+ background-image: var(--tele-titlebarIconMinimize, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPHBhdGggZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOSAxM2gxMHYxLjZIOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICA8L2c+Cjwvc3ZnPgo="));
408
371
  }
409
372
 
410
373
  .telebox-titlebar-icon-maximize {
411
374
  background: center/cover no-repeat;
412
375
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPGcgZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgIGQ9Ik0yMC40ODEgMTcuMWgxLjJ2NC41ODFIMTcuMXYtMS4yaDMuMzgxVjE3LjF6bS0xNC4xOTA1LS4wMDloMS4ydjMuMzgxaDMuMzgwOXYxLjJoLTQuNTgxdi00LjU4MXpNMTcuMSA2LjE5MDVoNC41ODF2NC41ODA5aC0xLjJ2LTMuMzgxSDE3LjF2LTEuMnptLTEwLjcwMDguMTA4N2g0Ljc5ODV2MS4ySDcuNTk5MnYzLjU5ODVoLTEuMlY2LjI5OTJ6IiAvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==");
413
- background-image: var(--tele-titlebar-icon-maximize, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPGcgZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgIGQ9Ik0yMC40ODEgMTcuMWgxLjJ2NC41ODFIMTcuMXYtMS4yaDMuMzgxVjE3LjF6bS0xNC4xOTA1LS4wMDloMS4ydjMuMzgxaDMuMzgwOXYxLjJoLTQuNTgxdi00LjU4MXpNMTcuMSA2LjE5MDVoNC41ODF2NC41ODA5aC0xLjJ2LTMuMzgxSDE3LjF2LTEuMnptLTEwLjcwMDguMTA4N2g0Ljc5ODV2MS4ySDcuNTk5MnYzLjU5ODVoLTEuMlY2LjI5OTJ6IiAvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg=="));
376
+ background-image: var(--tele-titlebarIconMaximize, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPGcgZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgIGQ9Ik0yMC40ODEgMTcuMWgxLjJ2NC41ODFIMTcuMXYtMS4yaDMuMzgxVjE3LjF6bS0xNC4xOTA1LS4wMDloMS4ydjMuMzgxaDMuMzgwOXYxLjJoLTQuNTgxdi00LjU4MXpNMTcuMSA2LjE5MDVoNC41ODF2NC41ODA5aC0xLjJ2LTMuMzgxSDE3LjF2LTEuMnptLTEwLjcwMDguMTA4N2g0Ljc5ODV2MS4ySDcuNTk5MnYzLjU5ODVoLTEuMlY2LjI5OTJ6IiAvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg=="));
414
377
  }
415
378
 
416
379
  .telebox-titlebar-icon-maximize.is-active {
417
380
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjZ2MjZIMHoiIC8+CiAgICAgICAgPHBhdGggaWQ9ImMiIGQ9Ik0yNi44NjkgMEwyOCAxLjEzMVYyNi44N0wyNi44NjkgMjhIMS4xM0wwIDI2Ljg3VjEuMTMxTDEuMTMgMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgICAgICAgICA8bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tNC42NDI5LTQuNjQyOWgzNS4yODU4djM1LjI4NThILTQuNjQyOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8bWFzayBpZD0iZCIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNjIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMTcuNTE2OCAxNEwxNC0xNy41MTY4IDQ1LjUxNjggMTQgMTQgNDUuNTE2OHoiIG1hc2s9InVybCgjZCkiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjIiCiAgICAgICAgICAgIGQ9Ik0xMC4wODg2IDIxLjQ4NjV2LTMuNjk2Nkg2LjM5Mk0yMS4zODU1IDEwLjE4OTVoLTMuNjk2NlY2LjQ5M00yMS40MDIgMTcuNzk4M2gtMy42OTY2djMuNjk2Nk0xMC4yNTAzIDYuMTQ5OHYzLjg5ODVINi4zNTE3IiAvPgogICAgPC9nPgo8L3N2Zz4K");
418
- background-image: var(--tele-titlebar-icon-maximize-active, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjZ2MjZIMHoiIC8+CiAgICAgICAgPHBhdGggaWQ9ImMiIGQ9Ik0yNi44NjkgMEwyOCAxLjEzMVYyNi44N0wyNi44NjkgMjhIMS4xM0wwIDI2Ljg3VjEuMTMxTDEuMTMgMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgICAgICAgICA8bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tNC42NDI5LTQuNjQyOWgzNS4yODU4djM1LjI4NThILTQuNjQyOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8bWFzayBpZD0iZCIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNjIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMTcuNTE2OCAxNEwxNC0xNy41MTY4IDQ1LjUxNjggMTQgMTQgNDUuNTE2OHoiIG1hc2s9InVybCgjZCkiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjIiCiAgICAgICAgICAgIGQ9Ik0xMC4wODg2IDIxLjQ4NjV2LTMuNjk2Nkg2LjM5Mk0yMS4zODU1IDEwLjE4OTVoLTMuNjk2NlY2LjQ5M00yMS40MDIgMTcuNzk4M2gtMy42OTY2djMuNjk2Nk0xMC4yNTAzIDYuMTQ5OHYzLjg5ODVINi4zNTE3IiAvPgogICAgPC9nPgo8L3N2Zz4K"));
381
+ background-image: var(--tele-titlebarIconMaximizeActive, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjZ2MjZIMHoiIC8+CiAgICAgICAgPHBhdGggaWQ9ImMiIGQ9Ik0yNi44NjkgMEwyOCAxLjEzMVYyNi44N0wyNi44NjkgMjhIMS4xM0wwIDI2Ljg3VjEuMTMxTDEuMTMgMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgICAgICAgICA8bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tNC42NDI5LTQuNjQyOWgzNS4yODU4djM1LjI4NThILTQuNjQyOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8bWFzayBpZD0iZCIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNjIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMTcuNTE2OCAxNEwxNC0xNy41MTY4IDQ1LjUxNjggMTQgMTQgNDUuNTE2OHoiIG1hc2s9InVybCgjZCkiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjIiCiAgICAgICAgICAgIGQ9Ik0xMC4wODg2IDIxLjQ4NjV2LTMuNjk2Nkg2LjM5Mk0yMS4zODU1IDEwLjE4OTVoLTMuNjk2NlY2LjQ5M00yMS40MDIgMTcuNzk4M2gtMy42OTY2djMuNjk2Nk0xMC4yNTAzIDYuMTQ5OHYzLjg5ODVINi4zNTE3IiAvPgogICAgPC9nPgo8L3N2Zz4K"));
419
382
  }
420
383
 
421
384
  .telebox-titlebar-icon-close {
422
385
  background: center/cover no-repeat;
423
386
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjQiPgogICAgICAgIDxwYXRoIGQ9Ik04LjM1MyAyMC4zMzIxTDIwLjMzMiA4LjM1M00yMC4zMzIyIDIwLjMzMjFMOC4zNTMgOC4zNTMiIC8+CiAgICA8L2c+Cjwvc3ZnPgo=");
424
- background-image: var(--tele-titlebar-icon-close, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjQiPgogICAgICAgIDxwYXRoIGQ9Ik04LjM1MyAyMC4zMzIxTDIwLjMzMiA4LjM1M00yMC4zMzIyIDIwLjMzMjFMOC4zNTMgOC4zNTMiIC8+CiAgICA8L2c+Cjwvc3ZnPgo="));
387
+ background-image: var(--tele-titlebarIconClose, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjQiPgogICAgICAgIDxwYXRoIGQ9Ik04LjM1MyAyMC4zMzIxTDIwLjMzMiA4LjM1M00yMC4zMzIyIDIwLjMzMjFMOC4zNTMgOC4zNTMiIC8+CiAgICA8L2c+Cjwvc3ZnPgo="));
425
388
  }
426
389
 
427
390
  .telebox-color-scheme-dark {
@@ -430,36 +393,16 @@
430
393
 
431
394
  .telebox-color-scheme-dark .telebox-title {
432
395
  color: #e9e9e9;
433
- color: var(--tele-titlebar-color-dark, #e9e9e9);
396
+ color: var(--tele-titlebarColor, #e9e9e9);
434
397
  }
435
398
 
436
399
  .telebox-color-scheme-dark .telebox-titlebar {
437
400
  color: #e9e9e9;
438
- color: var(--tele-titlebar-color-dark, #e9e9e9);
401
+ color: var(--tele-titlebarColor, #e9e9e9);
439
402
  background-color: #383b42;
440
- background-color: var(--tele-titlebar-background-dark, #383b42);
403
+ background-color: var(--tele-titlebarBackground, #383b42);
441
404
  border-bottom: none;
442
- border-bottom: var(--tele-titlebar-border-bottom-dark, none);
443
- }
444
-
445
- .telebox-color-scheme-dark .telebox-titlebar-icon-minimize {
446
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPHBhdGggZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOSAxM2gxMHYxLjZIOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICA8L2c+Cjwvc3ZnPgo=");
447
- background-image: var(--tele-titlebar-icon-minimize-dark, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPHBhdGggZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOSAxM2gxMHYxLjZIOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICA8L2c+Cjwvc3ZnPgo="));
448
- }
449
-
450
- .telebox-color-scheme-dark .telebox-titlebar-icon-maximize {
451
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPGcgZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgIGQ9Ik0yMC40ODEgMTcuMWgxLjJ2NC41ODFIMTcuMXYtMS4yaDMuMzgxVjE3LjF6bS0xNC4xOTA1LS4wMDloMS4ydjMuMzgxaDMuMzgwOXYxLjJoLTQuNTgxdi00LjU4MXpNMTcuMSA2LjE5MDVoNC41ODF2NC41ODA5aC0xLjJ2LTMuMzgxSDE3LjF2LTEuMnptLTEwLjcwMDguMTA4N2g0Ljc5ODV2MS4ySDcuNTk5MnYzLjU5ODVoLTEuMlY2LjI5OTJ6IiAvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==");
452
- background-image: var(--tele-titlebar-icon-maximize-dark, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPGcgZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgIGQ9Ik0yMC40ODEgMTcuMWgxLjJ2NC41ODFIMTcuMXYtMS4yaDMuMzgxVjE3LjF6bS0xNC4xOTA1LS4wMDloMS4ydjMuMzgxaDMuMzgwOXYxLjJoLTQuNTgxdi00LjU4MXpNMTcuMSA2LjE5MDVoNC41ODF2NC41ODA5aC0xLjJ2LTMuMzgxSDE3LjF2LTEuMnptLTEwLjcwMDguMTA4N2g0Ljc5ODV2MS4ySDcuNTk5MnYzLjU5ODVoLTEuMlY2LjI5OTJ6IiAvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg=="));
453
- }
454
-
455
- .telebox-color-scheme-dark .telebox-titlebar-icon-maximize.is-active {
456
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjZ2MjZIMHoiIC8+CiAgICAgICAgPHBhdGggaWQ9ImMiIGQ9Ik0yNi44NjkgMEwyOCAxLjEzMVYyNi44N0wyNi44NjkgMjhIMS4xM0wwIDI2Ljg3VjEuMTMxTDEuMTMgMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgICAgICAgICA8bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tNC42NDI5LTQuNjQyOWgzNS4yODU4djM1LjI4NThILTQuNjQyOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8bWFzayBpZD0iZCIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNjIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMTcuNTE2OCAxNEwxNC0xNy41MTY4IDQ1LjUxNjggMTQgMTQgNDUuNTE2OHoiIG1hc2s9InVybCgjZCkiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjIiCiAgICAgICAgICAgIGQ9Ik0xMC4wODg2IDIxLjQ4NjV2LTMuNjk2Nkg2LjM5Mk0yMS4zODU1IDEwLjE4OTVoLTMuNjk2NlY2LjQ5M00yMS40MDIgMTcuNzk4M2gtMy42OTY2djMuNjk2Nk0xMC4yNTAzIDYuMTQ5OHYzLjg5ODVINi4zNTE3IiAvPgogICAgPC9nPgo8L3N2Zz4K");
457
- background-image: var(--tele-titlebar-icon-maximize-active-dark, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjZ2MjZIMHoiIC8+CiAgICAgICAgPHBhdGggaWQ9ImMiIGQ9Ik0yNi44NjkgMEwyOCAxLjEzMVYyNi44N0wyNi44NjkgMjhIMS4xM0wwIDI2Ljg3VjEuMTMxTDEuMTMgMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgICAgICAgICA8bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tNC42NDI5LTQuNjQyOWgzNS4yODU4djM1LjI4NThILTQuNjQyOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8bWFzayBpZD0iZCIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNjIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMTcuNTE2OCAxNEwxNC0xNy41MTY4IDQ1LjUxNjggMTQgMTQgNDUuNTE2OHoiIG1hc2s9InVybCgjZCkiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjIiCiAgICAgICAgICAgIGQ9Ik0xMC4wODg2IDIxLjQ4NjV2LTMuNjk2Nkg2LjM5Mk0yMS4zODU1IDEwLjE4OTVoLTMuNjk2NlY2LjQ5M00yMS40MDIgMTcuNzk4M2gtMy42OTY2djMuNjk2Nk0xMC4yNTAzIDYuMTQ5OHYzLjg5ODVINi4zNTE3IiAvPgogICAgPC9nPgo8L3N2Zz4K"));
458
- }
459
-
460
- .telebox-color-scheme-dark .telebox-titlebar-icon-close {
461
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjQiPgogICAgICAgIDxwYXRoIGQ9Ik04LjM1MyAyMC4zMzIxTDIwLjMzMiA4LjM1M00yMC4zMzIyIDIwLjMzMjFMOC4zNTMgOC4zNTMiIC8+CiAgICA8L2c+Cjwvc3ZnPgo=");
462
- background-image: var(--tele-titlebar-icon-close-dark, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjQiPgogICAgICAgIDxwYXRoIGQ9Ik04LjM1MyAyMC4zMzIxTDIwLjMzMiA4LjM1M00yMC4zMzIyIDIwLjMzMjFMOC4zNTMgOC4zNTMiIC8+CiAgICA8L2c+Cjwvc3ZnPgo="));
405
+ border-bottom: var(--tele-titlebarBorderBottom, none);
463
406
  }.telebox-manager-container {
464
407
  position: relative;
465
408
  overflow: hidden;
@@ -468,32 +411,79 @@
468
411
  display: flex;
469
412
  justify-content: center;
470
413
  align-items: center;
414
+ --tele-managerContainerBackground: #f9f9f9;
415
+ --tele-managerStageBackground: #fff;
416
+ --tele-managerStageShadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
417
+ --tele-boxContainerBackground: #f9f9f9;
418
+ --tele-boxStageBackground: #fff;
419
+ --tele-boxStageShadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
420
+ --tele-boxColor: #191919;
421
+ --tele-boxBorder: 1px solid #e3e3ec;
422
+ --tele-boxShadow: 0px 4px 10px 0px rgba(47, 65, 146, 0.15);
423
+ --tele-boxFooterColor: #191919;
424
+ --tele-boxFooterBackground: #fff;
425
+ --tele-titlebarColor: #191919;
426
+ --tele-titlebarBackground: #fff;
427
+ --tele-titlebarBorderBottom: 1px solid #eeeef7;
428
+ --tele-titlebarTabColor: #7b88a0;
429
+ --tele-titlebarTabFocusColor: #357bf6;
430
+ --tele-titlebarTabBackground: transparent;
431
+ --tele-titlebarTabDividerColor: #e5e5f0;
432
+ --tele-collectorBackground: #fff;
433
+ --tele-collectorShadow: 0px 2px 6px 0px rgba(47, 65, 146, 0.15);
471
434
  background: #f9f9f9;
472
- background: var(--tele-manager-container-background, #f9f9f9);
435
+ background: var(--tele-managerContainerBackground, #f9f9f9);
473
436
  }
474
- .telebox-manager-container.is-maximized > .telebox-manager-stage, .telebox-manager-container.is-minimized > .telebox-manager-stage {
437
+ .telebox-manager-container.telebox-is-maximized > .telebox-manager-stage, .telebox-manager-container.telebox-is-minimized > .telebox-manager-stage {
475
438
  overflow: visible;
476
439
  }
440
+ .telebox-manager-container.telebox-is-fullscreen .telebox-titlebar-icon-maximize,
441
+ .telebox-manager-container.telebox-is-fullscreen .telebox-titlebar-icon-minimize {
442
+ display: none !important;
443
+ }
444
+ .telebox-manager-container.telebox-hide-fullscreen-titlebar .telebox-titlebar {
445
+ display: none !important;
446
+ }
477
447
  .telebox-manager-stage {
478
448
  position: relative;
479
449
  overflow: hidden;
480
450
  background: #fff;
481
- background: var(--tele-manager-stage-background, #fff);
482
- box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
483
- box-shadow: var(--tele-manager-stage-shadow, 0px 0px 16px rgba(0, 0, 0, 0.08));
451
+ background: var(--tele-managerStageBackground, #fff);
452
+ boxShadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
453
+ boxShadow: var(--tele-managerStageShadow, 0px 0px 16px rgba(0, 0, 0, 0.08));
484
454
  }
485
455
  .telebox-color-scheme-dark {
486
456
  color-scheme: dark;
487
457
  }
488
458
  .telebox-color-scheme-dark.telebox-manager-container {
459
+ --tele-managerContainerBackground: #25282e;
460
+ --tele-managerStageBackground: #272a30;
461
+ --tele-managerStageShadow: 0px 0px 16px rgba(0, 0, 0, 0.24);
462
+ --tele-boxContainerBackground: #25282e;
463
+ --tele-boxStageBackground: #272a30;
464
+ --tele-boxStageShadow: 0px 0px 16px rgba(0, 0, 0, 0.24);
465
+ --tele-boxColor: #e9e9e9;
466
+ --tele-boxBorder: 1px solid #383b42;
467
+ --tele-boxShadow: 0px 4px 10px 0px rgba(56, 59, 66, 0.15);
468
+ --tele-boxFooterColor: #e9e9e9;
469
+ --tele-boxFooterBackground: #383b42;
470
+ --tele-titlebarColor: #e9e9e9;
471
+ --tele-titlebarBackground: #383b42;
472
+ --tele-titlebarBorderBottom: none;
473
+ --tele-titlebarTabColor: #e9e9e9;
474
+ --tele-titlebarTabFocusColor: #357bf6;
475
+ --tele-titlebarTabBackground: transparent;
476
+ --tele-titlebarTabDividerColor: #7b88a0;
477
+ --tele-collectorBackground: #383b42;
478
+ --tele-collectorShadow: 0px 2px 6px 0px rgba(47, 65, 146, 0.15);
489
479
  background: #25282e;
490
- background: var(--tele-manager-container-background-dark, #25282e);
480
+ background: var(--tele-managerContainerBackground, #25282e);
491
481
  }
492
482
  .telebox-color-scheme-dark.telebox-manager-container > .telebox-manager-stage {
493
483
  background: #272a30;
494
- background: var(--tele-manager-stage-background-dark, #272a30);
495
- box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.24);
496
- box-shadow: var(--tele-manager-stage-shadow-dark, 0px 0px 16px rgba(0, 0, 0, 0.24));
484
+ background: var(--tele-managerStageBackground, #272a30);
485
+ boxShadow: 0px 0px 16px rgba(0, 0, 0, 0.24);
486
+ boxShadow: var(--tele-managerStageShadow, 0px 0px 16px rgba(0, 0, 0, 0.24));
497
487
  }.telebox-collector {
498
488
  user-select: none;
499
489
  -webkit-touch-callout: none;
@@ -518,9 +508,9 @@
518
508
  background-position: center;
519
509
  -webkit-tap-highlight-color: transparent;
520
510
  background-color: #fff;
521
- background-color: var(--tele-collector-background, #fff);
522
- box-shadow: 0px 2px 6px 0px rgba(47, 65, 146, 0.15);
523
- box-shadow: var(--tele-collector-shadow, 0px 2px 6px 0px rgba(47, 65, 146, 0.15));
511
+ background-color: var(--tele-collectorBackground, #fff);
512
+ boxShadow: 0px 2px 6px 0px rgba(47, 65, 146, 0.15);
513
+ boxShadow: var(--tele-collectorShadow, 0px 2px 6px 0px rgba(47, 65, 146, 0.15));
524
514
  }
525
515
 
526
516
  .telebox-collector-visible {
@@ -538,9 +528,9 @@
538
528
 
539
529
  .telebox-color-scheme-dark.telebox-collector {
540
530
  background-color: #383b42;
541
- background-color: var(--tele-collector-background-dark, #383b42);
542
- box-shadow: 0px 2px 6px 0px rgba(47, 65, 146, 0.15);
543
- box-shadow: var(--tele-collector-shadow-dark, 0px 2px 6px 0px rgba(47, 65, 146, 0.15));
531
+ background-color: var(--tele-collectorBackground, #383b42);
532
+ boxShadow: 0px 2px 6px 0px rgba(47, 65, 146, 0.15);
533
+ boxShadow: var(--tele-collectorShadow, 0px 2px 6px 0px rgba(47, 65, 146, 0.15));
544
534
  }.telebox-max-titlebar {
545
535
  user-select: none;
546
536
  -webkit-touch-callout: none;
@@ -630,15 +620,15 @@
630
620
  cursor: pointer;
631
621
  user-select: none;
632
622
  color: #7b88a0;
633
- color: var(--tele-titlebar-tab-color, #7b88a0);
623
+ color: var(--tele-titlebarTabColor, #7b88a0);
634
624
  background-color: transparent;
635
- background-color: var(--tele-titlebar-tab-background, transparent);
625
+ background-color: var(--tele-titlebarTabBackground, transparent);
636
626
  border-right-color: #e5e5f0;
637
- border-right-color: var(--tele-titlebar-tab-divider-color, #e5e5f0);
627
+ border-right-color: var(--tele-titlebarTabDividerColor, #e5e5f0);
638
628
  }
639
629
  .telebox-titles-tab-focus {
640
630
  color: #357bf6;
641
- color: var(--tele-titlebar-tab-focus-color, #357bf6);
631
+ color: var(--tele-titlebarTabFocusColor, #357bf6);
642
632
  }
643
633
  .telebox-readonly .telebox-titles-tab {
644
634
  cursor: not-allowed;
@@ -648,13 +638,13 @@
648
638
  }
649
639
  .telebox-color-scheme-dark .telebox-titles-tab {
650
640
  color: #e9e9e9;
651
- color: var(--tele-titlebar-tab-color-dark, #e9e9e9);
641
+ color: var(--tele-titlebarTabColor, #e9e9e9);
652
642
  background-color: transparent;
653
- background-color: var(--tele-titlebar-tab-background-dark, transparent);
643
+ background-color: var(--tele-titlebarTabBackground, transparent);
654
644
  border-right-color: #7b88a0;
655
- border-right-color: var(--tele-titlebar-tab-divider-color-dark, #7b88a0);
645
+ border-right-color: var(--tele-titlebarTabDividerColor, #7b88a0);
656
646
  }
657
647
  .telebox-color-scheme-dark .telebox-titles-tab-focus {
658
648
  color: #357bf6;
659
- color: var(--tele-titlebar-tab-focus-color-dark, #357bf6);
649
+ color: var(--tele-titlebarTabFocusColor, #357bf6);
660
650
  }