@dialpad/dialtone-tokens 1.20.0 → 1.22.0

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 (15) hide show
  1. package/dist/android/java/tokens-dark.kt +68 -66
  2. package/dist/android/java/tokens-light.kt +9 -7
  3. package/dist/android/res/values/colors-dark.xml +69 -67
  4. package/dist/android/res/values/colors-light.xml +9 -7
  5. package/dist/android/res/values/dimens.xml +1 -1
  6. package/dist/css/variables-dark.css +69 -67
  7. package/dist/css/variables-light.css +9 -7
  8. package/dist/doc.json +304 -260
  9. package/dist/ios/tokens-dark.swift +68 -66
  10. package/dist/ios/tokens-light.swift +9 -7
  11. package/dist/less/variables-dark.less +69 -67
  12. package/dist/less/variables-light.less +8 -6
  13. package/dist/tokens-dark.json +68 -66
  14. package/dist/tokens-light.json +8 -6
  15. package/package.json +2 -5
package/dist/android/res/values/colors-light.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 15 Jun 2023 16:21:07 GMT
5
+ Generated on Fri, 04 Aug 2023 17:38:19 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="dt_light_radio_color_border_unchecked">#ffaaaaaa</color>
@@ -66,13 +66,13 @@
66
66
  <color name="dt_light_color_link_critical">#ffec0e0e</color>
67
67
  <color name="dt_light_color_link_success">#ff1aa340</color>
68
68
  <color name="dt_light_color_link_warning">#ff815008</color>
69
- <color name="dt_light_color_link_muted">#80222222</color>
69
+ <color name="dt_light_color_link_muted">#ff3a3a3a</color>
70
70
  <color name="dt_light_color_link_disabled">#ff808080</color>
71
71
  <color name="dt_light_color_link_primary_inverted">#ffab7eff</color>
72
72
  <color name="dt_light_color_link_critical_inverted">#ffff8585</color>
73
73
  <color name="dt_light_color_link_success_inverted">#ffb0ffa3</color>
74
74
  <color name="dt_light_color_link_warning_inverted">#fffff4cc</color>
75
- <color name="dt_light_color_link_muted_inverted">#99e9e9e9</color>
75
+ <color name="dt_light_color_link_muted_inverted">#ffe9e9e9</color>
76
76
  <color name="dt_light_color_link_disabled_inverted">#ff808080</color>
77
77
  <color name="dt_light_color_link_primary_hover">#ff3a1d95</color>
78
78
  <color name="dt_light_color_link_critical_hover">#ffb70b0b</color>
@@ -91,6 +91,7 @@
91
91
  <color name="dt_light_color_surface_bold_opaque">#2e000000</color>
92
92
  <color name="dt_light_color_surface_strong_opaque">#ab000000</color>
93
93
  <color name="dt_light_color_surface_contrast_opaque">#de000000</color>
94
+ <color name="dt_light_color_surface_backdrop">#b3000000</color>
94
95
  <color name="dt_light_color_surface_critical_opaque">#1cec0e0e</color>
95
96
  <color name="dt_light_color_surface_critical_subtle_opaque">#0dec0e0e</color>
96
97
  <color name="dt_light_color_surface_warning_opaque">#61ffdb80</color>
@@ -280,16 +281,17 @@
280
281
  <color name="dt_light_theme_topbar_profile_color_background_inverted">#bf000000</color>
281
282
  <color name="dt_light_theme_topbar_profile_color_background_hover">#1a000000</color>
282
283
  <color name="dt_light_theme_topbar_profile_color_background_active">#24000000</color>
283
- <color name="dt_light_theme_sidebar_color_foreground">#ff000000</color>
284
+ <color name="dt_light_theme_sidebar_color_foreground">#ff3a3a3a</color>
285
+ <color name="dt_light_theme_sidebar_color_foreground_unread">#ff000000</color>
284
286
  <color name="dt_light_theme_sidebar_color_background">#fff9f9f9</color>
285
- <color name="dt_light_theme_sidebar_icon_color_foreground">#ff3b3b3b</color>
286
- <color name="dt_light_theme_sidebar_status_color_foreground">#ff545454</color>
287
+ <color name="dt_light_theme_sidebar_icon_color_foreground">#ff3a3a3a</color>
288
+ <color name="dt_light_theme_sidebar_status_color_foreground">#ff555555</color>
287
289
  <color name="dt_light_theme_sidebar_row_color_background">#00000000</color>
288
290
  <color name="dt_light_theme_sidebar_row_color_background_hover">#1f000000</color>
289
291
  <color name="dt_light_theme_sidebar_row_color_background_active">#29000000</color>
290
292
  <color name="dt_light_theme_sidebar_selected_row_color_foreground">#ff000000</color>
291
293
  <color name="dt_light_theme_sidebar_selected_row_color_background">#1a000000</color>
292
- <color name="dt_light_theme_sidebar_section_color_foreground">#ff545454</color>
294
+ <color name="dt_light_theme_sidebar_section_color_foreground">#ff555555</color>
293
295
  <color name="dt_light_theme_presence_color_background_available">#ff1aa340</color>
294
296
  <color name="dt_light_theme_presence_color_background_busy_unavailable">#ffec0e0e</color>
295
297
  <color name="dt_light_theme_presence_color_background_busy">#fff6ab3c</color>
package/dist/android/res/values/dimens.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 15 Jun 2023 16:21:07 GMT
5
+ Generated on Fri, 04 Aug 2023 17:38:19 GMT
6
6
  -->
7
7
  <resources>
8
8
  <dimen name="dt_dark_radio_size_width">16px</dimen>
package/dist/css/variables-dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Jun 2023 16:21:07 GMT
3
+ * Generated on Fri, 04 Aug 2023 17:38:19 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-dark {
@@ -32,14 +32,14 @@
32
32
  --dt-checkbox-size-width: 1.6rem;
33
33
  --dt-checkbox-size-height: 1.6rem;
34
34
  --dt-checkbox-size-radius: 0.4rem;
35
- --dt-badge-color-background-default: #f9f9f926;
35
+ --dt-badge-color-background-default: #e6e6e626;
36
36
  --dt-badge-color-background-info: #01326D;
37
37
  --dt-badge-color-background-success: #124620;
38
38
  --dt-badge-color-background-warning: #815008;
39
39
  --dt-badge-color-background-critical: #5B0505;
40
40
  --dt-badge-color-background-bulletin: #7C52FF;
41
41
  --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
42
- --dt-badge-color-foreground-default: #F9F9F9;
42
+ --dt-badge-color-foreground-default: #E6E6E6;
43
43
  --dt-badge-color-foreground-bulletin: #ffffff;
44
44
  --dt-avatar-color-foreground: #000000;
45
45
  --dt-avatar-color-background-100: #1aa340;
@@ -61,10 +61,10 @@
61
61
  --dt-avatar-color-background-1700: #ffd646;
62
62
  --dt-avatar-color-background-1800: #f1dab7;
63
63
  --dt-avatar-color-background-000: #e0e0e0;
64
- --dt-color-foreground-primary: #f9f9f9;
65
- --dt-color-foreground-secondary: #d2d2d2;
64
+ --dt-color-foreground-primary: #e6e6e6;
65
+ --dt-color-foreground-secondary: #c2c2c2;
66
66
  --dt-color-foreground-tertiary: #aaaaaa;
67
- --dt-color-foreground-muted: rgba(233, 233, 233, 0.6);
67
+ --dt-color-foreground-muted: rgba(212, 212, 212, 0.6);
68
68
  --dt-color-foreground-placeholder: #aaaaaa;
69
69
  --dt-color-foreground-disabled: #aaaaaa;
70
70
  --dt-color-foreground-critical: #ff8585;
@@ -83,17 +83,15 @@
83
83
  --dt-color-foreground-success-inverted: #1aa340;
84
84
  --dt-color-foreground-success-strong-inverted: #124620;
85
85
  --dt-color-foreground-warning-inverted: #815008;
86
- --dt-color-link-primary: #ab7eff;
86
+ --dt-color-link-primary: #b790ff;
87
87
  --dt-color-link-critical: #ff8585;
88
88
  --dt-color-link-success: #b0ffa3;
89
89
  --dt-color-link-warning: #ffdb80;
90
- --dt-color-link-muted: rgba(233, 233, 233, 0.6);
91
90
  --dt-color-link-disabled: #aaaaaa;
92
91
  --dt-color-link-primary-hover: #dac7ff;
93
92
  --dt-color-link-critical-hover: #ffe5e6;
94
93
  --dt-color-link-success-hover: #edf9eb;
95
94
  --dt-color-link-warning-hover: #fff4cc;
96
- --dt-color-link-muted-hover: #f9f9f9;
97
95
  --dt-color-link-disabled-hover: #aaaaaa;
98
96
  --dt-color-link-primary-inverted: #7c52ff;
99
97
  --dt-color-link-primary-inverted-hover: #3a1d95;
@@ -103,16 +101,18 @@
103
101
  --dt-color-link-success-inverted-hover: #124620;
104
102
  --dt-color-link-warning-inverted: #815008;
105
103
  --dt-color-link-warning-inverted-hover: #262626;
106
- --dt-color-link-muted-inverted: rgba(38, 38, 38, 0.6);
107
- --dt-color-link-muted-inverted-hover: #000000;
108
104
  --dt-color-link-disabled-inverted: #808080;
109
105
  --dt-color-link-disabled-inverted-hover: #808080;
110
- --dt-color-surface-primary: #1a1a1a;
106
+ --dt-color-link-muted: #c2c2c2;
107
+ --dt-color-link-muted-inverted: #3a3a3a;
108
+ --dt-color-link-muted-hover: #e6e6e6;
109
+ --dt-color-link-muted-inverted-hover: #000000;
110
+ --dt-color-surface-primary: #1f1f1f;
111
111
  --dt-color-surface-secondary: #262626;
112
112
  --dt-color-surface-moderate: #3a3a3a;
113
113
  --dt-color-surface-bold: #555555;
114
114
  --dt-color-surface-strong: #aaaaaa;
115
- --dt-color-surface-contrast: #f9f9f9;
115
+ --dt-color-surface-contrast: #e6e6e6;
116
116
  --dt-color-surface-critical: #5b0505;
117
117
  --dt-color-surface-critical-subtle: #2d0202;
118
118
  --dt-color-surface-warning: #815008;
@@ -121,11 +121,11 @@
121
121
  --dt-color-surface-success-subtle: #092310;
122
122
  --dt-color-surface-info: #01326d;
123
123
  --dt-color-surface-info-subtle: #011e41;
124
- --dt-color-surface-secondary-opaque: rgba(249, 249, 249, 0.06);
125
- --dt-color-surface-moderate-opaque: rgba(249, 249, 249, 0.15);
126
- --dt-color-surface-bold-opaque: rgba(249, 249, 249, 0.27);
127
- --dt-color-surface-strong-opaque: rgba(249, 249, 249, 0.65);
128
- --dt-color-surface-contrast-opaque: rgba(249, 249, 249, 0.96);
124
+ --dt-color-surface-secondary-opaque: rgba(230, 230, 230, 0.06);
125
+ --dt-color-surface-moderate-opaque: rgba(230, 230, 230, 0.15);
126
+ --dt-color-surface-bold-opaque: rgba(230, 230, 230, 0.27);
127
+ --dt-color-surface-strong-opaque: rgba(230, 230, 230, 0.65);
128
+ --dt-color-surface-contrast-opaque: rgba(230, 230, 230, 0.96);
129
129
  --dt-color-surface-critical-opaque: rgba(183, 11, 11, 0.32);
130
130
  --dt-color-surface-critical-subtle-opaque: rgba(45, 2, 2, 0.5);
131
131
  --dt-color-surface-warning-opaque: rgba(210, 143, 43, 0.48);
@@ -134,6 +134,7 @@
134
134
  --dt-color-surface-success-subtle-opaque: rgba(9, 35, 16, 0.5);
135
135
  --dt-color-surface-info-opaque: rgba(23, 105, 198, 0.29);
136
136
  --dt-color-surface-info-subtle-opaque: rgba(1, 30, 65, 0.5);
137
+ --dt-color-surface-backdrop: rgba(0, 0, 0, 0.7);
137
138
  --dt-color-surface-critical-strong: #ff8585;
138
139
  --dt-color-surface-warning-strong: #d28f2b;
139
140
  --dt-color-surface-success-strong: #b0ffa3;
@@ -179,9 +180,9 @@
179
180
  --dt-color-black-400: #555555;
180
181
  --dt-color-black-500: #808080;
181
182
  --dt-color-black-600: #aaaaaa;
182
- --dt-color-black-700: #d2d2d2;
183
- --dt-color-black-800: #e9e9e9;
184
- --dt-color-black-900: #f9f9f9;
183
+ --dt-color-black-700: #c2c2c2;
184
+ --dt-color-black-800: #d4d4d4;
185
+ --dt-color-black-900: #e6e6e6;
185
186
  --dt-color-purple-100: #10022c;
186
187
  --dt-color-purple-200: #3a1d95;
187
188
  --dt-color-purple-300: #7c52ff;
@@ -224,7 +225,7 @@
224
225
  --dt-color-gradient-magenta-purple: #000000;
225
226
  --dt-color-brand-purple: #7c52ff;
226
227
  --dt-color-brand-magenta: #f9008e;
227
- --dt-inputs-color-foreground-default: #F9F9F9;
228
+ --dt-inputs-color-foreground-default: #E6E6E6;
228
229
  --dt-inputs-color-foreground-placeholder: #AAAAAA;
229
230
  --dt-inputs-color-foreground-disabled: #AAAAAA;
230
231
  --dt-inputs-color-border-focus: #51A0FE;
@@ -233,9 +234,9 @@
233
234
  --dt-inputs-color-border-warning: #FFDB80;
234
235
  --dt-inputs-color-border-disabled: transparent;
235
236
  --dt-inputs-color-border-default: #ffffff24;
236
- --dt-inputs-color-background-default: #f9f9f90f;
237
- --dt-inputs-color-background-focus: #f9f9f908;
238
- --dt-inputs-color-background-disabled: #f9f9f926;
237
+ --dt-inputs-color-background-default: #e6e6e60f;
238
+ --dt-inputs-color-background-focus: #e6e6e608;
239
+ --dt-inputs-color-background-disabled: #e6e6e626;
239
240
  --dt-inputs-size-border-default: 0.15rem;
240
241
  --dt-inputs-size-border-status: 0.2rem;
241
242
  --dt-inputs-size-radius-xs: 0.4rem;
@@ -263,9 +264,9 @@
263
264
  --dt-action-color-foreground-inverted-primary-default: #AB7EFF;
264
265
  --dt-action-color-foreground-inverted-primary-hover: #DAC7FF;
265
266
  --dt-action-color-foreground-inverted-primary-active: #DAC7FF;
266
- --dt-action-color-foreground-muted-default: #D2D2D2;
267
- --dt-action-color-foreground-muted-hover: #D2D2D2;
268
- --dt-action-color-foreground-muted-active: #D2D2D2;
267
+ --dt-action-color-foreground-muted-default: #C2C2C2;
268
+ --dt-action-color-foreground-muted-hover: #C2C2C2;
269
+ --dt-action-color-foreground-muted-active: #C2C2C2;
269
270
  --dt-action-color-foreground-disabled-default: #AAAAAA;
270
271
  --dt-action-color-background-base-hover: #ab7eff1a;
271
272
  --dt-action-color-background-base-active: #ab7eff33;
@@ -280,50 +281,51 @@
280
281
  --dt-action-color-background-critical-primary-hover: #D90D0D;
281
282
  --dt-action-color-background-critical-primary-active: #C50C0C;
282
283
  --dt-action-color-background-inverted-primary-active: #3A1D95;
283
- --dt-action-color-background-inverted-primary-default: #1a1a1a;
284
+ --dt-action-color-background-inverted-primary-default: #1f1f1f;
284
285
  --dt-action-color-background-inverted-primary-hover: #10022C;
285
286
  --dt-action-color-background-inverted-default: transparent;
286
- --dt-action-color-background-inverted-hover: #1a1a1a26;
287
- --dt-action-color-background-inverted-active: #1a1a1a4d;
287
+ --dt-action-color-background-inverted-hover: #1f1f1f26;
288
+ --dt-action-color-background-inverted-active: #1f1f1f4d;
288
289
  --dt-action-color-background-muted-default: transparent;
289
- --dt-action-color-background-muted-hover: #e9e9e91a;
290
- --dt-action-color-background-muted-active: #e9e9e929;
290
+ --dt-action-color-background-muted-hover: #d4d4d41a;
291
+ --dt-action-color-background-muted-active: #d4d4d429;
291
292
  --dt-action-color-background-disabled-default: #3A3A3A;
292
293
  --dt-action-color-border-base-outlined-default: #AB7EFF;
293
294
  --dt-action-color-border-critical-outlined-default: #FF8585;
294
295
  --dt-action-color-border-inverted-outlined-default: #000000;
295
296
  --dt-action-color-border-muted-outlined-default: #AAAAAA;
296
297
  --dt-theme-topbar-field-color-background-hover: #000;
297
- --dt-theme-topbar-field-color-foreground: #f9f9f980;
298
- --dt-theme-topbar-field-color-foreground-hover: #f9f9f9bf;
299
- --dt-theme-topbar-field-color-background: #f9f9f90d;
300
- --dt-theme-topbar-field-color-border: #f9f9f900;
301
- --dt-theme-topbar-field-color-border-hover: #f9f9f91a;
302
- --dt-theme-topbar-field-color-border-active: #f9f9f933;
303
- --dt-theme-topbar-button-color-background-hover: #f9f9f926;
304
- --dt-theme-topbar-button-color-foreground: #f9f9f9a6;
305
- --dt-theme-topbar-button-color-foreground-hover: #F9F9F9;
306
- --dt-theme-topbar-button-color-background: #f9f9f900;
307
- --dt-theme-topbar-button-color-background-active: #f9f9f91a;
308
- --dt-theme-topbar-color-foreground: #f9f9f9bf;
298
+ --dt-theme-topbar-field-color-foreground: #e6e6e680;
299
+ --dt-theme-topbar-field-color-foreground-hover: #e6e6e6bf;
300
+ --dt-theme-topbar-field-color-background: #e6e6e60d;
301
+ --dt-theme-topbar-field-color-border: #e6e6e600;
302
+ --dt-theme-topbar-field-color-border-hover: #e6e6e61a;
303
+ --dt-theme-topbar-field-color-border-active: #e6e6e633;
304
+ --dt-theme-topbar-button-color-background-hover: #e6e6e626;
305
+ --dt-theme-topbar-button-color-foreground: #e6e6e6a6;
306
+ --dt-theme-topbar-button-color-foreground-hover: #E6E6E6;
307
+ --dt-theme-topbar-button-color-background: #e6e6e600;
308
+ --dt-theme-topbar-button-color-background-active: #e6e6e61a;
309
+ --dt-theme-topbar-color-foreground: #e6e6e6bf;
309
310
  --dt-theme-topbar-color-background: #262626;
310
- --dt-theme-topbar-profile-color-foreground: #f9f9f9bf;
311
+ --dt-theme-topbar-profile-color-foreground: #e6e6e6bf;
311
312
  --dt-theme-topbar-profile-color-foreground-inverted: #000000bf;
312
- --dt-theme-topbar-profile-color-background: #f9f9f90d;
313
- --dt-theme-topbar-profile-color-background-inverted: #f9f9f9bf;
314
- --dt-theme-topbar-profile-color-background-hover: #f9f9f91a;
315
- --dt-theme-topbar-profile-color-background-active: #f9f9f924;
316
- --dt-theme-sidebar-section-color-foreground: #a7a7a7;
317
- --dt-theme-sidebar-icon-color-foreground: #c0c0c0;
318
- --dt-theme-sidebar-row-color-background-hover: #f9f9f92e;
319
- --dt-theme-sidebar-row-color-background-active: #f9f9f93d;
320
- --dt-theme-sidebar-row-color-background: #f9f9f900;
321
- --dt-theme-sidebar-selected-row-color-background: #f9f9f933;
322
- --dt-theme-sidebar-selected-row-color-foreground: #F9F9F9;
323
- --dt-theme-sidebar-color-foreground: #F9F9F9;
313
+ --dt-theme-topbar-profile-color-background: #e6e6e60d;
314
+ --dt-theme-topbar-profile-color-background-inverted: #e6e6e6bf;
315
+ --dt-theme-topbar-profile-color-background-hover: #e6e6e61a;
316
+ --dt-theme-topbar-profile-color-background-active: #e6e6e624;
317
+ --dt-theme-sidebar-row-color-background-hover: #e6e6e62e;
318
+ --dt-theme-sidebar-row-color-background-active: #e6e6e63d;
319
+ --dt-theme-sidebar-row-color-background: #e6e6e600;
320
+ --dt-theme-sidebar-selected-row-color-background: #e6e6e633;
321
+ --dt-theme-sidebar-selected-row-color-foreground: #E6E6E6;
322
+ --dt-theme-sidebar-color-foreground: #C2C2C2;
323
+ --dt-theme-sidebar-color-foreground-unread: #E6E6E6;
324
324
  --dt-theme-sidebar-color-background: #262626;
325
- --dt-theme-sidebar-status-color-foreground: #fbfbfb;
326
- --dt-theme-color-base: #F9F9F9;
325
+ --dt-theme-sidebar-icon-color-foreground: #C2C2C2;
326
+ --dt-theme-sidebar-status-color-foreground: #AAAAAA;
327
+ --dt-theme-sidebar-section-color-foreground: #AAAAAA;
328
+ --dt-theme-color-base: #E6E6E6;
327
329
  --dt-theme-presence-color-background-available: #B0FFA3;
328
330
  --dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
329
331
  --dt-theme-presence-color-background-busy: #F6AB3C;
@@ -587,7 +589,7 @@
587
589
  --dt-shadow-small-0-y: 0.2rem;
588
590
  --dt-shadow-small-0-blur: 0.4rem;
589
591
  --dt-shadow-small-0-spread: 0;
590
- --dt-shadow-small-0-color: #00000040;
592
+ --dt-shadow-small-0-color: #00000073;
591
593
  --dt-shadow-small-0-type: dropShadow;
592
594
  --dt-shadow-small-1-x: 0.05rem;
593
595
  --dt-shadow-small-1-y: 0.05rem;
@@ -617,7 +619,7 @@
617
619
  --dt-shadow-medium-0-y: 0.2rem;
618
620
  --dt-shadow-medium-0-blur: 0.8rem;
619
621
  --dt-shadow-medium-0-spread: 0;
620
- --dt-shadow-medium-0-color: #00000059;
622
+ --dt-shadow-medium-0-color: #0000008c;
621
623
  --dt-shadow-medium-0-type: dropShadow;
622
624
  --dt-shadow-medium-1-x: 0.05rem;
623
625
  --dt-shadow-medium-1-y: 0.05rem;
@@ -647,7 +649,7 @@
647
649
  --dt-shadow-large-0-y: 0.2rem;
648
650
  --dt-shadow-large-0-blur: 1.6rem;
649
651
  --dt-shadow-large-0-spread: 0;
650
- --dt-shadow-large-0-color: #00000066;
652
+ --dt-shadow-large-0-color: #0000008c;
651
653
  --dt-shadow-large-0-type: dropShadow;
652
654
  --dt-shadow-large-1-x: -0.05rem;
653
655
  --dt-shadow-large-1-y: 0.05rem;
@@ -677,7 +679,7 @@
677
679
  --dt-shadow-extra-large-0-y: 0.2rem;
678
680
  --dt-shadow-extra-large-0-blur: 3.2rem;
679
681
  --dt-shadow-extra-large-0-spread: 0;
680
- --dt-shadow-extra-large-0-color: #00000066;
682
+ --dt-shadow-extra-large-0-color: #0000008c;
681
683
  --dt-shadow-extra-large-0-type: dropShadow;
682
684
  --dt-shadow-extra-large-1-x: 0.05rem;
683
685
  --dt-shadow-extra-large-1-y: 0.05rem;
@@ -707,19 +709,19 @@
707
709
  --dt-shadow-card-0-y: 0.1rem;
708
710
  --dt-shadow-card-0-blur: 0.2rem;
709
711
  --dt-shadow-card-0-spread: 0;
710
- --dt-shadow-card-0-color: #00000021;
712
+ --dt-shadow-card-0-color: #00000059;
711
713
  --dt-shadow-card-0-type: dropShadow;
712
714
  --dt-shadow-card-1-x: 0;
713
715
  --dt-shadow-card-1-y: 0.2rem;
714
716
  --dt-shadow-card-1-blur: 0.4rem;
715
717
  --dt-shadow-card-1-spread: 0;
716
- --dt-shadow-card-1-color: #00000024;
718
+ --dt-shadow-card-1-color: #00000073;
717
719
  --dt-shadow-card-1-type: dropShadow;
718
720
  --dt-shadow-card-2-x: 0;
719
721
  --dt-shadow-card-2-y: 0.2rem;
720
722
  --dt-shadow-card-2-blur: 1.6rem;
721
723
  --dt-shadow-card-2-spread: 0;
722
- --dt-shadow-card-2-color: #0000002e;
724
+ --dt-shadow-card-2-color: #00000094;
723
725
  --dt-shadow-card-2-type: dropShadow;
724
726
  --dt-shadow-card-3-x: 0.05rem;
725
727
  --dt-shadow-card-3-y: 0.05rem;
package/dist/css/variables-light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Jun 2023 16:21:07 GMT
3
+ * Generated on Fri, 04 Aug 2023 17:38:19 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-light {
@@ -87,13 +87,13 @@
87
87
  --dt-color-link-critical: #ec0e0e;
88
88
  --dt-color-link-success: #1aa340;
89
89
  --dt-color-link-warning: #815008;
90
- --dt-color-link-muted: rgba(34, 34, 34, 0.5);
90
+ --dt-color-link-muted: #3a3a3a;
91
91
  --dt-color-link-disabled: #808080;
92
92
  --dt-color-link-primary-inverted: #ab7eff;
93
93
  --dt-color-link-critical-inverted: #ff8585;
94
94
  --dt-color-link-success-inverted: #b0ffa3;
95
95
  --dt-color-link-warning-inverted: #fff4cc;
96
- --dt-color-link-muted-inverted: rgba(233, 233, 233, 0.6);
96
+ --dt-color-link-muted-inverted: #e9e9e9;
97
97
  --dt-color-link-disabled-inverted: #808080;
98
98
  --dt-color-link-primary-hover: #3a1d95;
99
99
  --dt-color-link-critical-hover: #b70b0b;
@@ -112,6 +112,7 @@
112
112
  --dt-color-surface-bold-opaque: rgba(0, 0, 0, 0.18);
113
113
  --dt-color-surface-strong-opaque: rgba(0, 0, 0, 0.67);
114
114
  --dt-color-surface-contrast-opaque: rgba(0, 0, 0, 0.87);
115
+ --dt-color-surface-backdrop: rgba(0, 0, 0, 0.7);
115
116
  --dt-color-surface-critical-opaque: rgba(236, 14, 14, 0.11);
116
117
  --dt-color-surface-critical-subtle-opaque: rgba(236, 14, 14, 0.05);
117
118
  --dt-color-surface-warning-opaque: rgba(255, 219, 128, 0.38);
@@ -567,16 +568,17 @@
567
568
  --dt-theme-topbar-profile-color-background-inverted: #000000bf;
568
569
  --dt-theme-topbar-profile-color-background-hover: #0000001a;
569
570
  --dt-theme-topbar-profile-color-background-active: #00000024;
570
- --dt-theme-sidebar-color-foreground: #000000;
571
+ --dt-theme-sidebar-color-foreground: #3A3A3A;
572
+ --dt-theme-sidebar-color-foreground-unread: #000000;
571
573
  --dt-theme-sidebar-color-background: #F9F9F9;
572
- --dt-theme-sidebar-icon-color-foreground: #3b3b3b;
573
- --dt-theme-sidebar-status-color-foreground: #545454;
574
+ --dt-theme-sidebar-icon-color-foreground: #3A3A3A;
575
+ --dt-theme-sidebar-status-color-foreground: #555555;
574
576
  --dt-theme-sidebar-row-color-background: #0000;
575
577
  --dt-theme-sidebar-row-color-background-hover: #0000001f;
576
578
  --dt-theme-sidebar-row-color-background-active: #00000029;
577
579
  --dt-theme-sidebar-selected-row-color-foreground: #000000;
578
580
  --dt-theme-sidebar-selected-row-color-background: #0000001a;
579
- --dt-theme-sidebar-section-color-foreground: #545454;
581
+ --dt-theme-sidebar-section-color-foreground: #555555;
580
582
  --dt-theme-presence-color-background-available: #1AA340;
581
583
  --dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
582
584
  --dt-theme-presence-color-background-busy: #F6AB3C;