@times-design-system/theme-css 2.1.0 → 2.3.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 (3) hide show
  1. package/README.md +63 -92
  2. package/dist/variables.css +1098 -408
  3. package/package.json +3 -3
package/dist/variables.css CHANGED
@@ -11,7 +11,7 @@
11
11
  --fontFamily010: Times Modern;
12
12
  --fontFamily020: Times Digital W04 Regular;
13
13
  --fontFamily030: Times Digital W04 Bold;
14
- --fontFamily040: Roboto;
14
+ --fontFamily040: Times Roboto;
15
15
  --fontLineHeight010: 1;
16
16
  --fontLineHeight020: 1.125;
17
17
  --fontLineHeight030: 1.25;
@@ -72,7 +72,7 @@
72
72
  --input-fill-info: #eff2f8;
73
73
  --input-border-default: #8c8c8c;
74
74
  --input-border-error: #b20908;
75
- --input-border-hover: #808080;
75
+ --input-border-hover: #6d6d6d;
76
76
  --input-border-active: #595959;
77
77
  --input-border-completed: #262626;
78
78
  --input-border-success: #298458;
@@ -262,6 +262,16 @@
262
262
  --interactive-chip-channel-primary-off-border-default: #a8a8a8;
263
263
  --interactive-chip-channel-primary-off-border-hover: #8f8f8f;
264
264
  --interactive-chip-channel-primary-off-border-pressed: #868686;
265
+ --interactive-tab-fill-default: #ffffff;
266
+ --interactive-tab-fill-hover: #f2f2f2;
267
+ --interactive-tab-fill-pressed: #d9d9d9;
268
+ --interactive-tab-text-default: #1a1a1a;
269
+ --interactive-tab-text-hover: #404040;
270
+ --interactive-tab-text-pressed: #404040;
271
+ --interactive-tab-icon-default: #1a1a1a;
272
+ --interactive-tab-icon-hover: #404040;
273
+ --interactive-tab-icon-pressed: #404040;
274
+ --interactive-tab-selected-border-default: #000000;
265
275
  --active-fill: #000000;
266
276
  --active-text: #ffffff;
267
277
  --active-border: #000000;
@@ -271,17 +281,22 @@
271
281
  --label-secondary: #737373;
272
282
  --label-channel: #595959;
273
283
  --label-callout: #b20908;
274
- --flag-primary-fill: #000000;
275
- --flag-primary-text: #f2f2f2;
276
- --flag-primary-icon: #f2f2f2;
277
- --flag-secondary-text: #1a1a1a;
278
- --flag-secondary-icon: #1a1a1a;
279
- --flag-channel-fill: #a8a8a8;
280
- --flag-channel-text: #262626;
281
- --flag-channel-icon: #262626;
282
- --flag-callout-fill: #b20908;
283
- --flag-callout-text: #ffffff;
284
- --flag-callout-icon: #ffffff;
284
+ --tag-primary-fill: #000000;
285
+ --tag-primary-text: #ffffff;
286
+ --tag-primary-icon: #ffffff;
287
+ --tag-secondary-fill: #d9d9d9;
288
+ --tag-secondary-text: #1a1a1a;
289
+ --tag-secondary-icon: #1a1a1a;
290
+ --tag-tertiary-text: #1a1a1a;
291
+ --tag-tertiary-icon: #1a1a1a;
292
+ --tag-callout-primary-fill: #b20908;
293
+ --tag-callout-primary-text: #ffffff;
294
+ --tag-callout-primary-icon: #ffffff;
295
+ --tag-callout-secondary-fill: #ffefef;
296
+ --tag-callout-secondary-text: #b20908;
297
+ --tag-callout-secondary-icon: #b20908;
298
+ --tag-callout-tertiary-text: #b20908;
299
+ --tag-callout-tertiary-icon: #b20908;
285
300
  --toast-fill-info: #0a3472;
286
301
  --toast-fill-success: #22724f;
287
302
  --toast-fill-warning: #e49307;
@@ -364,9 +379,6 @@
364
379
  --interactive-chip-channel-primary-off-border-hover: #cf889b;
365
380
  --interactive-chip-channel-primary-off-border-pressed: #c97a8f;
366
381
  --label-channel: #c06f85;
367
- --flag-channel-fill: #e0b3bf;
368
- --flag-channel-text: #4e0f24;
369
- --flag-channel-icon: #4e0f24;
370
382
  }
371
383
 
372
384
  [data-theme="life-and-style"] {
@@ -422,9 +434,6 @@
422
434
  --interactive-chip-channel-primary-off-border-hover: #50d7eb;
423
435
  --interactive-chip-channel-primary-off-border-pressed: #3fd3ea;
424
436
  --label-channel: #49d5eb;
425
- --flag-channel-fill: #82e2f1;
426
- --flag-channel-text: #1d4d57;
427
- --flag-channel-icon: #1d4d57;
428
437
  }
429
438
 
430
439
  [data-theme="puzzles"] {
@@ -480,9 +489,6 @@
480
489
  --interactive-chip-channel-primary-off-border-hover: #ec9971;
481
490
  --interactive-chip-channel-primary-off-border-pressed: #e98c5f;
482
491
  --label-channel: #eba37f;
483
- --flag-channel-fill: #f3c0a7;
484
- --flag-channel-text: #703b1a;
485
- --flag-channel-icon: #703b1a;
486
492
  }
487
493
 
488
494
  [data-theme="home"] {
@@ -538,9 +544,6 @@
538
544
  --interactive-chip-channel-primary-off-border-hover: #7ea5e3;
539
545
  --interactive-chip-channel-primary-off-border-pressed: #6d99df;
540
546
  --label-channel: #6d95de;
541
- --flag-channel-fill: #b1c8ee;
542
- --flag-channel-text: #0e2f64;
543
- --flag-channel-icon: #0e2f64;
544
547
  }
545
548
 
546
549
  [data-theme="uk"] {
@@ -596,9 +599,6 @@
596
599
  --interactive-chip-channel-primary-off-border-hover: #95b0c4;
597
600
  --interactive-chip-channel-primary-off-border-pressed: #88a6bd;
598
601
  --label-channel: #84a2ba;
599
- --flag-channel-fill: #bccdda;
600
- --flag-channel-text: #21394c;
601
- --flag-channel-icon: #21394c;
602
602
  }
603
603
 
604
604
  [data-theme="world"] {
@@ -654,9 +654,6 @@
654
654
  --interactive-chip-channel-primary-off-border-hover: #8db8bd;
655
655
  --interactive-chip-channel-primary-off-border-pressed: #81b0b5;
656
656
  --label-channel: #6ea7a9;
657
- --flag-channel-fill: #b2cfd2;
658
- --flag-channel-text: #083c3e;
659
- --flag-channel-icon: #083c3e;
660
657
  }
661
658
 
662
659
  [data-theme="business"] {
@@ -712,9 +709,6 @@
712
709
  --interactive-chip-channel-primary-off-border-hover: #8db0ca;
713
710
  --interactive-chip-channel-primary-off-border-pressed: #7fa7c3;
714
711
  --label-channel: #73a2c0;
715
- --flag-channel-fill: #b6cddd;
716
- --flag-channel-text: #10394e;
717
- --flag-channel-icon: #10394e;
718
712
  }
719
713
 
720
714
  [data-theme="money"] {
@@ -770,9 +764,6 @@
770
764
  --interactive-chip-channel-primary-off-border-hover: #a0c8b8;
771
765
  --interactive-chip-channel-primary-off-border-pressed: #93c0af;
772
766
  --label-channel: #95c3af;
773
- --flag-channel-fill: #c8dfd6;
774
- --flag-channel-text: #2c5341;
775
- --flag-channel-icon: #2c5341;
776
767
  }
777
768
 
778
769
  [data-theme="sport"] {
@@ -828,9 +819,6 @@
828
819
  --interactive-chip-channel-primary-off-border-hover: #8fb99c;
829
820
  --interactive-chip-channel-primary-off-border-pressed: #83b191;
830
821
  --label-channel: #6ea782;
831
- --flag-channel-fill: #b2cfbb;
832
- --flag-channel-text: #063e21;
833
- --flag-channel-icon: #063e21;
834
822
  }
835
823
 
836
824
  [data-theme="travel"] {
@@ -886,9 +874,6 @@
886
874
  --interactive-chip-channel-primary-off-border-hover: #8cb2d0;
887
875
  --interactive-chip-channel-primary-off-border-pressed: #7ea8ca;
888
876
  --label-channel: #78a7ca;
889
- --flag-channel-fill: #b8cfe2;
890
- --flag-channel-text: #183b56;
891
- --flag-channel-icon: #183b56;
892
877
  }
893
878
 
894
879
  [data-theme="culture"] {
@@ -944,9 +929,6 @@
944
929
  --interactive-chip-channel-primary-off-border-hover: #cb8aaa;
945
930
  --interactive-chip-channel-primary-off-border-pressed: #c47ca0;
946
931
  --label-channel: #ba729b;
947
- --flag-channel-fill: #ddb3c8;
948
- --flag-channel-text: #4b1331;
949
- --flag-channel-icon: #4b1331;
950
932
  }
951
933
 
952
934
  [data-theme="obituaries"] {
@@ -1002,9 +984,6 @@
1002
984
  --interactive-chip-channel-primary-off-border-hover: #aeaeaa;
1003
985
  --interactive-chip-channel-primary-off-border-pressed: #a5a59f;
1004
986
  --label-channel: #9e9e9b;
1005
- --flag-channel-fill: #ccccc9;
1006
- --flag-channel-text: #363636;
1007
- --flag-channel-icon: #363636;
1008
987
  }
1009
988
 
1010
989
  [data-theme="ireland"] {
@@ -1060,9 +1039,271 @@
1060
1039
  --interactive-chip-channel-primary-off-border-hover: #91a2a1;
1061
1040
  --interactive-chip-channel-primary-off-border-pressed: #879a98;
1062
1041
  --label-channel: #66807d;
1063
- --flag-channel-fill: #aebbba;
1064
- --flag-channel-text: #0a1f1c;
1065
- --flag-channel-icon: #0a1f1c;
1042
+ }
1043
+
1044
+ [data-theme="magazineLuxx"] {
1045
+ --surface-channel-50: #f4f7f7;
1046
+ --surface-channel-100: #e4ebf0;
1047
+ --surface-channel-200: #b1c5d3;
1048
+ --surface-channel-300: #145683;
1049
+ --surface-channel-400: #0e3c5c;
1050
+ --surface-channel-500: #0b2c42;
1051
+ --text-channel-primary: #29628d;
1052
+ --text-channel-secondary: #5581a1;
1053
+ --text-channel-tertiary: #84a2ba;
1054
+ --icon-channel-primary: #145683;
1055
+ --icon-channel-secondary: #3e6f95;
1056
+ --icon-channel-tertiary: #84a2ba;
1057
+ --border-channel-primary: #b1c5d3;
1058
+ --border-channel-secondary: #d7e1e9;
1059
+ --border-channel-tertiary: #eff2f5;
1060
+ --interactive-chip-channel-secondary-on-fill-default: #f4f7f7;
1061
+ --interactive-chip-channel-secondary-on-fill-hover: #c9d8d8;
1062
+ --interactive-chip-channel-secondary-on-fill-pressed: #bbcece;
1063
+ --interactive-chip-channel-secondary-on-text-default: #145683;
1064
+ --interactive-chip-channel-secondary-on-text-hover: #114a6f;
1065
+ --interactive-chip-channel-secondary-on-text-pressed: #104569;
1066
+ --interactive-chip-channel-secondary-on-icon-default: #145683;
1067
+ --interactive-chip-channel-secondary-on-icon-hover: #114a6f;
1068
+ --interactive-chip-channel-secondary-on-icon-pressed: #104569;
1069
+ --interactive-chip-channel-secondary-on-border-default: #145683;
1070
+ --interactive-chip-channel-secondary-on-border-hover: #114a6f;
1071
+ --interactive-chip-channel-secondary-on-border-pressed: #104569;
1072
+ --interactive-chip-channel-secondary-off-fill-default: #e4ebf0;
1073
+ --interactive-chip-channel-secondary-off-fill-hover: #b7cad7;
1074
+ --interactive-chip-channel-secondary-off-fill-pressed: #a8becf;
1075
+ --interactive-chip-channel-secondary-off-text-default: #0e3c5c;
1076
+ --interactive-chip-channel-secondary-off-text-hover: #0c334e;
1077
+ --interactive-chip-channel-secondary-off-text-pressed: #0b3049;
1078
+ --interactive-chip-channel-secondary-off-icon-default: #0e3c5c;
1079
+ --interactive-chip-channel-secondary-off-icon-hover: #0c334e;
1080
+ --interactive-chip-channel-secondary-off-icon-pressed: #0b3049;
1081
+ --interactive-chip-channel-primary-on-fill-default: #145683;
1082
+ --interactive-chip-channel-primary-on-fill-hover: #114a6f;
1083
+ --interactive-chip-channel-primary-on-fill-pressed: #104569;
1084
+ --interactive-chip-channel-primary-off-fill-default: #e4ebf0;
1085
+ --interactive-chip-channel-primary-off-fill-hover: #b7cad7;
1086
+ --interactive-chip-channel-primary-off-fill-pressed: #a8becf;
1087
+ --interactive-chip-channel-primary-off-text-default: #0b2c42;
1088
+ --interactive-chip-channel-primary-off-text-hover: #092538;
1089
+ --interactive-chip-channel-primary-off-text-pressed: #092335;
1090
+ --interactive-chip-channel-primary-off-icon-default: #0b2c42;
1091
+ --interactive-chip-channel-primary-off-icon-hover: #092538;
1092
+ --interactive-chip-channel-primary-off-icon-pressed: #092335;
1093
+ --interactive-chip-channel-primary-off-border-default: #b1c5d3;
1094
+ --interactive-chip-channel-primary-off-border-hover: #8ca9be;
1095
+ --interactive-chip-channel-primary-off-border-pressed: #7fa0b7;
1096
+ --label-channel: #6b90ae;
1097
+ }
1098
+
1099
+ [data-theme="magazineSundayTimes"] {
1100
+ --surface-channel-50: #f7f7f5;
1101
+ --surface-channel-100: #edede8;
1102
+ --surface-channel-200: #d3c9be;
1103
+ --surface-channel-300: #7e6645;
1104
+ --surface-channel-400: #5a4730;
1105
+ --surface-channel-500: #3f3321;
1106
+ --text-channel-primary: #887253;
1107
+ --text-channel-secondary: #9f8c75;
1108
+ --text-channel-tertiary: #b7aa9a;
1109
+ --icon-channel-primary: #7e6645;
1110
+ --icon-channel-secondary: #927c60;
1111
+ --icon-channel-tertiary: #b7aa9a;
1112
+ --border-channel-primary: #d3c9be;
1113
+ --border-channel-secondary: #e9e5e0;
1114
+ --border-channel-tertiary: #f5f5f2;
1115
+ --interactive-chip-channel-secondary-on-fill-default: #f7f7f5;
1116
+ --interactive-chip-channel-secondary-on-fill-hover: #d6d6cc;
1117
+ --interactive-chip-channel-secondary-on-fill-pressed: #cbcbbe;
1118
+ --interactive-chip-channel-secondary-on-text-default: #7e6645;
1119
+ --interactive-chip-channel-secondary-on-text-hover: #6b573b;
1120
+ --interactive-chip-channel-secondary-on-text-pressed: #655237;
1121
+ --interactive-chip-channel-secondary-on-icon-default: #7e6645;
1122
+ --interactive-chip-channel-secondary-on-icon-hover: #6b573b;
1123
+ --interactive-chip-channel-secondary-on-icon-pressed: #655237;
1124
+ --interactive-chip-channel-secondary-on-border-default: #7e6645;
1125
+ --interactive-chip-channel-secondary-on-border-hover: #6b573b;
1126
+ --interactive-chip-channel-secondary-on-border-pressed: #655237;
1127
+ --interactive-chip-channel-secondary-off-fill-default: #edede8;
1128
+ --interactive-chip-channel-secondary-off-fill-hover: #cecec1;
1129
+ --interactive-chip-channel-secondary-off-fill-pressed: #c4c4b3;
1130
+ --interactive-chip-channel-secondary-off-text-default: #5a4730;
1131
+ --interactive-chip-channel-secondary-off-text-hover: #4c3c29;
1132
+ --interactive-chip-channel-secondary-off-text-pressed: #483926;
1133
+ --interactive-chip-channel-secondary-off-icon-default: #5a4730;
1134
+ --interactive-chip-channel-secondary-off-icon-hover: #4c3c29;
1135
+ --interactive-chip-channel-secondary-off-icon-pressed: #483926;
1136
+ --interactive-chip-channel-primary-on-fill-default: #7e6645;
1137
+ --interactive-chip-channel-primary-on-fill-hover: #6b573b;
1138
+ --interactive-chip-channel-primary-on-fill-pressed: #655237;
1139
+ --interactive-chip-channel-primary-off-fill-default: #edede8;
1140
+ --interactive-chip-channel-primary-off-fill-hover: #cecec1;
1141
+ --interactive-chip-channel-primary-off-fill-pressed: #c4c4b3;
1142
+ --interactive-chip-channel-primary-off-text-default: #3f3321;
1143
+ --interactive-chip-channel-primary-off-text-hover: #362b1c;
1144
+ --interactive-chip-channel-primary-off-text-pressed: #33291a;
1145
+ --interactive-chip-channel-primary-off-icon-default: #3f3321;
1146
+ --interactive-chip-channel-primary-off-icon-hover: #362b1c;
1147
+ --interactive-chip-channel-primary-off-icon-pressed: #33291a;
1148
+ --interactive-chip-channel-primary-off-border-default: #d3c9be;
1149
+ --interactive-chip-channel-primary-off-border-hover: #bbab9a;
1150
+ --interactive-chip-channel-primary-off-border-pressed: #b3a18e;
1151
+ --label-channel: #7e6645;
1152
+ }
1153
+
1154
+ [data-theme="magazineTimes"] {
1155
+ --surface-channel-50: #f7f7f5;
1156
+ --surface-channel-100: #edede5;
1157
+ --surface-channel-200: #c9ccb3;
1158
+ --surface-channel-300: #676f1d;
1159
+ --surface-channel-400: #494d15;
1160
+ --surface-channel-500: #323811;
1161
+ --text-channel-primary: #717b2f;
1162
+ --text-channel-secondary: #8e945a;
1163
+ --text-channel-tertiary: #adb085;
1164
+ --icon-channel-primary: #676f1d;
1165
+ --icon-channel-secondary: #7e8544;
1166
+ --icon-channel-tertiary: #adb085;
1167
+ --border-channel-primary: #c9ccb3;
1168
+ --border-channel-secondary: #e6e6da;
1169
+ --border-channel-tertiary: #f5f5ef;
1170
+ --interactive-chip-channel-secondary-on-fill-default: #f7f7f5;
1171
+ --interactive-chip-channel-secondary-on-fill-hover: #d6d6cc;
1172
+ --interactive-chip-channel-secondary-on-fill-pressed: #cbcbbe;
1173
+ --interactive-chip-channel-secondary-on-text-default: #676f1d;
1174
+ --interactive-chip-channel-secondary-on-text-hover: #575e19;
1175
+ --interactive-chip-channel-secondary-on-text-pressed: #535917;
1176
+ --interactive-chip-channel-secondary-on-icon-default: #676f1d;
1177
+ --interactive-chip-channel-secondary-on-icon-hover: #575e19;
1178
+ --interactive-chip-channel-secondary-on-icon-pressed: #535917;
1179
+ --interactive-chip-channel-secondary-on-border-default: #676f1d;
1180
+ --interactive-chip-channel-secondary-on-border-hover: #575e19;
1181
+ --interactive-chip-channel-secondary-on-border-pressed: #535917;
1182
+ --interactive-chip-channel-secondary-off-fill-default: #edede5;
1183
+ --interactive-chip-channel-secondary-off-fill-hover: #d0d0bc;
1184
+ --interactive-chip-channel-secondary-off-fill-pressed: #c7c7ae;
1185
+ --interactive-chip-channel-secondary-off-text-default: #494d15;
1186
+ --interactive-chip-channel-secondary-off-text-hover: #3e4112;
1187
+ --interactive-chip-channel-secondary-off-text-pressed: #3a3e11;
1188
+ --interactive-chip-channel-secondary-off-icon-default: #494d15;
1189
+ --interactive-chip-channel-secondary-off-icon-hover: #3e4112;
1190
+ --interactive-chip-channel-secondary-off-icon-pressed: #3a3e11;
1191
+ --interactive-chip-channel-primary-on-fill-default: #676f1d;
1192
+ --interactive-chip-channel-primary-on-fill-hover: #575e19;
1193
+ --interactive-chip-channel-primary-on-fill-pressed: #535917;
1194
+ --interactive-chip-channel-primary-off-fill-default: #edede5;
1195
+ --interactive-chip-channel-primary-off-fill-hover: #d0d0bc;
1196
+ --interactive-chip-channel-primary-off-fill-pressed: #c7c7ae;
1197
+ --interactive-chip-channel-primary-off-text-default: #323811;
1198
+ --interactive-chip-channel-primary-off-text-hover: #2b300e;
1199
+ --interactive-chip-channel-primary-off-text-pressed: #282d0e;
1200
+ --interactive-chip-channel-primary-off-icon-default: #323811;
1201
+ --interactive-chip-channel-primary-off-icon-hover: #2b300e;
1202
+ --interactive-chip-channel-primary-off-icon-pressed: #282d0e;
1203
+ --interactive-chip-channel-primary-off-border-default: #c9ccb3;
1204
+ --interactive-chip-channel-primary-off-border-hover: #b1b591;
1205
+ --interactive-chip-channel-primary-off-border-pressed: #a8ad85;
1206
+ --label-channel: #676f1d;
1207
+ }
1208
+
1209
+ [data-theme="timesPlus"] {
1210
+ --surface-channel-50: #f4f7fa;
1211
+ --surface-channel-100: #e4edf0;
1212
+ --surface-channel-200: #b2cfd5;
1213
+ --surface-channel-300: #017487;
1214
+ --surface-channel-400: #0c505d;
1215
+ --surface-channel-500: #0b3944;
1216
+ --text-channel-primary: #227f91;
1217
+ --text-channel-secondary: #5698a5;
1218
+ --text-channel-tertiary: #85b4be;
1219
+ --icon-channel-primary: #017487;
1220
+ --icon-channel-secondary: #398999;
1221
+ --icon-channel-tertiary: #85b4be;
1222
+ --border-channel-primary: #b2cfd5;
1223
+ --border-channel-secondary: #d9e6eb;
1224
+ --border-channel-tertiary: #eff5f5;
1225
+ --interactive-chip-channel-secondary-on-fill-default: #f4f7fa;
1226
+ --interactive-chip-channel-secondary-on-fill-hover: #c1d2e3;
1227
+ --interactive-chip-channel-secondary-on-fill-pressed: #b0c6db;
1228
+ --interactive-chip-channel-secondary-on-text-default: #017487;
1229
+ --interactive-chip-channel-secondary-on-text-hover: #016273;
1230
+ --interactive-chip-channel-secondary-on-text-pressed: #015c6c;
1231
+ --interactive-chip-channel-secondary-on-icon-default: #017487;
1232
+ --interactive-chip-channel-secondary-on-icon-hover: #016273;
1233
+ --interactive-chip-channel-secondary-on-icon-pressed: #015c6c;
1234
+ --interactive-chip-channel-secondary-on-border-default: #017487;
1235
+ --interactive-chip-channel-secondary-on-border-hover: #016273;
1236
+ --interactive-chip-channel-secondary-on-border-pressed: #015c6c;
1237
+ --interactive-chip-channel-secondary-off-fill-default: #e4edf0;
1238
+ --interactive-chip-channel-secondary-off-fill-hover: #b7cfd7;
1239
+ --interactive-chip-channel-secondary-off-fill-pressed: #a8c5cf;
1240
+ --interactive-chip-channel-secondary-off-text-default: #0c505d;
1241
+ --interactive-chip-channel-secondary-off-text-hover: #0a444f;
1242
+ --interactive-chip-channel-secondary-off-text-pressed: #0a404b;
1243
+ --interactive-chip-channel-secondary-off-icon-default: #0c505d;
1244
+ --interactive-chip-channel-secondary-off-icon-hover: #0a444f;
1245
+ --interactive-chip-channel-secondary-off-icon-pressed: #0a404b;
1246
+ --interactive-chip-channel-primary-on-fill-default: #017487;
1247
+ --interactive-chip-channel-primary-on-fill-hover: #016273;
1248
+ --interactive-chip-channel-primary-on-fill-pressed: #015c6c;
1249
+ --interactive-chip-channel-primary-off-fill-default: #e4edf0;
1250
+ --interactive-chip-channel-primary-off-fill-hover: #b7cfd7;
1251
+ --interactive-chip-channel-primary-off-fill-pressed: #a8c5cf;
1252
+ --interactive-chip-channel-primary-off-text-default: #0b3944;
1253
+ --interactive-chip-channel-primary-off-text-hover: #09303a;
1254
+ --interactive-chip-channel-primary-off-text-pressed: #092d36;
1255
+ --interactive-chip-channel-primary-off-icon-default: #0b3944;
1256
+ --interactive-chip-channel-primary-off-icon-hover: #09303a;
1257
+ --interactive-chip-channel-primary-off-icon-pressed: #092d36;
1258
+ --interactive-chip-channel-primary-off-border-default: #b2cfd5;
1259
+ --interactive-chip-channel-primary-off-border-hover: #8cb8c0;
1260
+ --interactive-chip-channel-primary-off-border-pressed: #7fb0b9;
1261
+ --label-channel: #017487;
1262
+ }
1263
+
1264
+ [data-theme="timesRadio"] {
1265
+ --ramp-cobalt-50: #05080d;
1266
+ --ramp-cobalt-100: #0b121d;
1267
+ --ramp-cobalt-150: #101a2a;
1268
+ --ramp-cobalt-200: #132437;
1269
+ --ramp-cobalt-250: #1b2c44;
1270
+ --ramp-cobalt-300: #1f3454;
1271
+ --ramp-cobalt-350: #223e61;
1272
+ --ramp-cobalt-400: #2a466e;
1273
+ --ramp-cobalt-450: #2e507e;
1274
+ --ramp-cobalt-500: #33588b;
1275
+ --ramp-cobalt-550: #3d5f90;
1276
+ --ramp-cobalt-600: #486998;
1277
+ --ramp-cobalt-650: #53719d;
1278
+ --ramp-cobalt-700: #5e79a1;
1279
+ --ramp-cobalt-750: #6883a9;
1280
+ --ramp-cobalt-800: #708aae;
1281
+ --ramp-cobalt-850: #7b92b3;
1282
+ --ramp-cobalt-900: #869aba;
1283
+ --ramp-cobalt-950: #90a4bf;
1284
+ --ramp-cobalt-1000: #9babc4;
1285
+ --ramp-coral-50: #160a0a;
1286
+ --ramp-coral-100: #2f1311;
1287
+ --ramp-coral-150: #451c1b;
1288
+ --ramp-coral-200: #5e2524;
1289
+ --ramp-coral-250: #732f2b;
1290
+ --ramp-coral-300: #8c3835;
1291
+ --ramp-coral-350: #a2413f;
1292
+ --ramp-coral-400: #b84b46;
1293
+ --ramp-coral-450: #d0574f;
1294
+ --ramp-coral-500: #e75f58;
1295
+ --ramp-coral-550: #e96961;
1296
+ --ramp-coral-600: #eb7169;
1297
+ --ramp-coral-650: #ed7971;
1298
+ --ramp-coral-700: #ec7f79;
1299
+ --ramp-coral-750: #ee8784;
1300
+ --ramp-coral-800: #f08f8c;
1301
+ --ramp-coral-850: #f29791;
1302
+ --ramp-coral-900: #f49f9c;
1303
+ --ramp-coral-950: #f3a8a4;
1304
+ --ramp-coral-1000: #f5b0ab;
1305
+ --base-cobalt: #33588b;
1306
+ --base-coral: #e75f58;
1066
1307
  }
1067
1308
  }
1068
1309
  [data-color-mode="dark"] {
@@ -1093,13 +1334,13 @@
1093
1334
  --text-channel-tertiary: #666666;
1094
1335
  --text-static-dark: #000000;
1095
1336
  --text-static-light: #ffffff;
1096
- --icon-primary: #000000;
1337
+ --icon-primary: #ffffff;
1097
1338
  --icon-inverse: #000000;
1098
- --icon-secondary: #262626;
1099
- --icon-tertiary: #595959;
1339
+ --icon-secondary: #d9d9d9;
1340
+ --icon-tertiary: #a6a6a6;
1100
1341
  --icon-channel-primary: #666666;
1101
1342
  --icon-channel-secondary: #808080;
1102
- --icon-channel-tertiary: #999999;
1343
+ --icon-channel-tertiary: #666666;
1103
1344
  --border-primary: #575757;
1104
1345
  --border-secondary: #333333;
1105
1346
  --border-tertiary: #1a1a1a;
@@ -1119,28 +1360,28 @@
1119
1360
  --input-fill-info: #08295a;
1120
1361
  --input-border-default: #737373;
1121
1362
  --input-border-error: #ff7268;
1122
- --input-border-hover: #808080;
1363
+ --input-border-hover: #6d6d6d;
1123
1364
  --input-border-active: #a6a6a6;
1124
1365
  --input-border-completed: #d9d9d9;
1125
1366
  --input-border-success: #80c4a1;
1126
1367
  --input-border-warning: #ffc77f;
1127
1368
  --input-border-info: #466fb5;
1128
- --input-text-default: #595959;
1129
- --input-text-error: #000000;
1130
- --input-text-hover: #262626;
1131
- --input-text-active: #000000;
1132
- --input-text-completed: #000000;
1133
- --input-text-success: #000000;
1134
- --input-text-warning: #000000;
1135
- --input-text-info: #000000;
1136
- --input-icon-default: #8c8c8c;
1369
+ --input-text-default: #a6a6a6;
1370
+ --input-text-error: #ffffff;
1371
+ --input-text-hover: #d9d9d9;
1372
+ --input-text-active: #ffffff;
1373
+ --input-text-completed: #ffffff;
1374
+ --input-text-success: #ffffff;
1375
+ --input-text-warning: #ffffff;
1376
+ --input-text-info: #ffffff;
1377
+ --input-icon-default: #737373;
1137
1378
  --input-icon-hover: #6d6d6d;
1138
- --input-icon-active: #595959;
1139
- --input-icon-completed: #262626;
1140
- --input-icon-error: #e70300;
1141
- --input-icon-success: #2c9365;
1142
- --input-icon-warning: #cc8103;
1143
- --input-icon-info: #2658a9;
1379
+ --input-icon-active: #a6a6a6;
1380
+ --input-icon-completed: #d9d9d9;
1381
+ --input-icon-error: #ff7268;
1382
+ --input-icon-success: #80c4a1;
1383
+ --input-icon-warning: #ffc77f;
1384
+ --input-icon-info: #466fb5;
1144
1385
  --messaging-fill-error: #670909;
1145
1386
  --messaging-fill-success: #1b5339;
1146
1387
  --messaging-fill-warning: #664109;
@@ -1153,15 +1394,15 @@
1153
1394
  --messaging-icon-success: #80c4a1;
1154
1395
  --messaging-icon-warning: #ffa722;
1155
1396
  --messaging-icon-info: #6f8dc6;
1156
- --messaging-link-text-default: #000000;
1397
+ --messaging-link-text-default: #ffffff;
1157
1398
  --messaging-link-text-hover: #d9d9d9;
1158
1399
  --messaging-link-text-pressed: #cccccc;
1159
1400
  --messaging-link-text-visited: #ffffff;
1160
- --messaging-link-icon-default: #000000;
1401
+ --messaging-link-icon-default: #ffffff;
1161
1402
  --messaging-link-icon-hover: #d9d9d9;
1162
1403
  --messaging-link-icon-pressed: #cccccc;
1163
1404
  --messaging-link-icon-visited: #ffffff;
1164
- --messaging-link-underline-default: #000000;
1405
+ --messaging-link-underline-default: #ffffff;
1165
1406
  --messaging-link-underline-hover: #ffffff;
1166
1407
  --messaging-link-underline-pressed: #ffffff;
1167
1408
  --messaging-link-underline-visited: #e6e6e6;
@@ -1169,21 +1410,21 @@
1169
1410
  --interactive-primary-fill-hover: #ffffff;
1170
1411
  --interactive-primary-fill-pressed: #ffffff;
1171
1412
  --interactive-primary-text-default: #000000;
1172
- --interactive-primary-text-hover: #ffffff;
1173
- --interactive-primary-text-pressed: #ffffff;
1174
- --interactive-primary-icon-default: #ffffff;
1175
- --interactive-primary-icon-hover: #ffffff;
1176
- --interactive-primary-icon-pressed: #ffffff;
1177
- --interactive-secondary-fill-default: #ffffff;
1413
+ --interactive-primary-text-hover: #000000;
1414
+ --interactive-primary-text-pressed: #000000;
1415
+ --interactive-primary-icon-default: #000000;
1416
+ --interactive-primary-icon-hover: #000000;
1417
+ --interactive-primary-icon-pressed: #000000;
1418
+ --interactive-secondary-fill-default: #000000;
1178
1419
  --interactive-secondary-fill-hover: #262626;
1179
1420
  --interactive-secondary-fill-pressed: #333333;
1180
1421
  --interactive-secondary-border-default: #8c8c8c;
1181
1422
  --interactive-secondary-border-hover: #9d9d9d;
1182
1423
  --interactive-secondary-border-pressed: #a3a3a3;
1183
- --interactive-secondary-text-default: #000000;
1424
+ --interactive-secondary-text-default: #ffffff;
1184
1425
  --interactive-secondary-text-hover: #ffffff;
1185
1426
  --interactive-secondary-text-pressed: #ffffff;
1186
- --interactive-secondary-icon-default: #000000;
1427
+ --interactive-secondary-icon-default: #ffffff;
1187
1428
  --interactive-secondary-icon-hover: #ffffff;
1188
1429
  --interactive-secondary-icon-pressed: #ffffff;
1189
1430
  --interactive-disabled-a: #262626;
@@ -1198,137 +1439,152 @@
1198
1439
  --interactive-negative-text-default: #ff3933;
1199
1440
  --interactive-negative-text-hover: #ff0c05;
1200
1441
  --interactive-negative-text-pressed: #f50700;
1201
- --interactive-negative-icon-default: #ff403a;
1442
+ --interactive-negative-icon-default: #ff3933;
1202
1443
  --interactive-negative-icon-hover: #ff0c05;
1203
1444
  --interactive-negative-icon-pressed: #f50700;
1204
1445
  --interactive-link-secondary-text-default: #737373;
1205
1446
  --interactive-link-secondary-text-hover: #626262;
1206
1447
  --interactive-link-secondary-text-pressed: #5c5c5c;
1207
1448
  --interactive-link-secondary-text-visited: #858585;
1208
- --interactive-link-secondary-icon-default: #8c8c8c;
1449
+ --interactive-link-secondary-icon-default: #737373;
1209
1450
  --interactive-link-secondary-icon-hover: #626262;
1210
1451
  --interactive-link-secondary-icon-pressed: #5c5c5c;
1211
1452
  --interactive-link-secondary-icon-visited: #858585;
1212
- --interactive-link-secondary-underline-default: #8c8c8c;
1453
+ --interactive-link-secondary-underline-default: #737373;
1213
1454
  --interactive-link-secondary-underline-hover: #888888;
1214
1455
  --interactive-link-secondary-underline-pressed: #8f8f8f;
1215
1456
  --interactive-link-secondary-underline-visited: #686868;
1216
- --interactive-link-primary-text-default: #000000;
1457
+ --interactive-link-primary-text-default: #ffffff;
1217
1458
  --interactive-link-primary-text-hover: #d9d9d9;
1218
1459
  --interactive-link-primary-text-pressed: #cccccc;
1219
1460
  --interactive-link-primary-text-visited: #ffffff;
1220
- --interactive-link-primary-icon-default: #000000;
1461
+ --interactive-link-primary-icon-default: #ffffff;
1221
1462
  --interactive-link-primary-icon-hover: #d9d9d9;
1222
1463
  --interactive-link-primary-icon-pressed: #cccccc;
1223
1464
  --interactive-link-primary-icon-visited: #ffffff;
1224
- --interactive-link-primary-underline-default: #000000;
1465
+ --interactive-link-primary-underline-default: #ffffff;
1225
1466
  --interactive-link-primary-underline-hover: #ffffff;
1226
1467
  --interactive-link-primary-underline-pressed: #ffffff;
1227
1468
  --interactive-link-primary-underline-visited: #e6e6e6;
1228
- --interactive-chip-primary-on-fill-default: #000000;
1469
+ --interactive-chip-primary-on-fill-default: #ffffff;
1229
1470
  --interactive-chip-primary-on-fill-hover: #d9d9d9;
1230
1471
  --interactive-chip-primary-on-fill-pressed: #cccccc;
1231
- --interactive-chip-primary-on-text-default: #ffffff;
1472
+ --interactive-chip-primary-on-text-default: #000000;
1232
1473
  --interactive-chip-primary-on-text-hover: #000000;
1233
1474
  --interactive-chip-primary-on-text-pressed: #000000;
1234
- --interactive-chip-primary-on-icon-default: #ffffff;
1475
+ --interactive-chip-primary-on-icon-default: #000000;
1235
1476
  --interactive-chip-primary-on-icon-hover: #000000;
1236
1477
  --interactive-chip-primary-on-icon-pressed: #000000;
1237
- --interactive-chip-primary-off-fill-default: #ffffff;
1478
+ --interactive-chip-primary-off-fill-default: #000000;
1238
1479
  --interactive-chip-primary-off-fill-hover: #000000;
1239
1480
  --interactive-chip-primary-off-fill-pressed: #000000;
1240
- --interactive-chip-primary-off-text-default: #000000;
1481
+ --interactive-chip-primary-off-text-default: #ffffff;
1241
1482
  --interactive-chip-primary-off-text-hover: #d9d9d9;
1242
1483
  --interactive-chip-primary-off-text-pressed: #cccccc;
1243
- --interactive-chip-primary-off-icon-default: #000000;
1484
+ --interactive-chip-primary-off-icon-default: #ffffff;
1244
1485
  --interactive-chip-primary-off-icon-hover: #d9d9d9;
1245
1486
  --interactive-chip-primary-off-icon-pressed: #cccccc;
1246
- --interactive-chip-primary-off-border-default: #000000;
1487
+ --interactive-chip-primary-off-border-default: #ffffff;
1247
1488
  --interactive-chip-primary-off-border-hover: #d9d9d9;
1248
1489
  --interactive-chip-primary-off-border-pressed: #cccccc;
1249
- --interactive-chip-secondary-on-text-default: #000000;
1490
+ --interactive-chip-secondary-on-text-default: #ffffff;
1250
1491
  --interactive-chip-secondary-on-text-hover: #d9d9d9;
1251
1492
  --interactive-chip-secondary-on-text-pressed: #cccccc;
1252
1493
  --interactive-chip-secondary-on-fill-default: #262626;
1253
1494
  --interactive-chip-secondary-on-fill-hover: #202020;
1254
1495
  --interactive-chip-secondary-on-fill-pressed: #1e1e1e;
1255
- --interactive-chip-secondary-on-border-default: #737373;
1496
+ --interactive-chip-secondary-on-border-default: #8c8c8c;
1256
1497
  --interactive-chip-secondary-on-border-hover: #777777;
1257
1498
  --interactive-chip-secondary-on-border-pressed: #707070;
1258
- --interactive-chip-secondary-on-icon-default: #000000;
1499
+ --interactive-chip-secondary-on-icon-default: #ffffff;
1259
1500
  --interactive-chip-secondary-on-icon-hover: #d9d9d9;
1260
1501
  --interactive-chip-secondary-on-icon-pressed: #cccccc;
1261
- --interactive-chip-secondary-off-fill-default: #d9d9d9;
1502
+ --interactive-chip-secondary-off-fill-default: #262626;
1262
1503
  --interactive-chip-secondary-off-fill-hover: #202020;
1263
1504
  --interactive-chip-secondary-off-fill-pressed: #1e1e1e;
1264
- --interactive-chip-secondary-off-text-default: #595959;
1505
+ --interactive-chip-secondary-off-text-default: #a6a6a6;
1265
1506
  --interactive-chip-secondary-off-text-hover: #8d8d8d;
1266
1507
  --interactive-chip-secondary-off-text-pressed: #858585;
1267
- --interactive-chip-secondary-off-icon-default: #595959;
1508
+ --interactive-chip-secondary-off-icon-default: #a6a6a6;
1268
1509
  --interactive-chip-secondary-off-icon-hover: #8d8d8d;
1269
1510
  --interactive-chip-secondary-off-icon-pressed: #858585;
1270
- --interactive-chip-channel-secondary-off-fill-default: #f2f2f2;
1511
+ --interactive-chip-channel-secondary-off-fill-default: #0d0d0d;
1271
1512
  --interactive-chip-channel-secondary-off-fill-hover: #0b0b0b;
1272
1513
  --interactive-chip-channel-secondary-off-fill-pressed: #0a0a0a;
1273
- --interactive-chip-channel-secondary-off-text-default: #333333;
1514
+ --interactive-chip-channel-secondary-off-text-default: #cccccc;
1274
1515
  --interactive-chip-channel-secondary-off-text-hover: #adadad;
1275
1516
  --interactive-chip-channel-secondary-off-text-pressed: #a3a3a3;
1276
- --interactive-chip-channel-secondary-off-icon-default: #333333;
1517
+ --interactive-chip-channel-secondary-off-icon-default: #cccccc;
1277
1518
  --interactive-chip-channel-secondary-off-icon-hover: #adadad;
1278
1519
  --interactive-chip-channel-secondary-off-icon-pressed: #a3a3a3;
1279
- --interactive-chip-channel-secondary-on-border-default: #333333;
1520
+ --interactive-chip-channel-secondary-on-border-default: #cccccc;
1280
1521
  --interactive-chip-channel-secondary-on-border-hover: #adadad;
1281
1522
  --interactive-chip-channel-secondary-on-border-pressed: #a3a3a3;
1282
- --interactive-chip-channel-secondary-on-fill-default: #f2f2f2;
1523
+ --interactive-chip-channel-secondary-on-fill-default: #0d0d0d;
1283
1524
  --interactive-chip-channel-secondary-on-fill-hover: #0b0b0b;
1284
1525
  --interactive-chip-channel-secondary-on-fill-pressed: #0a0a0a;
1285
- --interactive-chip-channel-secondary-on-text-default: #1a1a1a;
1526
+ --interactive-chip-channel-secondary-on-text-default: #e6e6e6;
1286
1527
  --interactive-chip-channel-secondary-on-text-hover: #c4c4c4;
1287
1528
  --interactive-chip-channel-secondary-on-text-pressed: #b8b8b8;
1288
- --interactive-chip-channel-secondary-on-icon-default: #1a1a1a;
1529
+ --interactive-chip-channel-secondary-on-icon-default: #e6e6e6;
1289
1530
  --interactive-chip-channel-secondary-on-icon-hover: #c4c4c4;
1290
1531
  --interactive-chip-channel-secondary-on-icon-pressed: #b8b8b8;
1291
- --interactive-chip-channel-primary-off-fill-default: #f2f2f2;
1532
+ --interactive-chip-channel-primary-off-fill-default: #0d0d0d;
1292
1533
  --interactive-chip-channel-primary-off-fill-hover: #0b0b0b;
1293
1534
  --interactive-chip-channel-primary-off-fill-pressed: #0a0a0a;
1294
- --interactive-chip-channel-primary-off-text-default: #1a1a1a;
1535
+ --interactive-chip-channel-primary-off-text-default: #e6e6e6;
1295
1536
  --interactive-chip-channel-primary-off-text-hover: #c4c4c4;
1296
1537
  --interactive-chip-channel-primary-off-text-pressed: #b8b8b8;
1297
- --interactive-chip-channel-primary-off-icon-default: #1a1a1a;
1538
+ --interactive-chip-channel-primary-off-icon-default: #e6e6e6;
1298
1539
  --interactive-chip-channel-primary-off-icon-hover: #c4c4c4;
1299
1540
  --interactive-chip-channel-primary-off-icon-pressed: #b8b8b8;
1300
- --interactive-chip-channel-primary-off-border-default: #d9d9d9;
1541
+ --interactive-chip-channel-primary-off-border-default: #262626;
1301
1542
  --interactive-chip-channel-primary-off-border-hover: #202020;
1302
1543
  --interactive-chip-channel-primary-off-border-pressed: #1e1e1e;
1303
- --interactive-chip-channel-primary-on-fill-default: #333333;
1544
+ --interactive-chip-channel-primary-on-fill-default: #cccccc;
1304
1545
  --interactive-chip-channel-primary-on-fill-hover: #adadad;
1305
1546
  --interactive-chip-channel-primary-on-fill-pressed: #a3a3a3;
1306
1547
  --interactive-chip-channel-primary-on-text-default: #000000;
1307
1548
  --interactive-chip-channel-primary-on-text-hover: #000000;
1308
1549
  --interactive-chip-channel-primary-on-text-pressed: #000000;
1309
- --interactive-chip-channel-primary-on-icon-default: #ffffff;
1550
+ --interactive-chip-channel-primary-on-icon-default: #000000;
1310
1551
  --interactive-chip-channel-primary-on-icon-hover: #000000;
1311
1552
  --interactive-chip-channel-primary-on-icon-pressed: #000000;
1553
+ --interactive-tab-fill-default: #000000;
1554
+ --interactive-tab-fill-hover: #0d0d0d;
1555
+ --interactive-tab-fill-pressed: #262626;
1556
+ --interactive-tab-text-default: #ffffff;
1557
+ --interactive-tab-text-hover: #d9d9d9;
1558
+ --interactive-tab-text-pressed: #d9d9d9;
1559
+ --interactive-tab-icon-default: #ffffff;
1560
+ --interactive-tab-icon-hover: #d9d9d9;
1561
+ --interactive-tab-icon-pressed: #d9d9d9;
1562
+ --interactive-tab-selected-border-default: #8c8c8c;
1312
1563
  --active-fill: #ffffff;
1313
1564
  --active-text: #000000;
1314
1565
  --active-border: #8c8c8c;
1315
1566
  --active-icon: #000000;
1316
1567
  --focus-border: #8c8c8c;
1317
- --label-primary: #000000;
1318
- --label-secondary: #262626;
1319
- --label-channel: #666666;
1320
- --label-callout: #ff403a;
1321
- --flag-primary-fill: #ffffff;
1322
- --flag-primary-text: #0d0d0d;
1323
- --flag-primary-icon: #f2f2f2;
1324
- --flag-secondary-text: #000000;
1325
- --flag-secondary-icon: #000000;
1326
- --flag-channel-fill: #a8a8a8;
1327
- --flag-channel-text: #1a1a1a;
1328
- --flag-channel-icon: #1a1a1a;
1329
- --flag-callout-fill: #ff3933;
1330
- --flag-callout-text: #000000;
1331
- --flag-callout-icon: #000000;
1568
+ --label-primary: #ffffff;
1569
+ --label-secondary: #d9d9d9;
1570
+ --label-channel: #999999;
1571
+ --label-callout: #ff3933;
1572
+ --tag-primary-fill: #ffffff;
1573
+ --tag-primary-text: #000000;
1574
+ --tag-primary-icon: #000000;
1575
+ --tag-secondary-fill: #262626;
1576
+ --tag-secondary-text: #ffffff;
1577
+ --tag-secondary-icon: #ffffff;
1578
+ --tag-tertiary-text: #ffffff;
1579
+ --tag-tertiary-icon: #ffffff;
1580
+ --tag-callout-primary-fill: #ff3933;
1581
+ --tag-callout-primary-text: #ffffff;
1582
+ --tag-callout-primary-icon: #ffffff;
1583
+ --tag-callout-secondary-fill: #670909;
1584
+ --tag-callout-secondary-text: #ff3933;
1585
+ --tag-callout-secondary-icon: #ff3933;
1586
+ --tag-callout-tertiary-text: #ff3933;
1587
+ --tag-callout-tertiary-icon: #ff3933;
1332
1588
  --toast-fill-info: #0f4aa2;
1333
1589
  --toast-fill-success: #2c865b;
1334
1590
  --toast-fill-warning: #e49307;
@@ -1344,18 +1600,18 @@
1344
1600
  --toast-link-info-default: #ffffff;
1345
1601
  --toast-link-info-hover: #d9d9d9;
1346
1602
  --toast-link-info-pressed: #cccccc;
1347
- --toast-link-success-default: #000000;
1603
+ --toast-link-success-default: #ffffff;
1348
1604
  --toast-link-success-hover: #d9d9d9;
1349
1605
  --toast-link-success-pressed: #cccccc;
1350
- --toast-link-error-default: #000000;
1606
+ --toast-link-error-default: #ffffff;
1351
1607
  --toast-link-error-hover: #d9d9d9;
1352
1608
  --toast-link-error-pressed: #cccccc;
1353
1609
  --toast-link-warning-default: #000000;
1354
1610
  --toast-link-warning-hover: #000000;
1355
1611
  --toast-link-warning-pressed: #000000;
1356
- --tooltip-fill: #000000;
1357
- --tooltip-text: #ffffff;
1358
- --tooltip-icon: #ffffff;
1612
+ --tooltip-fill: #ffffff;
1613
+ --tooltip-text: #000000;
1614
+ --tooltip-icon: #000000;
1359
1615
  }
1360
1616
 
1361
1617
  [data-theme="comment"] {
@@ -1370,77 +1626,76 @@
1370
1626
  --text-channel-tertiary: #aa4361;
1371
1627
  --icon-channel-primary: #6c1730;
1372
1628
  --icon-channel-secondary: #8b1c3f;
1373
- --icon-channel-tertiary: #a33254;
1629
+ --icon-channel-tertiary: #aa4361;
1374
1630
  --border-channel-primary: #8b1c3f;
1375
1631
  --border-channel-secondary: #5c1328;
1376
1632
  --border-channel-tertiary: #3d0e1c;
1377
1633
  --active-border: #ffffff;
1378
- --label-channel: #a33254;
1379
- --flag-channel-fill: #d49eab;
1380
- --flag-channel-text: #3d0e1c;
1381
- --flag-channel-icon: #3d0e1c;
1382
- --interactive-negative-border-default: #ff8883;
1634
+ --label-channel: #aa4361;
1635
+ --interactive-negative-border-default: #e70300;
1383
1636
  --interactive-negative-border-hover: #c40300;
1384
1637
  --interactive-negative-border-pressed: #b90200;
1385
1638
  --interactive-negative-text-default: #e70300;
1386
1639
  --interactive-negative-text-hover: #c40300;
1387
1640
  --interactive-negative-text-pressed: #b90200;
1388
- --interactive-negative-icon-default: #ff8883;
1641
+ --interactive-negative-icon-default: #e70300;
1389
1642
  --interactive-negative-icon-hover: #c40300;
1390
1643
  --interactive-negative-icon-pressed: #b90200;
1391
1644
  --interactive-link-secondary-text-default: #8c8c8c;
1392
1645
  --interactive-link-secondary-text-hover: #777777;
1393
1646
  --interactive-link-secondary-text-pressed: #707070;
1394
1647
  --interactive-link-secondary-text-visited: #9a9a9a;
1395
- --interactive-link-secondary-icon-default: #737373;
1648
+ --interactive-link-secondary-icon-default: #8c8c8c;
1396
1649
  --interactive-link-secondary-icon-hover: #777777;
1397
1650
  --interactive-link-secondary-icon-pressed: #707070;
1398
1651
  --interactive-link-secondary-icon-visited: #9a9a9a;
1399
- --interactive-link-secondary-underline-default: #737373;
1652
+ --interactive-link-secondary-underline-default: #8c8c8c;
1400
1653
  --interactive-link-secondary-underline-hover: #9d9d9d;
1401
1654
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1402
1655
  --interactive-link-secondary-underline-visited: #7e7e7e;
1403
1656
  --interactive-chip-channel-secondary-off-fill-default: #3d0e1c;
1404
1657
  --interactive-chip-channel-secondary-off-fill-hover: #340c18;
1405
1658
  --interactive-chip-channel-secondary-off-fill-pressed: #310b17;
1406
- --interactive-chip-channel-secondary-off-text-default: #6c1730;
1659
+ --interactive-chip-channel-secondary-off-text-default: #c06f85;
1407
1660
  --interactive-chip-channel-secondary-off-text-hover: #b24f6a;
1408
1661
  --interactive-chip-channel-secondary-off-text-pressed: #a84a63;
1409
- --interactive-chip-channel-secondary-off-icon-default: #6c1730;
1662
+ --interactive-chip-channel-secondary-off-icon-default: #c06f85;
1410
1663
  --interactive-chip-channel-secondary-off-icon-hover: #b24f6a;
1411
1664
  --interactive-chip-channel-secondary-off-icon-pressed: #a84a63;
1412
- --interactive-chip-channel-secondary-on-border-default: #6c1730;
1665
+ --interactive-chip-channel-secondary-on-border-default: #c06f85;
1413
1666
  --interactive-chip-channel-secondary-on-border-hover: #b24f6a;
1414
1667
  --interactive-chip-channel-secondary-on-border-pressed: #a84a63;
1415
- --interactive-chip-channel-secondary-on-fill-default: #f2e5e8;
1668
+ --interactive-chip-channel-secondary-on-fill-default: #3d0e1c;
1416
1669
  --interactive-chip-channel-secondary-on-fill-hover: #340c18;
1417
1670
  --interactive-chip-channel-secondary-on-fill-pressed: #310b17;
1418
- --interactive-chip-channel-secondary-on-text-default: #000000;
1671
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1419
1672
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1420
1673
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1421
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1674
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1422
1675
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1423
1676
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1424
- --interactive-chip-channel-primary-off-fill-default: #fbf5f5;
1677
+ --interactive-chip-channel-primary-off-fill-default: #1f060d;
1425
1678
  --interactive-chip-channel-primary-off-fill-hover: #1a050b;
1426
1679
  --interactive-chip-channel-primary-off-fill-pressed: #19050a;
1427
- --interactive-chip-channel-primary-off-text-default: #3d0e1c;
1680
+ --interactive-chip-channel-primary-off-text-default: #d091a4;
1428
1681
  --interactive-chip-channel-primary-off-text-hover: #c06c85;
1429
1682
  --interactive-chip-channel-primary-off-text-pressed: #bb607b;
1430
- --interactive-chip-channel-primary-off-icon-default: #3d0e1c;
1683
+ --interactive-chip-channel-primary-off-icon-default: #d091a4;
1431
1684
  --interactive-chip-channel-primary-off-icon-hover: #c06c85;
1432
1685
  --interactive-chip-channel-primary-off-icon-pressed: #bb607b;
1433
- --interactive-chip-channel-primary-off-border-default: #d49eab;
1686
+ --interactive-chip-channel-primary-off-border-default: #7d1738;
1434
1687
  --interactive-chip-channel-primary-off-border-hover: #6a142f;
1435
1688
  --interactive-chip-channel-primary-off-border-pressed: #64122c;
1436
- --interactive-chip-channel-primary-on-fill-default: #d49eab;
1689
+ --interactive-chip-channel-primary-on-fill-default: #7d1738;
1437
1690
  --interactive-chip-channel-primary-on-fill-hover: #6a142f;
1438
1691
  --interactive-chip-channel-primary-on-fill-pressed: #64122c;
1692
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1439
1693
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1440
1694
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1441
- --interactive-chip-channel-primary-on-icon-default: #000000;
1695
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1442
1696
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1443
1697
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1698
+ --interactive-tab-selected-border-default: #ffffff;
1444
1699
  }
1445
1700
 
1446
1701
  [data-theme="life-and-style"] {
@@ -1455,77 +1710,76 @@
1455
1710
  --text-channel-tertiary: #116f7f;
1456
1711
  --icon-channel-primary: #47adbf;
1457
1712
  --icon-channel-secondary: #63b7c7;
1458
- --icon-channel-tertiary: #9ee9f4;
1713
+ --icon-channel-tertiary: #116f7f;
1459
1714
  --border-channel-primary: #168ea3;
1460
1715
  --border-channel-secondary: #0f606d;
1461
1716
  --border-channel-tertiary: #104149;
1462
1717
  --active-border: #ffffff;
1463
- --label-channel: #39a6bb;
1464
- --flag-channel-fill: #82e2f1;
1465
- --flag-channel-text: #1a3e46;
1466
- --flag-channel-icon: #1a3e46;
1467
- --interactive-negative-border-default: #ff8883;
1718
+ --label-channel: #47adbf;
1719
+ --interactive-negative-border-default: #e70300;
1468
1720
  --interactive-negative-border-hover: #c40300;
1469
1721
  --interactive-negative-border-pressed: #b90200;
1470
1722
  --interactive-negative-text-default: #e70300;
1471
1723
  --interactive-negative-text-hover: #c40300;
1472
1724
  --interactive-negative-text-pressed: #b90200;
1473
- --interactive-negative-icon-default: #ff8883;
1725
+ --interactive-negative-icon-default: #e70300;
1474
1726
  --interactive-negative-icon-hover: #c40300;
1475
1727
  --interactive-negative-icon-pressed: #b90200;
1476
1728
  --interactive-link-secondary-text-default: #8c8c8c;
1477
1729
  --interactive-link-secondary-text-hover: #777777;
1478
1730
  --interactive-link-secondary-text-pressed: #707070;
1479
1731
  --interactive-link-secondary-text-visited: #9a9a9a;
1480
- --interactive-link-secondary-icon-default: #737373;
1732
+ --interactive-link-secondary-icon-default: #8c8c8c;
1481
1733
  --interactive-link-secondary-icon-hover: #777777;
1482
1734
  --interactive-link-secondary-icon-pressed: #707070;
1483
1735
  --interactive-link-secondary-icon-visited: #9a9a9a;
1484
- --interactive-link-secondary-underline-default: #737373;
1736
+ --interactive-link-secondary-underline-default: #8c8c8c;
1485
1737
  --interactive-link-secondary-underline-hover: #9d9d9d;
1486
1738
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1487
1739
  --interactive-link-secondary-underline-visited: #7e7e7e;
1488
1740
  --interactive-chip-channel-secondary-off-fill-default: #104149;
1489
1741
  --interactive-chip-channel-secondary-off-fill-hover: #0e373e;
1490
1742
  --interactive-chip-channel-secondary-off-fill-pressed: #0d343b;
1491
- --interactive-chip-channel-secondary-off-text-default: #1e6d7b;
1743
+ --interactive-chip-channel-secondary-off-text-default: #76c1ce;
1492
1744
  --interactive-chip-channel-secondary-off-text-hover: #52b1c1;
1493
1745
  --interactive-chip-channel-secondary-off-text-pressed: #46abbd;
1494
- --interactive-chip-channel-secondary-off-icon-default: #1e6d7b;
1746
+ --interactive-chip-channel-secondary-off-icon-default: #76c1ce;
1495
1747
  --interactive-chip-channel-secondary-off-icon-hover: #52b1c1;
1496
1748
  --interactive-chip-channel-secondary-off-icon-pressed: #46abbd;
1497
- --interactive-chip-channel-secondary-on-border-default: #1e6d7b;
1749
+ --interactive-chip-channel-secondary-on-border-default: #76c1ce;
1498
1750
  --interactive-chip-channel-secondary-on-border-hover: #52b1c1;
1499
1751
  --interactive-chip-channel-secondary-on-border-pressed: #46abbd;
1500
- --interactive-chip-channel-secondary-on-fill-default: #dcf7fb;
1752
+ --interactive-chip-channel-secondary-on-fill-default: #104149;
1501
1753
  --interactive-chip-channel-secondary-on-fill-hover: #0e373e;
1502
1754
  --interactive-chip-channel-secondary-on-fill-pressed: #0d343b;
1503
- --interactive-chip-channel-secondary-on-text-default: #000000;
1755
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1504
1756
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1505
1757
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1506
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1758
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1507
1759
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1508
1760
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1509
- --interactive-chip-channel-primary-off-fill-default: #f1fcfd;
1761
+ --interactive-chip-channel-primary-off-fill-default: #0a1f24;
1510
1762
  --interactive-chip-channel-primary-off-fill-hover: #091a1f;
1511
1763
  --interactive-chip-channel-primary-off-fill-pressed: #08191d;
1512
- --interactive-chip-channel-primary-off-text-default: #1a3e46;
1764
+ --interactive-chip-channel-primary-off-text-default: #97d0da;
1513
1765
  --interactive-chip-channel-primary-off-text-hover: #6ebdcb;
1514
1766
  --interactive-chip-channel-primary-off-text-pressed: #61b7c7;
1515
- --interactive-chip-channel-primary-off-icon-default: #1a3e46;
1767
+ --interactive-chip-channel-primary-off-icon-default: #97d0da;
1516
1768
  --interactive-chip-channel-primary-off-icon-hover: #6ebdcb;
1517
1769
  --interactive-chip-channel-primary-off-icon-pressed: #61b7c7;
1518
- --interactive-chip-channel-primary-off-border-default: #82e2f1;
1770
+ --interactive-chip-channel-primary-off-border-default: #147f91;
1519
1771
  --interactive-chip-channel-primary-off-border-hover: #116b7b;
1520
1772
  --interactive-chip-channel-primary-off-border-pressed: #106574;
1521
- --interactive-chip-channel-primary-on-fill-default: #82e2f1;
1773
+ --interactive-chip-channel-primary-on-fill-default: #147f91;
1522
1774
  --interactive-chip-channel-primary-on-fill-hover: #116b7b;
1523
1775
  --interactive-chip-channel-primary-on-fill-pressed: #106574;
1776
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1524
1777
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1525
1778
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1526
- --interactive-chip-channel-primary-on-icon-default: #000000;
1779
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1527
1780
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1528
1781
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1782
+ --interactive-tab-selected-border-default: #ffffff;
1529
1783
  }
1530
1784
 
1531
1785
  [data-theme="puzzles"] {
@@ -1540,77 +1794,76 @@
1540
1794
  --text-channel-tertiary: #9b5024;
1541
1795
  --icon-channel-primary: #e3824c;
1542
1796
  --icon-channel-secondary: #e89060;
1543
- --icon-channel-tertiary: #f6d0ba;
1797
+ --icon-channel-tertiary: #9b5024;
1544
1798
  --border-channel-primary: #c96930;
1545
1799
  --border-channel-secondary: #864421;
1546
1800
  --border-channel-tertiary: #5a2e17;
1547
1801
  --active-border: #ffffff;
1548
- --label-channel: #e17d46;
1549
- --flag-channel-fill: #f3c0a7;
1550
- --flag-channel-text: #5a2e17;
1551
- --flag-channel-icon: #5a2e17;
1552
- --interactive-negative-border-default: #ff8883;
1802
+ --label-channel: #e68854;
1803
+ --interactive-negative-border-default: #e70300;
1553
1804
  --interactive-negative-border-hover: #c40300;
1554
1805
  --interactive-negative-border-pressed: #b90200;
1555
1806
  --interactive-negative-text-default: #e70300;
1556
1807
  --interactive-negative-text-hover: #c40300;
1557
1808
  --interactive-negative-text-pressed: #b90200;
1558
- --interactive-negative-icon-default: #ff8883;
1809
+ --interactive-negative-icon-default: #e70300;
1559
1810
  --interactive-negative-icon-hover: #c40300;
1560
1811
  --interactive-negative-icon-pressed: #b90200;
1561
1812
  --interactive-link-secondary-text-default: #8c8c8c;
1562
1813
  --interactive-link-secondary-text-hover: #777777;
1563
1814
  --interactive-link-secondary-text-pressed: #707070;
1564
1815
  --interactive-link-secondary-text-visited: #9a9a9a;
1565
- --interactive-link-secondary-icon-default: #737373;
1816
+ --interactive-link-secondary-icon-default: #8c8c8c;
1566
1817
  --interactive-link-secondary-icon-hover: #777777;
1567
1818
  --interactive-link-secondary-icon-pressed: #707070;
1568
1819
  --interactive-link-secondary-icon-visited: #9a9a9a;
1569
- --interactive-link-secondary-underline-default: #737373;
1820
+ --interactive-link-secondary-underline-default: #8c8c8c;
1570
1821
  --interactive-link-secondary-underline-hover: #9d9d9d;
1571
1822
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1572
1823
  --interactive-link-secondary-underline-visited: #7e7e7e;
1573
1824
  --interactive-chip-channel-secondary-off-fill-default: #5a2e17;
1574
1825
  --interactive-chip-channel-secondary-off-fill-hover: #4c2714;
1575
1826
  --interactive-chip-channel-secondary-off-fill-pressed: #482512;
1576
- --interactive-chip-channel-secondary-off-text-default: #9b5024;
1827
+ --interactive-chip-channel-secondary-off-text-default: #eba37f;
1577
1828
  --interactive-chip-channel-secondary-off-text-hover: #e48150;
1578
1829
  --interactive-chip-channel-secondary-off-text-pressed: #e17640;
1579
- --interactive-chip-channel-secondary-off-icon-default: #9b5024;
1830
+ --interactive-chip-channel-secondary-off-icon-default: #eba37f;
1580
1831
  --interactive-chip-channel-secondary-off-icon-hover: #e48150;
1581
1832
  --interactive-chip-channel-secondary-off-icon-pressed: #e17640;
1582
- --interactive-chip-channel-secondary-on-border-default: #9b5024;
1833
+ --interactive-chip-channel-secondary-on-border-default: #eba37f;
1583
1834
  --interactive-chip-channel-secondary-on-border-hover: #e48150;
1584
1835
  --interactive-chip-channel-secondary-on-border-pressed: #e17640;
1585
- --interactive-chip-channel-secondary-on-fill-default: #fdede7;
1836
+ --interactive-chip-channel-secondary-on-fill-default: #5a2e17;
1586
1837
  --interactive-chip-channel-secondary-on-fill-hover: #4c2714;
1587
1838
  --interactive-chip-channel-secondary-on-fill-pressed: #482512;
1588
- --interactive-chip-channel-secondary-on-text-default: #000000;
1839
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1589
1840
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1590
1841
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1591
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1842
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1592
1843
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1593
1844
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1594
- --interactive-chip-channel-primary-off-fill-default: #fef7f4;
1845
+ --interactive-chip-channel-primary-off-fill-default: #2c160b;
1595
1846
  --interactive-chip-channel-primary-off-fill-hover: #251309;
1596
1847
  --interactive-chip-channel-primary-off-fill-pressed: #231209;
1597
- --interactive-chip-channel-primary-off-text-default: #5a2e17;
1848
+ --interactive-chip-channel-primary-off-text-default: #f0bb9c;
1598
1849
  --interactive-chip-channel-primary-off-text-hover: #e89768;
1599
1850
  --interactive-chip-channel-primary-off-text-pressed: #e68c57;
1600
- --interactive-chip-channel-primary-off-icon-default: #5a2e17;
1851
+ --interactive-chip-channel-primary-off-icon-default: #f0bb9c;
1601
1852
  --interactive-chip-channel-primary-off-icon-hover: #e89768;
1602
1853
  --interactive-chip-channel-primary-off-icon-pressed: #e68c57;
1603
- --interactive-chip-channel-primary-off-border-default: #f3c0a7;
1854
+ --interactive-chip-channel-primary-off-border-default: #b45c2a;
1604
1855
  --interactive-chip-channel-primary-off-border-hover: #994e24;
1605
1856
  --interactive-chip-channel-primary-off-border-pressed: #904922;
1606
- --interactive-chip-channel-primary-on-fill-default: #f3c0a7;
1857
+ --interactive-chip-channel-primary-on-fill-default: #b45c2a;
1607
1858
  --interactive-chip-channel-primary-on-fill-hover: #994e24;
1608
1859
  --interactive-chip-channel-primary-on-fill-pressed: #904922;
1860
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1609
1861
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1610
1862
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1611
- --interactive-chip-channel-primary-on-icon-default: #000000;
1863
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1612
1864
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1613
1865
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1866
+ --interactive-tab-selected-border-default: #ffffff;
1614
1867
  }
1615
1868
 
1616
1869
  [data-theme="home"] {
@@ -1625,77 +1878,76 @@
1625
1878
  --text-channel-tertiary: #135dcb;
1626
1879
  --icon-channel-primary: #124ba1;
1627
1880
  --icon-channel-secondary: #135dcb;
1628
- --icon-channel-tertiary: #6d95de;
1881
+ --icon-channel-tertiary: #135dcb;
1629
1882
  --border-channel-primary: #1053b6;
1630
1883
  --border-channel-secondary: #0b397a;
1631
1884
  --border-channel-tertiary: #0b2452;
1632
1885
  --active-border: #ffffff;
1633
- --label-channel: #286ad0;
1634
- --flag-channel-fill: #9cb6ea;
1635
- --flag-channel-text: #0b2452;
1636
- --flag-channel-icon: #0b2452;
1637
- --interactive-negative-border-default: #ff8883;
1886
+ --label-channel: #3f77d2;
1887
+ --interactive-negative-border-default: #e70300;
1638
1888
  --interactive-negative-border-hover: #c40300;
1639
1889
  --interactive-negative-border-pressed: #b90200;
1640
1890
  --interactive-negative-text-default: #e70300;
1641
1891
  --interactive-negative-text-hover: #c40300;
1642
1892
  --interactive-negative-text-pressed: #b90200;
1643
- --interactive-negative-icon-default: #ff8883;
1893
+ --interactive-negative-icon-default: #e70300;
1644
1894
  --interactive-negative-icon-hover: #c40300;
1645
1895
  --interactive-negative-icon-pressed: #b90200;
1646
1896
  --interactive-link-secondary-text-default: #8c8c8c;
1647
1897
  --interactive-link-secondary-text-hover: #777777;
1648
1898
  --interactive-link-secondary-text-pressed: #707070;
1649
1899
  --interactive-link-secondary-text-visited: #9a9a9a;
1650
- --interactive-link-secondary-icon-default: #737373;
1900
+ --interactive-link-secondary-icon-default: #8c8c8c;
1651
1901
  --interactive-link-secondary-icon-hover: #777777;
1652
1902
  --interactive-link-secondary-icon-pressed: #707070;
1653
1903
  --interactive-link-secondary-icon-visited: #9a9a9a;
1654
- --interactive-link-secondary-underline-default: #737373;
1904
+ --interactive-link-secondary-underline-default: #8c8c8c;
1655
1905
  --interactive-link-secondary-underline-hover: #9d9d9d;
1656
1906
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1657
1907
  --interactive-link-secondary-underline-visited: #7e7e7e;
1658
1908
  --interactive-chip-channel-secondary-off-fill-default: #0b2452;
1659
1909
  --interactive-chip-channel-secondary-off-fill-hover: #091e46;
1660
1910
  --interactive-chip-channel-secondary-off-fill-pressed: #091d42;
1661
- --interactive-chip-channel-secondary-off-text-default: #10418f;
1911
+ --interactive-chip-channel-secondary-off-text-default: #6d95de;
1662
1912
  --interactive-chip-channel-secondary-off-text-hover: #4577d5;
1663
1913
  --interactive-chip-channel-secondary-off-text-pressed: #376dd2;
1664
- --interactive-chip-channel-secondary-off-icon-default: #10418f;
1914
+ --interactive-chip-channel-secondary-off-icon-default: #6d95de;
1665
1915
  --interactive-chip-channel-secondary-off-icon-hover: #4577d5;
1666
1916
  --interactive-chip-channel-secondary-off-icon-pressed: #376dd2;
1667
- --interactive-chip-channel-secondary-on-border-default: #10418f;
1917
+ --interactive-chip-channel-secondary-on-border-default: #6d95de;
1668
1918
  --interactive-chip-channel-secondary-on-border-hover: #4577d5;
1669
1919
  --interactive-chip-channel-secondary-on-border-pressed: #376dd2;
1670
- --interactive-chip-channel-secondary-on-fill-default: #e4ebf9;
1920
+ --interactive-chip-channel-secondary-on-fill-default: #0b2452;
1671
1921
  --interactive-chip-channel-secondary-on-fill-hover: #091e46;
1672
1922
  --interactive-chip-channel-secondary-on-fill-pressed: #091d42;
1673
- --interactive-chip-channel-secondary-on-text-default: #000000;
1923
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1674
1924
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1675
1925
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1676
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1926
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1677
1927
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1678
1928
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1679
- --interactive-chip-channel-primary-off-fill-default: #f4f7fd;
1929
+ --interactive-chip-channel-primary-off-fill-default: #051228;
1680
1930
  --interactive-chip-channel-primary-off-fill-hover: #040f22;
1681
1931
  --interactive-chip-channel-primary-off-fill-pressed: #040e20;
1682
- --interactive-chip-channel-primary-off-text-default: #0b2452;
1932
+ --interactive-chip-channel-primary-off-text-default: #91aee5;
1683
1933
  --interactive-chip-channel-primary-off-text-hover: #638dda;
1684
1934
  --interactive-chip-channel-primary-off-text-pressed: #5582d7;
1685
- --interactive-chip-channel-primary-off-icon-default: #0b2452;
1935
+ --interactive-chip-channel-primary-off-icon-default: #91aee5;
1686
1936
  --interactive-chip-channel-primary-off-icon-hover: #638dda;
1687
1937
  --interactive-chip-channel-primary-off-icon-pressed: #5582d7;
1688
- --interactive-chip-channel-primary-off-border-default: #9cb6ea;
1938
+ --interactive-chip-channel-primary-off-border-default: #124ba1;
1689
1939
  --interactive-chip-channel-primary-off-border-hover: #0f4089;
1690
1940
  --interactive-chip-channel-primary-off-border-pressed: #0e3c81;
1691
- --interactive-chip-channel-primary-on-fill-default: #9cb6ea;
1941
+ --interactive-chip-channel-primary-on-fill-default: #124ba1;
1692
1942
  --interactive-chip-channel-primary-on-fill-hover: #0f4089;
1693
1943
  --interactive-chip-channel-primary-on-fill-pressed: #0e3c81;
1944
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1694
1945
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1695
1946
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1696
- --interactive-chip-channel-primary-on-icon-default: #000000;
1947
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1697
1948
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1698
1949
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1950
+ --interactive-tab-selected-border-default: #ffffff;
1699
1951
  }
1700
1952
 
1701
1953
  [data-theme="uk"] {
@@ -1710,77 +1962,76 @@
1710
1962
  --text-channel-tertiary: #3b6488;
1711
1963
  --icon-channel-primary: #3b6488;
1712
1964
  --icon-channel-secondary: #49799c;
1713
- --icon-channel-tertiary: #96b1c7;
1965
+ --icon-channel-tertiary: #3b6488;
1714
1966
  --border-channel-primary: #3b6488;
1715
1967
  --border-channel-secondary: #28435b;
1716
1968
  --border-channel-tertiary: #1a2e3c;
1717
1969
  --active-border: #ffffff;
1718
- --label-channel: #4f7c9f;
1719
- --flag-channel-fill: #a9c0d0;
1720
- --flag-channel-text: #1a2e3c;
1721
- --flag-channel-icon: #1a2e3c;
1722
- --interactive-negative-border-default: #ff8883;
1970
+ --label-channel: #5d86a6;
1971
+ --interactive-negative-border-default: #e70300;
1723
1972
  --interactive-negative-border-hover: #c40300;
1724
1973
  --interactive-negative-border-pressed: #b90200;
1725
1974
  --interactive-negative-text-default: #e70300;
1726
1975
  --interactive-negative-text-hover: #c40300;
1727
1976
  --interactive-negative-text-pressed: #b90200;
1728
- --interactive-negative-icon-default: #ff8883;
1977
+ --interactive-negative-icon-default: #e70300;
1729
1978
  --interactive-negative-icon-hover: #c40300;
1730
1979
  --interactive-negative-icon-pressed: #b90200;
1731
1980
  --interactive-link-secondary-text-default: #8c8c8c;
1732
1981
  --interactive-link-secondary-text-hover: #777777;
1733
1982
  --interactive-link-secondary-text-pressed: #707070;
1734
1983
  --interactive-link-secondary-text-visited: #9a9a9a;
1735
- --interactive-link-secondary-icon-default: #737373;
1984
+ --interactive-link-secondary-icon-default: #8c8c8c;
1736
1985
  --interactive-link-secondary-icon-hover: #777777;
1737
1986
  --interactive-link-secondary-icon-pressed: #707070;
1738
1987
  --interactive-link-secondary-icon-visited: #9a9a9a;
1739
- --interactive-link-secondary-underline-default: #737373;
1988
+ --interactive-link-secondary-underline-default: #8c8c8c;
1740
1989
  --interactive-link-secondary-underline-hover: #9d9d9d;
1741
1990
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1742
1991
  --interactive-link-secondary-underline-visited: #7e7e7e;
1743
1992
  --interactive-chip-channel-secondary-off-fill-default: #1a2e3c;
1744
1993
  --interactive-chip-channel-secondary-off-fill-hover: #162733;
1745
1994
  --interactive-chip-channel-secondary-off-fill-pressed: #152530;
1746
- --interactive-chip-channel-secondary-off-text-default: #2e5068;
1995
+ --interactive-chip-channel-secondary-off-text-default: #84a2ba;
1747
1996
  --interactive-chip-channel-secondary-off-text-hover: #658ba9;
1748
1997
  --interactive-chip-channel-secondary-off-text-pressed: #5b83a3;
1749
- --interactive-chip-channel-secondary-off-icon-default: #2e5068;
1998
+ --interactive-chip-channel-secondary-off-icon-default: #84a2ba;
1750
1999
  --interactive-chip-channel-secondary-off-icon-hover: #658ba9;
1751
2000
  --interactive-chip-channel-secondary-off-icon-pressed: #5b83a3;
1752
- --interactive-chip-channel-secondary-on-border-default: #2e5068;
2001
+ --interactive-chip-channel-secondary-on-border-default: #84a2ba;
1753
2002
  --interactive-chip-channel-secondary-on-border-hover: #658ba9;
1754
2003
  --interactive-chip-channel-secondary-on-border-pressed: #5b83a3;
1755
- --interactive-chip-channel-secondary-on-fill-default: #e7edf3;
2004
+ --interactive-chip-channel-secondary-on-fill-default: #1a2e3c;
1756
2005
  --interactive-chip-channel-secondary-on-fill-hover: #162733;
1757
2006
  --interactive-chip-channel-secondary-on-fill-pressed: #152530;
1758
- --interactive-chip-channel-secondary-on-text-default: #000000;
2007
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1759
2008
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1760
2009
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1761
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2010
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1762
2011
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1763
2012
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1764
- --interactive-chip-channel-primary-off-fill-default: #f4f7fa;
2013
+ --interactive-chip-channel-primary-off-fill-default: #0d171f;
1765
2014
  --interactive-chip-channel-primary-off-fill-hover: #0b131a;
1766
2015
  --interactive-chip-channel-primary-off-fill-pressed: #0a1219;
1767
- --interactive-chip-channel-primary-off-text-default: #1a2e3c;
2016
+ --interactive-chip-channel-primary-off-text-default: #a1b8cb;
1768
2017
  --interactive-chip-channel-primary-off-text-hover: #7e9eb8;
1769
2018
  --interactive-chip-channel-primary-off-text-pressed: #7295b1;
1770
- --interactive-chip-channel-primary-off-icon-default: #1a2e3c;
2019
+ --interactive-chip-channel-primary-off-icon-default: #a1b8cb;
1771
2020
  --interactive-chip-channel-primary-off-icon-hover: #7e9eb8;
1772
2021
  --interactive-chip-channel-primary-off-icon-pressed: #7295b1;
1773
- --interactive-chip-channel-primary-off-border-default: #a9c0d0;
2022
+ --interactive-chip-channel-primary-off-border-default: #345a78;
1774
2023
  --interactive-chip-channel-primary-off-border-hover: #2c4d66;
1775
2024
  --interactive-chip-channel-primary-off-border-pressed: #2a4860;
1776
- --interactive-chip-channel-primary-on-fill-default: #a9c0d0;
2025
+ --interactive-chip-channel-primary-on-fill-default: #345a78;
1777
2026
  --interactive-chip-channel-primary-on-fill-hover: #2c4d66;
1778
2027
  --interactive-chip-channel-primary-on-fill-pressed: #2a4860;
2028
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1779
2029
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1780
2030
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1781
- --interactive-chip-channel-primary-on-icon-default: #000000;
2031
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1782
2032
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1783
2033
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2034
+ --interactive-tab-selected-border-default: #ffffff;
1784
2035
  }
1785
2036
 
1786
2037
  [data-theme="world"] {
@@ -1795,77 +2046,76 @@
1795
2046
  --text-channel-tertiary: #016d6f;
1796
2047
  --icon-channel-primary: #016d6f;
1797
2048
  --icon-channel-secondary: #1c7f83;
1798
- --icon-channel-tertiary: #85b4b6;
2049
+ --icon-channel-tertiary: #016d6f;
1799
2050
  --border-channel-primary: #016d6f;
1800
2051
  --border-channel-secondary: #07494b;
1801
2052
  --border-channel-tertiary: #073131;
1802
2053
  --active-border: #ffffff;
1803
- --label-channel: #268186;
1804
- --flag-channel-fill: #9bc3c5;
1805
- --flag-channel-text: #073131;
1806
- --flag-channel-icon: #073131;
1807
- --interactive-negative-border-default: #ff8883;
2054
+ --label-channel: #3c8b90;
2055
+ --interactive-negative-border-default: #e70300;
1808
2056
  --interactive-negative-border-hover: #c40300;
1809
2057
  --interactive-negative-border-pressed: #b90200;
1810
2058
  --interactive-negative-text-default: #e70300;
1811
2059
  --interactive-negative-text-hover: #c40300;
1812
2060
  --interactive-negative-text-pressed: #b90200;
1813
- --interactive-negative-icon-default: #ff8883;
2061
+ --interactive-negative-icon-default: #e70300;
1814
2062
  --interactive-negative-icon-hover: #c40300;
1815
2063
  --interactive-negative-icon-pressed: #b90200;
1816
2064
  --interactive-link-secondary-text-default: #8c8c8c;
1817
2065
  --interactive-link-secondary-text-hover: #777777;
1818
2066
  --interactive-link-secondary-text-pressed: #707070;
1819
2067
  --interactive-link-secondary-text-visited: #9a9a9a;
1820
- --interactive-link-secondary-icon-default: #737373;
2068
+ --interactive-link-secondary-icon-default: #8c8c8c;
1821
2069
  --interactive-link-secondary-icon-hover: #777777;
1822
2070
  --interactive-link-secondary-icon-pressed: #707070;
1823
2071
  --interactive-link-secondary-icon-visited: #9a9a9a;
1824
- --interactive-link-secondary-underline-default: #737373;
2072
+ --interactive-link-secondary-underline-default: #8c8c8c;
1825
2073
  --interactive-link-secondary-underline-hover: #9d9d9d;
1826
2074
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1827
2075
  --interactive-link-secondary-underline-visited: #7e7e7e;
1828
2076
  --interactive-chip-channel-secondary-off-fill-default: #073131;
1829
2077
  --interactive-chip-channel-secondary-off-fill-hover: #062a2a;
1830
2078
  --interactive-chip-channel-secondary-off-fill-pressed: #062727;
1831
- --interactive-chip-channel-secondary-off-text-default: #085358;
2079
+ --interactive-chip-channel-secondary-off-text-default: #6ea7a9;
1832
2080
  --interactive-chip-channel-secondary-off-text-hover: #589395;
1833
2081
  --interactive-chip-channel-secondary-off-text-pressed: #538a8c;
1834
- --interactive-chip-channel-secondary-off-icon-default: #085358;
2082
+ --interactive-chip-channel-secondary-off-icon-default: #6ea7a9;
1835
2083
  --interactive-chip-channel-secondary-off-icon-hover: #589395;
1836
2084
  --interactive-chip-channel-secondary-off-icon-pressed: #538a8c;
1837
- --interactive-chip-channel-secondary-on-border-default: #085358;
2085
+ --interactive-chip-channel-secondary-on-border-default: #6ea7a9;
1838
2086
  --interactive-chip-channel-secondary-on-border-hover: #589395;
1839
2087
  --interactive-chip-channel-secondary-on-border-pressed: #538a8c;
1840
- --interactive-chip-channel-secondary-on-fill-default: #e4edf0;
2088
+ --interactive-chip-channel-secondary-on-fill-default: #073131;
1841
2089
  --interactive-chip-channel-secondary-on-fill-hover: #062a2a;
1842
2090
  --interactive-chip-channel-secondary-on-fill-pressed: #062727;
1843
- --interactive-chip-channel-secondary-on-text-default: #000000;
2091
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1844
2092
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1845
2093
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1846
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2094
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1847
2095
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1848
2096
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1849
- --interactive-chip-channel-primary-off-fill-default: #f4f7f7;
2097
+ --interactive-chip-channel-primary-off-fill-default: #06171a;
1850
2098
  --interactive-chip-channel-primary-off-fill-hover: #051416;
1851
2099
  --interactive-chip-channel-primary-off-fill-pressed: #051215;
1852
- --interactive-chip-channel-primary-off-text-default: #073131;
2100
+ --interactive-chip-channel-primary-off-text-default: #90bbbe;
1853
2101
  --interactive-chip-channel-primary-off-text-hover: #71a8ac;
1854
2102
  --interactive-chip-channel-primary-off-text-pressed: #66a1a5;
1855
- --interactive-chip-channel-primary-off-icon-default: #073131;
2103
+ --interactive-chip-channel-primary-off-icon-default: #90bbbe;
1856
2104
  --interactive-chip-channel-primary-off-icon-hover: #71a8ac;
1857
2105
  --interactive-chip-channel-primary-off-icon-pressed: #66a1a5;
1858
- --interactive-chip-channel-primary-off-border-default: #9bc3c5;
2106
+ --interactive-chip-channel-primary-off-border-default: #056065;
1859
2107
  --interactive-chip-channel-primary-off-border-hover: #045256;
1860
2108
  --interactive-chip-channel-primary-off-border-pressed: #044d51;
1861
- --interactive-chip-channel-primary-on-fill-default: #9bc3c5;
2109
+ --interactive-chip-channel-primary-on-fill-default: #056065;
1862
2110
  --interactive-chip-channel-primary-on-fill-hover: #045256;
1863
2111
  --interactive-chip-channel-primary-on-fill-pressed: #044d51;
2112
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1864
2113
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1865
2114
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1866
- --interactive-chip-channel-primary-on-icon-default: #000000;
2115
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1867
2116
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1868
2117
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2118
+ --interactive-tab-selected-border-default: #ffffff;
1869
2119
  }
1870
2120
 
1871
2121
  [data-theme="business"] {
@@ -1880,77 +2130,76 @@
1880
2130
  --text-channel-tertiary: #1d658d;
1881
2131
  --icon-channel-primary: #21709c;
1882
2132
  --icon-channel-secondary: #3b7fa7;
1883
- --icon-channel-tertiary: #89b1c9;
2133
+ --icon-channel-tertiary: #1d658d;
1884
2134
  --border-channel-primary: #1d658d;
1885
2135
  --border-channel-secondary: #13435e;
1886
2136
  --border-channel-tertiary: #0f2c3f;
1887
2137
  --active-border: #ffffff;
1888
- --label-channel: #347ca4;
1889
- --flag-channel-fill: #a0bed3;
1890
- --flag-channel-text: #0f2c3f;
1891
- --flag-channel-icon: #0f2c3f;
1892
- --interactive-negative-border-default: #ff8883;
2138
+ --label-channel: #4786ac;
2139
+ --interactive-negative-border-default: #e70300;
1893
2140
  --interactive-negative-border-hover: #c40300;
1894
2141
  --interactive-negative-border-pressed: #b90200;
1895
2142
  --interactive-negative-text-default: #e70300;
1896
2143
  --interactive-negative-text-hover: #c40300;
1897
2144
  --interactive-negative-text-pressed: #b90200;
1898
- --interactive-negative-icon-default: #ff8883;
2145
+ --interactive-negative-icon-default: #e70300;
1899
2146
  --interactive-negative-icon-hover: #c40300;
1900
2147
  --interactive-negative-icon-pressed: #b90200;
1901
2148
  --interactive-link-secondary-text-default: #8c8c8c;
1902
2149
  --interactive-link-secondary-text-hover: #777777;
1903
2150
  --interactive-link-secondary-text-pressed: #707070;
1904
2151
  --interactive-link-secondary-text-visited: #9a9a9a;
1905
- --interactive-link-secondary-icon-default: #737373;
2152
+ --interactive-link-secondary-icon-default: #8c8c8c;
1906
2153
  --interactive-link-secondary-icon-hover: #777777;
1907
2154
  --interactive-link-secondary-icon-pressed: #707070;
1908
2155
  --interactive-link-secondary-icon-visited: #9a9a9a;
1909
- --interactive-link-secondary-underline-default: #737373;
2156
+ --interactive-link-secondary-underline-default: #8c8c8c;
1910
2157
  --interactive-link-secondary-underline-hover: #9d9d9d;
1911
2158
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1912
2159
  --interactive-link-secondary-underline-visited: #7e7e7e;
1913
2160
  --interactive-chip-channel-secondary-off-fill-default: #0f2c3f;
1914
2161
  --interactive-chip-channel-secondary-off-fill-hover: #0d2536;
1915
2162
  --interactive-chip-channel-secondary-off-fill-pressed: #0c2332;
1916
- --interactive-chip-channel-secondary-off-text-default: #1a4e6e;
2163
+ --interactive-chip-channel-secondary-off-text-default: #73a2c0;
1917
2164
  --interactive-chip-channel-secondary-off-text-hover: #538eb2;
1918
2165
  --interactive-chip-channel-secondary-off-text-pressed: #4c86a9;
1919
- --interactive-chip-channel-secondary-off-icon-default: #1a4e6e;
2166
+ --interactive-chip-channel-secondary-off-icon-default: #73a2c0;
1920
2167
  --interactive-chip-channel-secondary-off-icon-hover: #538eb2;
1921
2168
  --interactive-chip-channel-secondary-off-icon-pressed: #4c86a9;
1922
- --interactive-chip-channel-secondary-on-border-default: #1a4e6e;
2169
+ --interactive-chip-channel-secondary-on-border-default: #73a2c0;
1923
2170
  --interactive-chip-channel-secondary-on-border-hover: #538eb2;
1924
2171
  --interactive-chip-channel-secondary-on-border-pressed: #4c86a9;
1925
- --interactive-chip-channel-secondary-on-fill-default: #e4edf3;
2172
+ --interactive-chip-channel-secondary-on-fill-default: #0f2c3f;
1926
2173
  --interactive-chip-channel-secondary-on-fill-hover: #0d2536;
1927
2174
  --interactive-chip-channel-secondary-on-fill-pressed: #0c2332;
1928
- --interactive-chip-channel-secondary-on-text-default: #000000;
2175
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1929
2176
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1930
2177
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1931
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2178
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1932
2179
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1933
2180
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1934
- --interactive-chip-channel-primary-off-fill-default: #f4f7fa;
2181
+ --interactive-chip-channel-primary-off-fill-default: #06171f;
1935
2182
  --interactive-chip-channel-primary-off-fill-hover: #05141a;
1936
2183
  --interactive-chip-channel-primary-off-fill-pressed: #051219;
1937
- --interactive-chip-channel-primary-off-text-default: #0f2c3f;
2184
+ --interactive-chip-channel-primary-off-text-default: #94b9ce;
1938
2185
  --interactive-chip-channel-primary-off-text-hover: #70a1bd;
1939
2186
  --interactive-chip-channel-primary-off-text-pressed: #6399b8;
1940
- --interactive-chip-channel-primary-off-icon-default: #0f2c3f;
2187
+ --interactive-chip-channel-primary-off-icon-default: #94b9ce;
1941
2188
  --interactive-chip-channel-primary-off-icon-hover: #70a1bd;
1942
2189
  --interactive-chip-channel-primary-off-icon-pressed: #6399b8;
1943
- --interactive-chip-channel-primary-off-border-default: #a0bed3;
2190
+ --interactive-chip-channel-primary-off-border-default: #1b5b7d;
1944
2191
  --interactive-chip-channel-primary-off-border-hover: #174d6a;
1945
2192
  --interactive-chip-channel-primary-off-border-pressed: #164864;
1946
- --interactive-chip-channel-primary-on-fill-default: #a0bed3;
2193
+ --interactive-chip-channel-primary-on-fill-default: #1b5b7d;
1947
2194
  --interactive-chip-channel-primary-on-fill-hover: #174d6a;
1948
2195
  --interactive-chip-channel-primary-on-fill-pressed: #164864;
2196
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1949
2197
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1950
2198
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1951
- --interactive-chip-channel-primary-on-icon-default: #000000;
2199
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1952
2200
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1953
2201
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2202
+ --interactive-tab-selected-border-default: #ffffff;
1954
2203
  }
1955
2204
 
1956
2205
  [data-theme="money"] {
@@ -1965,77 +2214,76 @@
1965
2214
  --text-channel-tertiary: #356251;
1966
2215
  --icon-channel-primary: #7ab79d;
1967
2216
  --icon-channel-secondary: #71b297;
1968
- --icon-channel-tertiary: #d5e9e0;
2217
+ --icon-channel-tertiary: #356251;
1969
2218
  --border-channel-primary: #519379;
1970
2219
  --border-channel-secondary: #356251;
1971
2220
  --border-channel-tertiary: #254035;
1972
2221
  --active-border: #ffffff;
1973
- --label-channel: #65aa8d;
1974
- --flag-channel-fill: #b7d5c9;
1975
- --flag-channel-text: #254035;
1976
- --flag-channel-icon: #254035;
1977
- --interactive-negative-border-default: #ff8883;
2222
+ --label-channel: #71b297;
2223
+ --interactive-negative-border-default: #e70300;
1978
2224
  --interactive-negative-border-hover: #c40300;
1979
2225
  --interactive-negative-border-pressed: #b90200;
1980
2226
  --interactive-negative-text-default: #e70300;
1981
2227
  --interactive-negative-text-hover: #c40300;
1982
2228
  --interactive-negative-text-pressed: #b90200;
1983
- --interactive-negative-icon-default: #ff8883;
2229
+ --interactive-negative-icon-default: #e70300;
1984
2230
  --interactive-negative-icon-hover: #c40300;
1985
2231
  --interactive-negative-icon-pressed: #b90200;
1986
2232
  --interactive-link-secondary-text-default: #8c8c8c;
1987
2233
  --interactive-link-secondary-text-hover: #777777;
1988
2234
  --interactive-link-secondary-text-pressed: #707070;
1989
2235
  --interactive-link-secondary-text-visited: #9a9a9a;
1990
- --interactive-link-secondary-icon-default: #737373;
2236
+ --interactive-link-secondary-icon-default: #8c8c8c;
1991
2237
  --interactive-link-secondary-icon-hover: #777777;
1992
2238
  --interactive-link-secondary-icon-pressed: #707070;
1993
2239
  --interactive-link-secondary-icon-visited: #9a9a9a;
1994
- --interactive-link-secondary-underline-default: #737373;
2240
+ --interactive-link-secondary-underline-default: #8c8c8c;
1995
2241
  --interactive-link-secondary-underline-hover: #9d9d9d;
1996
2242
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1997
2243
  --interactive-link-secondary-underline-visited: #7e7e7e;
1998
2244
  --interactive-chip-channel-secondary-off-fill-default: #254035;
1999
2245
  --interactive-chip-channel-secondary-off-fill-hover: #1f362d;
2000
2246
  --interactive-chip-channel-secondary-off-fill-pressed: #1e332a;
2001
- --interactive-chip-channel-secondary-off-text-default: #3d715d;
2247
+ --interactive-chip-channel-secondary-off-text-default: #95c3af;
2002
2248
  --interactive-chip-channel-secondary-off-text-hover: #74b096;
2003
2249
  --interactive-chip-channel-secondary-off-text-pressed: #69aa8e;
2004
- --interactive-chip-channel-secondary-off-icon-default: #3d715d;
2250
+ --interactive-chip-channel-secondary-off-icon-default: #95c3af;
2005
2251
  --interactive-chip-channel-secondary-off-icon-hover: #74b096;
2006
2252
  --interactive-chip-channel-secondary-off-icon-pressed: #69aa8e;
2007
- --interactive-chip-channel-secondary-on-border-default: #3d715d;
2253
+ --interactive-chip-channel-secondary-on-border-default: #95c3af;
2008
2254
  --interactive-chip-channel-secondary-on-border-hover: #74b096;
2009
2255
  --interactive-chip-channel-secondary-on-border-pressed: #69aa8e;
2010
- --interactive-chip-channel-secondary-on-fill-default: #ecf2f0;
2256
+ --interactive-chip-channel-secondary-on-fill-default: #254035;
2011
2257
  --interactive-chip-channel-secondary-on-fill-hover: #1f362d;
2012
2258
  --interactive-chip-channel-secondary-on-fill-pressed: #1e332a;
2013
- --interactive-chip-channel-secondary-on-text-default: #000000;
2259
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2014
2260
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2015
2261
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2016
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2262
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2017
2263
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2018
2264
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2019
- --interactive-chip-channel-primary-off-fill-default: #f7fafa;
2265
+ --interactive-chip-channel-primary-off-fill-default: #10221c;
2020
2266
  --interactive-chip-channel-primary-off-fill-hover: #0e1d18;
2021
2267
  --interactive-chip-channel-primary-off-fill-pressed: #0d1b16;
2022
- --interactive-chip-channel-primary-off-text-default: #254035;
2268
+ --interactive-chip-channel-primary-off-text-default: #aed2c1;
2023
2269
  --interactive-chip-channel-primary-off-text-hover: #89bda5;
2024
2270
  --interactive-chip-channel-primary-off-text-pressed: #7cb79b;
2025
- --interactive-chip-channel-primary-off-icon-default: #254035;
2271
+ --interactive-chip-channel-primary-off-icon-default: #aed2c1;
2026
2272
  --interactive-chip-channel-primary-off-icon-hover: #89bda5;
2027
2273
  --interactive-chip-channel-primary-off-icon-pressed: #7cb79b;
2028
- --interactive-chip-channel-primary-off-border-default: #b7d5c9;
2274
+ --interactive-chip-channel-primary-off-border-default: #458469;
2029
2275
  --interactive-chip-channel-primary-off-border-hover: #3b7059;
2030
2276
  --interactive-chip-channel-primary-off-border-pressed: #376954;
2031
- --interactive-chip-channel-primary-on-fill-default: #b7d5c9;
2277
+ --interactive-chip-channel-primary-on-fill-default: #458469;
2032
2278
  --interactive-chip-channel-primary-on-fill-hover: #3b7059;
2033
2279
  --interactive-chip-channel-primary-on-fill-pressed: #376954;
2280
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2034
2281
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2035
2282
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2036
- --interactive-chip-channel-primary-on-icon-default: #000000;
2283
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2037
2284
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2038
2285
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2286
+ --interactive-tab-selected-border-default: #ffffff;
2039
2287
  }
2040
2288
 
2041
2289
  [data-theme="sport"] {
@@ -2050,77 +2298,76 @@
2050
2298
  --text-channel-tertiary: #016d38;
2051
2299
  --icon-channel-primary: #007a3f;
2052
2300
  --icon-channel-secondary: #2c8652;
2053
- --icon-channel-tertiary: #84b697;
2301
+ --icon-channel-tertiary: #016d38;
2054
2302
  --border-channel-primary: #016d38;
2055
2303
  --border-channel-secondary: #074925;
2056
2304
  --border-channel-tertiary: #07311a;
2057
2305
  --active-border: #ffffff;
2058
- --label-channel: #23844c;
2059
- --flag-channel-fill: #9bc3a9;
2060
- --flag-channel-text: #07311a;
2061
- --flag-channel-icon: #07311a;
2062
- --interactive-negative-border-default: #ff8883;
2306
+ --label-channel: #3b8e5d;
2307
+ --interactive-negative-border-default: #e70300;
2063
2308
  --interactive-negative-border-hover: #c40300;
2064
2309
  --interactive-negative-border-pressed: #b90200;
2065
2310
  --interactive-negative-text-default: #e70300;
2066
2311
  --interactive-negative-text-hover: #c40300;
2067
2312
  --interactive-negative-text-pressed: #b90200;
2068
- --interactive-negative-icon-default: #ff8883;
2313
+ --interactive-negative-icon-default: #e70300;
2069
2314
  --interactive-negative-icon-hover: #c40300;
2070
2315
  --interactive-negative-icon-pressed: #b90200;
2071
2316
  --interactive-link-secondary-text-default: #8c8c8c;
2072
2317
  --interactive-link-secondary-text-hover: #777777;
2073
2318
  --interactive-link-secondary-text-pressed: #707070;
2074
2319
  --interactive-link-secondary-text-visited: #9a9a9a;
2075
- --interactive-link-secondary-icon-default: #737373;
2320
+ --interactive-link-secondary-icon-default: #8c8c8c;
2076
2321
  --interactive-link-secondary-icon-hover: #777777;
2077
2322
  --interactive-link-secondary-icon-pressed: #707070;
2078
2323
  --interactive-link-secondary-icon-visited: #9a9a9a;
2079
- --interactive-link-secondary-underline-default: #737373;
2324
+ --interactive-link-secondary-underline-default: #8c8c8c;
2080
2325
  --interactive-link-secondary-underline-hover: #9d9d9d;
2081
2326
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2082
2327
  --interactive-link-secondary-underline-visited: #7e7e7e;
2083
2328
  --interactive-chip-channel-secondary-off-fill-default: #07311a;
2084
2329
  --interactive-chip-channel-secondary-off-fill-hover: #062a16;
2085
2330
  --interactive-chip-channel-secondary-off-fill-pressed: #062715;
2086
- --interactive-chip-channel-secondary-off-text-default: #04562c;
2331
+ --interactive-chip-channel-secondary-off-text-default: #6ea782;
2087
2332
  --interactive-chip-channel-secondary-off-text-hover: #59936d;
2088
2333
  --interactive-chip-channel-secondary-off-text-pressed: #548a67;
2089
- --interactive-chip-channel-secondary-off-icon-default: #04562c;
2334
+ --interactive-chip-channel-secondary-off-icon-default: #6ea782;
2090
2335
  --interactive-chip-channel-secondary-off-icon-hover: #59936d;
2091
2336
  --interactive-chip-channel-secondary-off-icon-pressed: #548a67;
2092
- --interactive-chip-channel-secondary-on-border-default: #04562c;
2337
+ --interactive-chip-channel-secondary-on-border-default: #6ea782;
2093
2338
  --interactive-chip-channel-secondary-on-border-hover: #59936d;
2094
2339
  --interactive-chip-channel-secondary-on-border-pressed: #548a67;
2095
- --interactive-chip-channel-secondary-on-fill-default: #e4ede8;
2340
+ --interactive-chip-channel-secondary-on-fill-default: #07311a;
2096
2341
  --interactive-chip-channel-secondary-on-fill-hover: #062a16;
2097
2342
  --interactive-chip-channel-secondary-on-fill-pressed: #062715;
2098
- --interactive-chip-channel-secondary-on-text-default: #000000;
2343
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2099
2344
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2100
2345
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2101
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2346
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2102
2347
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2103
2348
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2104
- --interactive-chip-channel-primary-off-fill-default: #f4f7f5;
2349
+ --interactive-chip-channel-primary-off-fill-default: #06170c;
2105
2350
  --interactive-chip-channel-primary-off-fill-hover: #05140a;
2106
2351
  --interactive-chip-channel-primary-off-fill-pressed: #05120a;
2107
- --interactive-chip-channel-primary-off-text-default: #07311a;
2352
+ --interactive-chip-channel-primary-off-text-default: #8fbea1;
2108
2353
  --interactive-chip-channel-primary-off-text-hover: #6fac86;
2109
2354
  --interactive-chip-channel-primary-off-text-pressed: #65a67e;
2110
- --interactive-chip-channel-primary-off-icon-default: #07311a;
2355
+ --interactive-chip-channel-primary-off-icon-default: #8fbea1;
2111
2356
  --interactive-chip-channel-primary-off-icon-hover: #6fac86;
2112
2357
  --interactive-chip-channel-primary-off-icon-pressed: #65a67e;
2113
- --interactive-chip-channel-primary-off-border-default: #9bc3a9;
2358
+ --interactive-chip-channel-primary-off-border-default: #006234;
2114
2359
  --interactive-chip-channel-primary-off-border-hover: #00532c;
2115
2360
  --interactive-chip-channel-primary-off-border-pressed: #004f2a;
2116
- --interactive-chip-channel-primary-on-fill-default: #9bc3a9;
2361
+ --interactive-chip-channel-primary-on-fill-default: #006234;
2117
2362
  --interactive-chip-channel-primary-on-fill-hover: #00532c;
2118
2363
  --interactive-chip-channel-primary-on-fill-pressed: #004f2a;
2364
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2119
2365
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2120
2366
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2121
- --interactive-chip-channel-primary-on-icon-default: #000000;
2367
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2122
2368
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2123
2369
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2370
+ --interactive-tab-selected-border-default: #ffffff;
2124
2371
  }
2125
2372
 
2126
2373
  [data-theme="travel"] {
@@ -2135,77 +2382,76 @@
2135
2382
  --text-channel-tertiary: #26608b;
2136
2383
  --icon-channel-primary: #3b7fb2;
2137
2384
  --icon-channel-secondary: #4f8eb9;
2138
- --icon-channel-tertiary: #a5c3db;
2385
+ --icon-channel-tertiary: #26608b;
2139
2386
  --border-channel-primary: #266d9d;
2140
2387
  --border-channel-secondary: #1d4869;
2141
2388
  --border-channel-tertiary: #113144;
2142
2389
  --active-border: #ffffff;
2143
- --label-channel: #3c84b4;
2144
- --flag-channel-fill: #a5c3db;
2145
- --flag-channel-text: #113144;
2146
- --flag-channel-icon: #113144;
2147
- --interactive-negative-border-default: #ff8883;
2390
+ --label-channel: #4f8eb9;
2391
+ --interactive-negative-border-default: #e70300;
2148
2392
  --interactive-negative-border-hover: #c40300;
2149
2393
  --interactive-negative-border-pressed: #b90200;
2150
2394
  --interactive-negative-text-default: #e70300;
2151
2395
  --interactive-negative-text-hover: #c40300;
2152
2396
  --interactive-negative-text-pressed: #b90200;
2153
- --interactive-negative-icon-default: #ff8883;
2397
+ --interactive-negative-icon-default: #e70300;
2154
2398
  --interactive-negative-icon-hover: #c40300;
2155
2399
  --interactive-negative-icon-pressed: #b90200;
2156
2400
  --interactive-link-secondary-text-default: #8c8c8c;
2157
2401
  --interactive-link-secondary-text-hover: #777777;
2158
2402
  --interactive-link-secondary-text-pressed: #707070;
2159
2403
  --interactive-link-secondary-text-visited: #9a9a9a;
2160
- --interactive-link-secondary-icon-default: #737373;
2404
+ --interactive-link-secondary-icon-default: #8c8c8c;
2161
2405
  --interactive-link-secondary-icon-hover: #777777;
2162
2406
  --interactive-link-secondary-icon-pressed: #707070;
2163
2407
  --interactive-link-secondary-icon-visited: #9a9a9a;
2164
- --interactive-link-secondary-underline-default: #737373;
2408
+ --interactive-link-secondary-underline-default: #8c8c8c;
2165
2409
  --interactive-link-secondary-underline-hover: #9d9d9d;
2166
2410
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2167
2411
  --interactive-link-secondary-underline-visited: #7e7e7e;
2168
2412
  --interactive-chip-channel-secondary-off-fill-default: #113144;
2169
2413
  --interactive-chip-channel-secondary-off-fill-hover: #0e2a3a;
2170
2414
  --interactive-chip-channel-secondary-off-fill-pressed: #0e2736;
2171
- --interactive-chip-channel-secondary-off-text-default: #1e5578;
2415
+ --interactive-chip-channel-secondary-off-text-default: #78a7ca;
2172
2416
  --interactive-chip-channel-secondary-off-text-hover: #5590bc;
2173
2417
  --interactive-chip-channel-secondary-off-text-pressed: #4a88b8;
2174
- --interactive-chip-channel-secondary-off-icon-default: #1e5578;
2418
+ --interactive-chip-channel-secondary-off-icon-default: #78a7ca;
2175
2419
  --interactive-chip-channel-secondary-off-icon-hover: #5590bc;
2176
2420
  --interactive-chip-channel-secondary-off-icon-pressed: #4a88b8;
2177
- --interactive-chip-channel-secondary-on-border-default: #1e5578;
2421
+ --interactive-chip-channel-secondary-on-border-default: #78a7ca;
2178
2422
  --interactive-chip-channel-secondary-on-border-hover: #5590bc;
2179
2423
  --interactive-chip-channel-secondary-on-border-pressed: #4a88b8;
2180
- --interactive-chip-channel-secondary-on-fill-default: #e7edf6;
2424
+ --interactive-chip-channel-secondary-on-fill-default: #113144;
2181
2425
  --interactive-chip-channel-secondary-on-fill-hover: #0e2a3a;
2182
2426
  --interactive-chip-channel-secondary-on-fill-pressed: #0e2736;
2183
- --interactive-chip-channel-secondary-on-text-default: #000000;
2427
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2184
2428
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2185
2429
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2186
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2430
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2187
2431
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2188
2432
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2189
- --interactive-chip-channel-primary-off-fill-default: #f4f7fa;
2433
+ --interactive-chip-channel-primary-off-fill-default: #0a1722;
2190
2434
  --interactive-chip-channel-primary-off-fill-hover: #09131d;
2191
2435
  --interactive-chip-channel-primary-off-fill-pressed: #08121b;
2192
- --interactive-chip-channel-primary-off-text-default: #113144;
2436
+ --interactive-chip-channel-primary-off-text-default: #9abbd6;
2193
2437
  --interactive-chip-channel-primary-off-text-hover: #73a0c6;
2194
2438
  --interactive-chip-channel-primary-off-text-pressed: #6698c1;
2195
- --interactive-chip-channel-primary-off-icon-default: #113144;
2439
+ --interactive-chip-channel-primary-off-icon-default: #9abbd6;
2196
2440
  --interactive-chip-channel-primary-off-icon-hover: #73a0c6;
2197
2441
  --interactive-chip-channel-primary-off-icon-pressed: #6698c1;
2198
- --interactive-chip-channel-primary-off-border-default: #a5c3db;
2442
+ --interactive-chip-channel-primary-off-border-default: #26608b;
2199
2443
  --interactive-chip-channel-primary-off-border-hover: #205176;
2200
2444
  --interactive-chip-channel-primary-off-border-pressed: #1e4c6f;
2201
- --interactive-chip-channel-primary-on-fill-default: #a5c3db;
2445
+ --interactive-chip-channel-primary-on-fill-default: #26608b;
2202
2446
  --interactive-chip-channel-primary-on-fill-hover: #205176;
2203
2447
  --interactive-chip-channel-primary-on-fill-pressed: #1e4c6f;
2448
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2204
2449
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2205
2450
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2206
- --interactive-chip-channel-primary-on-icon-default: #000000;
2451
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2207
2452
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2208
2453
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2454
+ --interactive-tab-selected-border-default: #ffffff;
2209
2455
  }
2210
2456
 
2211
2457
  [data-theme="culture"] {
@@ -2220,77 +2466,76 @@
2220
2466
  --text-channel-tertiary: #a03c75;
2221
2467
  --icon-channel-primary: #771c51;
2222
2468
  --icon-channel-secondary: #942364;
2223
- --icon-channel-tertiary: #a4477c;
2469
+ --icon-channel-tertiary: #a03c75;
2224
2470
  --border-channel-primary: #85205b;
2225
2471
  --border-channel-secondary: #59173c;
2226
2472
  --border-channel-tertiary: #3b0f27;
2227
2473
  --active-border: #ffffff;
2228
- --label-channel: #9d3670;
2229
- --flag-channel-fill: #d19fb9;
2230
- --flag-channel-text: #3b0f27;
2231
- --flag-channel-icon: #3b0f27;
2232
- --interactive-negative-border-default: #ff8883;
2474
+ --label-channel: #a4477c;
2475
+ --interactive-negative-border-default: #e70300;
2233
2476
  --interactive-negative-border-hover: #c40300;
2234
2477
  --interactive-negative-border-pressed: #b90200;
2235
2478
  --interactive-negative-text-default: #e70300;
2236
2479
  --interactive-negative-text-hover: #c40300;
2237
2480
  --interactive-negative-text-pressed: #b90200;
2238
- --interactive-negative-icon-default: #ff8883;
2481
+ --interactive-negative-icon-default: #e70300;
2239
2482
  --interactive-negative-icon-hover: #c40300;
2240
2483
  --interactive-negative-icon-pressed: #b90200;
2241
2484
  --interactive-link-secondary-text-default: #8c8c8c;
2242
2485
  --interactive-link-secondary-text-hover: #777777;
2243
2486
  --interactive-link-secondary-text-pressed: #707070;
2244
2487
  --interactive-link-secondary-text-visited: #9a9a9a;
2245
- --interactive-link-secondary-icon-default: #737373;
2488
+ --interactive-link-secondary-icon-default: #8c8c8c;
2246
2489
  --interactive-link-secondary-icon-hover: #777777;
2247
2490
  --interactive-link-secondary-icon-pressed: #707070;
2248
2491
  --interactive-link-secondary-icon-visited: #9a9a9a;
2249
- --interactive-link-secondary-underline-default: #737373;
2492
+ --interactive-link-secondary-underline-default: #8c8c8c;
2250
2493
  --interactive-link-secondary-underline-hover: #9d9d9d;
2251
2494
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2252
2495
  --interactive-link-secondary-underline-visited: #7e7e7e;
2253
2496
  --interactive-chip-channel-secondary-off-fill-default: #3b0f27;
2254
2497
  --interactive-chip-channel-secondary-off-fill-hover: #320d21;
2255
2498
  --interactive-chip-channel-secondary-off-fill-pressed: #2f0c1f;
2256
- --interactive-chip-channel-secondary-off-text-default: #671846;
2499
+ --interactive-chip-channel-secondary-off-text-default: #ba729b;
2257
2500
  --interactive-chip-channel-secondary-off-text-hover: #ab5485;
2258
2501
  --interactive-chip-channel-secondary-off-text-pressed: #a14f7e;
2259
- --interactive-chip-channel-secondary-off-icon-default: #671846;
2502
+ --interactive-chip-channel-secondary-off-icon-default: #ba729b;
2260
2503
  --interactive-chip-channel-secondary-off-icon-hover: #ab5485;
2261
2504
  --interactive-chip-channel-secondary-off-icon-pressed: #a14f7e;
2262
- --interactive-chip-channel-secondary-on-border-default: #671846;
2505
+ --interactive-chip-channel-secondary-on-border-default: #ba729b;
2263
2506
  --interactive-chip-channel-secondary-on-border-hover: #ab5485;
2264
2507
  --interactive-chip-channel-secondary-on-border-pressed: #a14f7e;
2265
- --interactive-chip-channel-secondary-on-fill-default: #f2e5eb;
2508
+ --interactive-chip-channel-secondary-on-fill-default: #3b0f27;
2266
2509
  --interactive-chip-channel-secondary-on-fill-hover: #320d21;
2267
2510
  --interactive-chip-channel-secondary-on-fill-pressed: #2f0c1f;
2268
- --interactive-chip-channel-secondary-on-text-default: #000000;
2511
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2269
2512
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2270
2513
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2271
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2514
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2272
2515
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2273
2516
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2274
- --interactive-chip-channel-primary-off-fill-default: #fbf5f7;
2517
+ --interactive-chip-channel-primary-off-fill-default: #1f0915;
2275
2518
  --interactive-chip-channel-primary-off-fill-hover: #1a0812;
2276
2519
  --interactive-chip-channel-primary-off-fill-pressed: #190711;
2277
- --interactive-chip-channel-primary-off-text-default: #3b0f27;
2520
+ --interactive-chip-channel-primary-off-text-default: #cd94b1;
2278
2521
  --interactive-chip-channel-primary-off-text-hover: #bc7097;
2279
2522
  --interactive-chip-channel-primary-off-text-pressed: #b7648f;
2280
- --interactive-chip-channel-primary-off-icon-default: #3b0f27;
2523
+ --interactive-chip-channel-primary-off-icon-default: #cd94b1;
2281
2524
  --interactive-chip-channel-primary-off-icon-hover: #bc7097;
2282
2525
  --interactive-chip-channel-primary-off-icon-pressed: #b7648f;
2283
- --interactive-chip-channel-primary-off-border-default: #d19fb9;
2526
+ --interactive-chip-channel-primary-off-border-default: #771c51;
2284
2527
  --interactive-chip-channel-primary-off-border-hover: #651845;
2285
2528
  --interactive-chip-channel-primary-off-border-pressed: #5f1641;
2286
- --interactive-chip-channel-primary-on-fill-default: #d19fb9;
2529
+ --interactive-chip-channel-primary-on-fill-default: #771c51;
2287
2530
  --interactive-chip-channel-primary-on-fill-hover: #651845;
2288
2531
  --interactive-chip-channel-primary-on-fill-pressed: #5f1641;
2532
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2289
2533
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2290
2534
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2291
- --interactive-chip-channel-primary-on-icon-default: #000000;
2535
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2292
2536
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2293
2537
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2538
+ --interactive-tab-selected-border-default: #ffffff;
2294
2539
  }
2295
2540
 
2296
2541
  [data-theme="obituaries"] {
@@ -2305,77 +2550,76 @@
2305
2550
  --text-channel-tertiary: #61615e;
2306
2551
  --icon-channel-primary: #6c6c69;
2307
2552
  --icon-channel-secondary: #7a7a78;
2308
- --icon-channel-tertiary: #adadad;
2553
+ --icon-channel-tertiary: #61615e;
2309
2554
  --border-channel-primary: #61615e;
2310
2555
  --border-channel-secondary: #404040;
2311
2556
  --border-channel-tertiary: #2b2b2b;
2312
2557
  --active-border: #ffffff;
2313
- --label-channel: #787875;
2314
- --flag-channel-fill: #bdbdbd;
2315
- --flag-channel-text: #2b2b2b;
2316
- --flag-channel-icon: #2b2b2b;
2317
- --interactive-negative-border-default: #ff8883;
2558
+ --label-channel: #82827f;
2559
+ --interactive-negative-border-default: #e70300;
2318
2560
  --interactive-negative-border-hover: #c40300;
2319
2561
  --interactive-negative-border-pressed: #b90200;
2320
2562
  --interactive-negative-text-default: #e70300;
2321
2563
  --interactive-negative-text-hover: #c40300;
2322
2564
  --interactive-negative-text-pressed: #b90200;
2323
- --interactive-negative-icon-default: #ff8883;
2565
+ --interactive-negative-icon-default: #e70300;
2324
2566
  --interactive-negative-icon-hover: #c40300;
2325
2567
  --interactive-negative-icon-pressed: #b90200;
2326
2568
  --interactive-link-secondary-text-default: #8c8c8c;
2327
2569
  --interactive-link-secondary-text-hover: #777777;
2328
2570
  --interactive-link-secondary-text-pressed: #707070;
2329
2571
  --interactive-link-secondary-text-visited: #9a9a9a;
2330
- --interactive-link-secondary-icon-default: #737373;
2572
+ --interactive-link-secondary-icon-default: #8c8c8c;
2331
2573
  --interactive-link-secondary-icon-hover: #777777;
2332
2574
  --interactive-link-secondary-icon-pressed: #707070;
2333
2575
  --interactive-link-secondary-icon-visited: #9a9a9a;
2334
- --interactive-link-secondary-underline-default: #737373;
2576
+ --interactive-link-secondary-underline-default: #8c8c8c;
2335
2577
  --interactive-link-secondary-underline-hover: #9d9d9d;
2336
2578
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2337
2579
  --interactive-link-secondary-underline-visited: #7e7e7e;
2338
2580
  --interactive-chip-channel-secondary-off-fill-default: #2b2b2b;
2339
2581
  --interactive-chip-channel-secondary-off-fill-hover: #242424;
2340
2582
  --interactive-chip-channel-secondary-off-fill-pressed: #222222;
2341
- --interactive-chip-channel-secondary-off-text-default: #4d4d4a;
2583
+ --interactive-chip-channel-secondary-off-text-default: #9e9e9b;
2342
2584
  --interactive-chip-channel-secondary-off-text-hover: #878783;
2343
2585
  --interactive-chip-channel-secondary-off-text-pressed: #7f7f7b;
2344
- --interactive-chip-channel-secondary-off-icon-default: #4d4d4a;
2586
+ --interactive-chip-channel-secondary-off-icon-default: #9e9e9b;
2345
2587
  --interactive-chip-channel-secondary-off-icon-hover: #878783;
2346
2588
  --interactive-chip-channel-secondary-off-icon-pressed: #7f7f7b;
2347
- --interactive-chip-channel-secondary-on-border-default: #4d4d4a;
2589
+ --interactive-chip-channel-secondary-on-border-default: #9e9e9b;
2348
2590
  --interactive-chip-channel-secondary-on-border-hover: #878783;
2349
2591
  --interactive-chip-channel-secondary-on-border-pressed: #7f7f7b;
2350
- --interactive-chip-channel-secondary-on-fill-default: #ededed;
2592
+ --interactive-chip-channel-secondary-on-fill-default: #2b2b2b;
2351
2593
  --interactive-chip-channel-secondary-on-fill-hover: #242424;
2352
2594
  --interactive-chip-channel-secondary-on-fill-pressed: #222222;
2353
- --interactive-chip-channel-secondary-on-text-default: #000000;
2595
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2354
2596
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2355
2597
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2356
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2598
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2357
2599
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2358
2600
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2359
- --interactive-chip-channel-primary-off-fill-default: #f7f7f7;
2601
+ --interactive-chip-channel-primary-off-fill-default: #141414;
2360
2602
  --interactive-chip-channel-primary-off-fill-hover: #111111;
2361
2603
  --interactive-chip-channel-primary-off-fill-pressed: #101010;
2362
- --interactive-chip-channel-primary-off-text-default: #2b2b2b;
2604
+ --interactive-chip-channel-primary-off-text-default: #b5b5b5;
2363
2605
  --interactive-chip-channel-primary-off-text-hover: #9a9a9a;
2364
2606
  --interactive-chip-channel-primary-off-text-pressed: #919191;
2365
- --interactive-chip-channel-primary-off-icon-default: #2b2b2b;
2607
+ --interactive-chip-channel-primary-off-icon-default: #b5b5b5;
2366
2608
  --interactive-chip-channel-primary-off-icon-hover: #9a9a9a;
2367
2609
  --interactive-chip-channel-primary-off-icon-pressed: #919191;
2368
- --interactive-chip-channel-primary-off-border-default: #bdbdbd;
2610
+ --interactive-chip-channel-primary-off-border-default: #575754;
2369
2611
  --interactive-chip-channel-primary-off-border-hover: #4a4a47;
2370
2612
  --interactive-chip-channel-primary-off-border-pressed: #464643;
2371
- --interactive-chip-channel-primary-on-fill-default: #bdbdbd;
2613
+ --interactive-chip-channel-primary-on-fill-default: #575754;
2372
2614
  --interactive-chip-channel-primary-on-fill-hover: #4a4a47;
2373
2615
  --interactive-chip-channel-primary-on-fill-pressed: #464643;
2616
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2374
2617
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2375
2618
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2376
- --interactive-chip-channel-primary-on-icon-default: #000000;
2619
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2377
2620
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2378
2621
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2622
+ --interactive-tab-selected-border-default: #ffffff;
2379
2623
  }
2380
2624
 
2381
2625
  [data-theme="ireland"] {
@@ -2390,77 +2634,457 @@
2390
2634
  --text-channel-tertiary: #436461;
2391
2635
  --icon-channel-primary: #0d3633;
2392
2636
  --icon-channel-secondary: #1f4642;
2393
- --icon-channel-tertiary: #0f3d38;
2637
+ --icon-channel-tertiary: #436461;
2394
2638
  --border-channel-primary: #0d3633;
2395
2639
  --border-channel-secondary: #0b2421;
2396
2640
  --border-channel-tertiary: #0a1717;
2397
2641
  --active-border: #ffffff;
2398
- --label-channel: #244b48;
2399
- --flag-channel-fill: #95a9a6;
2400
- --flag-channel-text: #0a1717;
2401
- --flag-channel-icon: #0a1717;
2402
- --interactive-negative-border-default: #ff8883;
2642
+ --label-channel: #385a57;
2643
+ --interactive-negative-border-default: #e70300;
2403
2644
  --interactive-negative-border-hover: #c40300;
2404
2645
  --interactive-negative-border-pressed: #b90200;
2405
2646
  --interactive-negative-text-default: #e70300;
2406
2647
  --interactive-negative-text-hover: #c40300;
2407
2648
  --interactive-negative-text-pressed: #b90200;
2408
- --interactive-negative-icon-default: #ff8883;
2649
+ --interactive-negative-icon-default: #e70300;
2409
2650
  --interactive-negative-icon-hover: #c40300;
2410
2651
  --interactive-negative-icon-pressed: #b90200;
2411
2652
  --interactive-link-secondary-text-default: #8c8c8c;
2412
2653
  --interactive-link-secondary-text-hover: #777777;
2413
2654
  --interactive-link-secondary-text-pressed: #707070;
2414
2655
  --interactive-link-secondary-text-visited: #9a9a9a;
2415
- --interactive-link-secondary-icon-default: #737373;
2656
+ --interactive-link-secondary-icon-default: #8c8c8c;
2416
2657
  --interactive-link-secondary-icon-hover: #777777;
2417
2658
  --interactive-link-secondary-icon-pressed: #707070;
2418
2659
  --interactive-link-secondary-icon-visited: #9a9a9a;
2419
- --interactive-link-secondary-underline-default: #737373;
2660
+ --interactive-link-secondary-underline-default: #8c8c8c;
2420
2661
  --interactive-link-secondary-underline-hover: #9d9d9d;
2421
2662
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2422
2663
  --interactive-link-secondary-underline-visited: #7e7e7e;
2423
2664
  --interactive-chip-channel-secondary-off-fill-default: #0a1717;
2424
2665
  --interactive-chip-channel-secondary-off-fill-hover: #081414;
2425
2666
  --interactive-chip-channel-secondary-off-fill-pressed: #081212;
2426
- --interactive-chip-channel-secondary-off-text-default: #0d2926;
2667
+ --interactive-chip-channel-secondary-off-text-default: #66807d;
2427
2668
  --interactive-chip-channel-secondary-off-text-hover: #576d6a;
2428
2669
  --interactive-chip-channel-secondary-off-text-pressed: #526664;
2429
- --interactive-chip-channel-secondary-off-icon-default: #0d2926;
2670
+ --interactive-chip-channel-secondary-off-icon-default: #66807d;
2430
2671
  --interactive-chip-channel-secondary-off-icon-hover: #576d6a;
2431
2672
  --interactive-chip-channel-secondary-off-icon-pressed: #526664;
2432
- --interactive-chip-channel-secondary-on-border-default: #0d2926;
2673
+ --interactive-chip-channel-secondary-on-border-default: #66807d;
2433
2674
  --interactive-chip-channel-secondary-on-border-hover: #576d6a;
2434
2675
  --interactive-chip-channel-secondary-on-border-pressed: #526664;
2435
- --interactive-chip-channel-secondary-on-fill-default: #e2e6e6;
2676
+ --interactive-chip-channel-secondary-on-fill-default: #0a1717;
2436
2677
  --interactive-chip-channel-secondary-on-fill-hover: #081414;
2437
2678
  --interactive-chip-channel-secondary-on-fill-pressed: #081212;
2438
- --interactive-chip-channel-secondary-on-text-default: #000000;
2679
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2439
2680
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2440
2681
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2441
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2682
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2442
2683
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2443
2684
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2444
- --interactive-chip-channel-primary-off-fill-default: #f5f5f5;
2685
+ --interactive-chip-channel-primary-off-fill-default: #030d0a;
2445
2686
  --interactive-chip-channel-primary-off-fill-hover: #030b09;
2446
2687
  --interactive-chip-channel-primary-off-fill-pressed: #020a08;
2447
- --interactive-chip-channel-primary-off-text-default: #0a1717;
2688
+ --interactive-chip-channel-primary-off-text-default: #8b9f9c;
2448
2689
  --interactive-chip-channel-primary-off-text-hover: #738b87;
2449
2690
  --interactive-chip-channel-primary-off-text-pressed: #6c827f;
2450
- --interactive-chip-channel-primary-off-icon-default: #0a1717;
2691
+ --interactive-chip-channel-primary-off-icon-default: #8b9f9c;
2451
2692
  --interactive-chip-channel-primary-off-icon-hover: #738b87;
2452
2693
  --interactive-chip-channel-primary-off-icon-pressed: #6c827f;
2453
- --interactive-chip-channel-primary-off-border-default: #95a9a6;
2694
+ --interactive-chip-channel-primary-off-border-default: #0c312e;
2454
2695
  --interactive-chip-channel-primary-off-border-hover: #0a2a27;
2455
2696
  --interactive-chip-channel-primary-off-border-pressed: #0a2725;
2456
- --interactive-chip-channel-primary-on-fill-default: #95a9a6;
2697
+ --interactive-chip-channel-primary-on-fill-default: #0c312e;
2457
2698
  --interactive-chip-channel-primary-on-fill-hover: #0a2a27;
2458
2699
  --interactive-chip-channel-primary-on-fill-pressed: #0a2725;
2700
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2459
2701
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2460
2702
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2461
- --interactive-chip-channel-primary-on-icon-default: #000000;
2703
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2704
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2705
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2706
+ --interactive-tab-selected-border-default: #ffffff;
2707
+ }
2708
+
2709
+ [data-theme="magazineLuxx"] {
2710
+ --surface-channel-50: #05121a;
2711
+ --surface-channel-100: #082235;
2712
+ --surface-channel-200: #114669;
2713
+ --surface-channel-300: #3e6f95;
2714
+ --surface-channel-400: #6b90ae;
2715
+ --surface-channel-500: #8eacc1;
2716
+ --text-channel-primary: #8eacc1;
2717
+ --text-channel-secondary: #799ab5;
2718
+ --text-channel-tertiary: #49799c;
2719
+ --icon-channel-primary: #154e76;
2720
+ --icon-channel-secondary: #216088;
2721
+ --icon-channel-tertiary: #49799c;
2722
+ --border-channel-primary: #5581a1;
2723
+ --border-channel-secondary: #3e6f95;
2724
+ --border-channel-tertiary: #216088;
2725
+ --active-border: #ffffff;
2726
+ --label-channel: #3e6f95;
2727
+ --interactive-negative-border-default: #e70300;
2728
+ --interactive-negative-border-hover: #c40300;
2729
+ --interactive-negative-border-pressed: #b90200;
2730
+ --interactive-negative-text-default: #e70300;
2731
+ --interactive-negative-text-hover: #c40300;
2732
+ --interactive-negative-text-pressed: #b90200;
2733
+ --interactive-negative-icon-default: #e70300;
2734
+ --interactive-negative-icon-hover: #c40300;
2735
+ --interactive-negative-icon-pressed: #b90200;
2736
+ --interactive-link-secondary-text-default: #8c8c8c;
2737
+ --interactive-link-secondary-text-hover: #777777;
2738
+ --interactive-link-secondary-text-pressed: #707070;
2739
+ --interactive-link-secondary-text-visited: #9a9a9a;
2740
+ --interactive-link-secondary-icon-default: #8c8c8c;
2741
+ --interactive-link-secondary-icon-hover: #777777;
2742
+ --interactive-link-secondary-icon-pressed: #707070;
2743
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2744
+ --interactive-link-secondary-underline-default: #8c8c8c;
2745
+ --interactive-link-secondary-underline-hover: #9d9d9d;
2746
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
2747
+ --interactive-link-secondary-underline-visited: #7e7e7e;
2748
+ --interactive-chip-channel-secondary-off-fill-default: #082235;
2749
+ --interactive-chip-channel-secondary-off-fill-hover: #071d2d;
2750
+ --interactive-chip-channel-secondary-off-fill-pressed: #061b2a;
2751
+ --interactive-chip-channel-secondary-off-text-default: #6b90ae;
2752
+ --interactive-chip-channel-secondary-off-text-hover: #547b9a;
2753
+ --interactive-chip-channel-secondary-off-text-pressed: #507491;
2754
+ --interactive-chip-channel-secondary-off-icon-default: #6b90ae;
2755
+ --interactive-chip-channel-secondary-off-icon-hover: #547b9a;
2756
+ --interactive-chip-channel-secondary-off-icon-pressed: #507491;
2757
+ --interactive-chip-channel-secondary-on-border-default: #6b90ae;
2758
+ --interactive-chip-channel-secondary-on-border-hover: #547b9a;
2759
+ --interactive-chip-channel-secondary-on-border-pressed: #507491;
2760
+ --interactive-chip-channel-secondary-on-fill-default: #082235;
2761
+ --interactive-chip-channel-secondary-on-fill-hover: #071d2d;
2762
+ --interactive-chip-channel-secondary-on-fill-pressed: #061b2a;
2763
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2764
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2765
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2766
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2767
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2768
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2769
+ --interactive-chip-channel-primary-off-fill-default: #05121a;
2770
+ --interactive-chip-channel-primary-off-fill-hover: #040f16;
2771
+ --interactive-chip-channel-primary-off-fill-pressed: #040e15;
2772
+ --interactive-chip-channel-primary-off-text-default: #8eacc1;
2773
+ --interactive-chip-channel-primary-off-text-hover: #6d94af;
2774
+ --interactive-chip-channel-primary-off-text-pressed: #638ca9;
2775
+ --interactive-chip-channel-primary-off-icon-default: #8eacc1;
2776
+ --interactive-chip-channel-primary-off-icon-hover: #6d94af;
2777
+ --interactive-chip-channel-primary-off-icon-pressed: #638ca9;
2778
+ --interactive-chip-channel-primary-off-border-default: #114669;
2779
+ --interactive-chip-channel-primary-off-border-hover: #0e3b59;
2780
+ --interactive-chip-channel-primary-off-border-pressed: #0e3854;
2781
+ --interactive-chip-channel-primary-on-fill-default: #114669;
2782
+ --interactive-chip-channel-primary-on-fill-hover: #0e3b59;
2783
+ --interactive-chip-channel-primary-on-fill-pressed: #0e3854;
2784
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2785
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2786
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2787
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2788
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2789
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2790
+ --interactive-tab-selected-border-default: #ffffff;
2791
+ }
2792
+
2793
+ [data-theme="magazineSundayTimes"] {
2794
+ --surface-channel-50: #1b140f;
2795
+ --surface-channel-100: #32281d;
2796
+ --surface-channel-200: #645137;
2797
+ --surface-channel-300: #927c60;
2798
+ --surface-channel-400: #ab9b85;
2799
+ --surface-channel-500: #bfb2a1;
2800
+ --text-channel-primary: #bfb2a1;
2801
+ --text-channel-secondary: #b3a38f;
2802
+ --text-channel-tertiary: #97846b;
2803
+ --icon-channel-primary: #715b3f;
2804
+ --icon-channel-secondary: #866d4d;
2805
+ --icon-channel-tertiary: #97846b;
2806
+ --border-channel-primary: #9f8c75;
2807
+ --border-channel-secondary: #927c60;
2808
+ --border-channel-tertiary: #866d4d;
2809
+ --active-border: #ffffff;
2810
+ --label-channel: #927c60;
2811
+ --interactive-negative-border-default: #e70300;
2812
+ --interactive-negative-border-hover: #c40300;
2813
+ --interactive-negative-border-pressed: #b90200;
2814
+ --interactive-negative-text-default: #e70300;
2815
+ --interactive-negative-text-hover: #c40300;
2816
+ --interactive-negative-text-pressed: #b90200;
2817
+ --interactive-negative-icon-default: #e70300;
2818
+ --interactive-negative-icon-hover: #c40300;
2819
+ --interactive-negative-icon-pressed: #b90200;
2820
+ --interactive-link-secondary-text-default: #8c8c8c;
2821
+ --interactive-link-secondary-text-hover: #777777;
2822
+ --interactive-link-secondary-text-pressed: #707070;
2823
+ --interactive-link-secondary-text-visited: #9a9a9a;
2824
+ --interactive-link-secondary-icon-default: #8c8c8c;
2825
+ --interactive-link-secondary-icon-hover: #777777;
2826
+ --interactive-link-secondary-icon-pressed: #707070;
2827
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2828
+ --interactive-link-secondary-underline-default: #8c8c8c;
2829
+ --interactive-link-secondary-underline-hover: #9d9d9d;
2830
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
2831
+ --interactive-link-secondary-underline-visited: #7e7e7e;
2832
+ --interactive-chip-channel-secondary-off-fill-default: #32281d;
2833
+ --interactive-chip-channel-secondary-off-fill-hover: #2b2219;
2834
+ --interactive-chip-channel-secondary-off-fill-pressed: #282017;
2835
+ --interactive-chip-channel-secondary-off-text-default: #ab9b85;
2836
+ --interactive-chip-channel-secondary-off-text-hover: #98856a;
2837
+ --interactive-chip-channel-secondary-off-text-pressed: #907d63;
2838
+ --interactive-chip-channel-secondary-off-icon-default: #ab9b85;
2839
+ --interactive-chip-channel-secondary-off-icon-hover: #98856a;
2840
+ --interactive-chip-channel-secondary-off-icon-pressed: #907d63;
2841
+ --interactive-chip-channel-secondary-on-border-default: #ab9b85;
2842
+ --interactive-chip-channel-secondary-on-border-hover: #98856a;
2843
+ --interactive-chip-channel-secondary-on-border-pressed: #907d63;
2844
+ --interactive-chip-channel-secondary-on-fill-default: #32281d;
2845
+ --interactive-chip-channel-secondary-on-fill-hover: #2b2219;
2846
+ --interactive-chip-channel-secondary-on-fill-pressed: #282017;
2847
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2848
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2849
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2850
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2851
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2852
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2853
+ --interactive-chip-channel-primary-off-fill-default: #1b140f;
2854
+ --interactive-chip-channel-primary-off-fill-hover: #17110d;
2855
+ --interactive-chip-channel-primary-off-fill-pressed: #16100c;
2856
+ --interactive-chip-channel-primary-off-text-default: #bfb2a1;
2857
+ --interactive-chip-channel-primary-off-text-hover: #aa9882;
2858
+ --interactive-chip-channel-primary-off-text-pressed: #a29077;
2859
+ --interactive-chip-channel-primary-off-icon-default: #bfb2a1;
2860
+ --interactive-chip-channel-primary-off-icon-hover: #aa9882;
2861
+ --interactive-chip-channel-primary-off-icon-pressed: #a29077;
2862
+ --interactive-chip-channel-primary-off-border-default: #645137;
2863
+ --interactive-chip-channel-primary-off-border-hover: #55452f;
2864
+ --interactive-chip-channel-primary-off-border-pressed: #50412c;
2865
+ --interactive-chip-channel-primary-on-fill-default: #645137;
2866
+ --interactive-chip-channel-primary-on-fill-hover: #55452f;
2867
+ --interactive-chip-channel-primary-on-fill-pressed: #50412c;
2868
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2869
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2870
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2871
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2872
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2873
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2874
+ --interactive-tab-selected-border-default: #ffffff;
2875
+ }
2876
+
2877
+ [data-theme="magazineTimes"] {
2878
+ --surface-channel-50: #141706;
2879
+ --surface-channel-100: #282b0e;
2880
+ --surface-channel-200: #535919;
2881
+ --surface-channel-300: #7e8544;
2882
+ --surface-channel-400: #9aa170;
2883
+ --surface-channel-500: #b1b893;
2884
+ --text-channel-primary: #b1b893;
2885
+ --text-channel-secondary: #a5a87b;
2886
+ --text-channel-tertiary: #868c4f;
2887
+ --icon-channel-primary: #5d6418;
2888
+ --icon-channel-secondary: #6f7629;
2889
+ --icon-channel-tertiary: #868c4f;
2890
+ --border-channel-primary: #8e945a;
2891
+ --border-channel-secondary: #7e8544;
2892
+ --border-channel-tertiary: #6f7629;
2893
+ --active-border: #ffffff;
2894
+ --label-channel: #7e8544;
2895
+ --interactive-negative-border-default: #e70300;
2896
+ --interactive-negative-border-hover: #c40300;
2897
+ --interactive-negative-border-pressed: #b90200;
2898
+ --interactive-negative-text-default: #e70300;
2899
+ --interactive-negative-text-hover: #c40300;
2900
+ --interactive-negative-text-pressed: #b90200;
2901
+ --interactive-negative-icon-default: #e70300;
2902
+ --interactive-negative-icon-hover: #c40300;
2903
+ --interactive-negative-icon-pressed: #b90200;
2904
+ --interactive-link-secondary-text-default: #8c8c8c;
2905
+ --interactive-link-secondary-text-hover: #777777;
2906
+ --interactive-link-secondary-text-pressed: #707070;
2907
+ --interactive-link-secondary-text-visited: #9a9a9a;
2908
+ --interactive-link-secondary-icon-default: #8c8c8c;
2909
+ --interactive-link-secondary-icon-hover: #777777;
2910
+ --interactive-link-secondary-icon-pressed: #707070;
2911
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2912
+ --interactive-link-secondary-underline-default: #8c8c8c;
2913
+ --interactive-link-secondary-underline-hover: #9d9d9d;
2914
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
2915
+ --interactive-link-secondary-underline-visited: #7e7e7e;
2916
+ --interactive-chip-channel-secondary-off-fill-default: #282b0e;
2917
+ --interactive-chip-channel-secondary-off-fill-hover: #22250c;
2918
+ --interactive-chip-channel-secondary-off-fill-pressed: #20220b;
2919
+ --interactive-chip-channel-secondary-off-text-default: #9aa170;
2920
+ --interactive-chip-channel-secondary-off-text-hover: #858c5c;
2921
+ --interactive-chip-channel-secondary-off-text-pressed: #7d8457;
2922
+ --interactive-chip-channel-secondary-off-icon-default: #9aa170;
2923
+ --interactive-chip-channel-secondary-off-icon-hover: #858c5c;
2924
+ --interactive-chip-channel-secondary-off-icon-pressed: #7d8457;
2925
+ --interactive-chip-channel-secondary-on-border-default: #9aa170;
2926
+ --interactive-chip-channel-secondary-on-border-hover: #858c5c;
2927
+ --interactive-chip-channel-secondary-on-border-pressed: #7d8457;
2928
+ --interactive-chip-channel-secondary-on-fill-default: #282b0e;
2929
+ --interactive-chip-channel-secondary-on-fill-hover: #22250c;
2930
+ --interactive-chip-channel-secondary-on-fill-pressed: #20220b;
2931
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2932
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2933
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2934
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2935
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2936
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2937
+ --interactive-chip-channel-primary-off-fill-default: #141706;
2938
+ --interactive-chip-channel-primary-off-fill-hover: #111405;
2939
+ --interactive-chip-channel-primary-off-fill-pressed: #101205;
2940
+ --interactive-chip-channel-primary-off-text-default: #b1b893;
2941
+ --interactive-chip-channel-primary-off-text-hover: #9ba475;
2942
+ --interactive-chip-channel-primary-off-text-pressed: #949e6b;
2943
+ --interactive-chip-channel-primary-off-icon-default: #b1b893;
2944
+ --interactive-chip-channel-primary-off-icon-hover: #9ba475;
2945
+ --interactive-chip-channel-primary-off-icon-pressed: #949e6b;
2946
+ --interactive-chip-channel-primary-off-border-default: #535919;
2947
+ --interactive-chip-channel-primary-off-border-hover: #474c15;
2948
+ --interactive-chip-channel-primary-off-border-pressed: #424714;
2949
+ --interactive-chip-channel-primary-on-fill-default: #535919;
2950
+ --interactive-chip-channel-primary-on-fill-hover: #474c15;
2951
+ --interactive-chip-channel-primary-on-fill-pressed: #424714;
2952
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2953
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2954
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2955
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2956
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2957
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2958
+ --interactive-tab-selected-border-default: #ffffff;
2959
+ }
2960
+
2961
+ [data-theme="timesPlus"] {
2962
+ --surface-channel-50: #06171a;
2963
+ --surface-channel-100: #092f37;
2964
+ --surface-channel-200: #0a5d6d;
2965
+ --surface-channel-300: #398999;
2966
+ --surface-channel-400: #6ba5b2;
2967
+ --surface-channel-500: #91b9c3;
2968
+ --text-channel-primary: #91b9c3;
2969
+ --text-channel-secondary: #7aacb7;
2970
+ --text-channel-tertiary: #4a90a0;
2971
+ --icon-channel-primary: #00687a;
2972
+ --icon-channel-secondary: #187c8c;
2973
+ --icon-channel-tertiary: #4a90a0;
2974
+ --border-channel-primary: #5698a5;
2975
+ --border-channel-secondary: #398999;
2976
+ --border-channel-tertiary: #187c8c;
2977
+ --active-border: #ffffff;
2978
+ --label-channel: #398999;
2979
+ --interactive-negative-border-default: #e70300;
2980
+ --interactive-negative-border-hover: #c40300;
2981
+ --interactive-negative-border-pressed: #b90200;
2982
+ --interactive-negative-text-default: #e70300;
2983
+ --interactive-negative-text-hover: #c40300;
2984
+ --interactive-negative-text-pressed: #b90200;
2985
+ --interactive-negative-icon-default: #e70300;
2986
+ --interactive-negative-icon-hover: #c40300;
2987
+ --interactive-negative-icon-pressed: #b90200;
2988
+ --interactive-link-secondary-text-default: #8c8c8c;
2989
+ --interactive-link-secondary-text-hover: #777777;
2990
+ --interactive-link-secondary-text-pressed: #707070;
2991
+ --interactive-link-secondary-text-visited: #9a9a9a;
2992
+ --interactive-link-secondary-icon-default: #8c8c8c;
2993
+ --interactive-link-secondary-icon-hover: #777777;
2994
+ --interactive-link-secondary-icon-pressed: #707070;
2995
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2996
+ --interactive-link-secondary-underline-default: #8c8c8c;
2997
+ --interactive-link-secondary-underline-hover: #9d9d9d;
2998
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
2999
+ --interactive-link-secondary-underline-visited: #7e7e7e;
3000
+ --interactive-chip-channel-secondary-off-fill-default: #092f37;
3001
+ --interactive-chip-channel-secondary-off-fill-hover: #08282f;
3002
+ --interactive-chip-channel-secondary-off-fill-pressed: #07262c;
3003
+ --interactive-chip-channel-secondary-off-text-default: #6ba5b2;
3004
+ --interactive-chip-channel-secondary-off-text-hover: #53919f;
3005
+ --interactive-chip-channel-secondary-off-text-pressed: #4e8996;
3006
+ --interactive-chip-channel-secondary-off-icon-default: #6ba5b2;
3007
+ --interactive-chip-channel-secondary-off-icon-hover: #53919f;
3008
+ --interactive-chip-channel-secondary-off-icon-pressed: #4e8996;
3009
+ --interactive-chip-channel-secondary-on-border-default: #6ba5b2;
3010
+ --interactive-chip-channel-secondary-on-border-hover: #53919f;
3011
+ --interactive-chip-channel-secondary-on-border-pressed: #4e8996;
3012
+ --interactive-chip-channel-secondary-on-fill-default: #092f37;
3013
+ --interactive-chip-channel-secondary-on-fill-hover: #08282f;
3014
+ --interactive-chip-channel-secondary-on-fill-pressed: #07262c;
3015
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
3016
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
3017
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
3018
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
3019
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
3020
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
3021
+ --interactive-chip-channel-primary-off-fill-default: #06171a;
3022
+ --interactive-chip-channel-primary-off-fill-hover: #051416;
3023
+ --interactive-chip-channel-primary-off-fill-pressed: #051215;
3024
+ --interactive-chip-channel-primary-off-text-default: #91b9c3;
3025
+ --interactive-chip-channel-primary-off-text-hover: #70a4b1;
3026
+ --interactive-chip-channel-primary-off-text-pressed: #659dab;
3027
+ --interactive-chip-channel-primary-off-icon-default: #91b9c3;
3028
+ --interactive-chip-channel-primary-off-icon-hover: #70a4b1;
3029
+ --interactive-chip-channel-primary-off-icon-pressed: #659dab;
3030
+ --interactive-chip-channel-primary-off-border-default: #0a5d6d;
3031
+ --interactive-chip-channel-primary-off-border-hover: #084e5c;
3032
+ --interactive-chip-channel-primary-off-border-pressed: #084a57;
3033
+ --interactive-chip-channel-primary-on-fill-default: #0a5d6d;
3034
+ --interactive-chip-channel-primary-on-fill-hover: #084e5c;
3035
+ --interactive-chip-channel-primary-on-fill-pressed: #084a57;
3036
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
3037
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
3038
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
3039
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2462
3040
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2463
3041
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
3042
+ --interactive-tab-selected-border-default: #ffffff;
3043
+ }
3044
+
3045
+ [data-theme="timesRadio"] {
3046
+ --ramp-cobalt-50: #05080d;
3047
+ --ramp-cobalt-100: #0b121d;
3048
+ --ramp-cobalt-150: #101a2a;
3049
+ --ramp-cobalt-200: #132437;
3050
+ --ramp-cobalt-250: #1b2c44;
3051
+ --ramp-cobalt-300: #1f3454;
3052
+ --ramp-cobalt-350: #223e61;
3053
+ --ramp-cobalt-400: #2a466e;
3054
+ --ramp-cobalt-450: #2e507e;
3055
+ --ramp-cobalt-500: #33588b;
3056
+ --ramp-cobalt-550: #3d5f90;
3057
+ --ramp-cobalt-600: #486998;
3058
+ --ramp-cobalt-650: #53719d;
3059
+ --ramp-cobalt-700: #5e79a1;
3060
+ --ramp-cobalt-750: #6883a9;
3061
+ --ramp-cobalt-800: #708aae;
3062
+ --ramp-cobalt-850: #7b92b3;
3063
+ --ramp-cobalt-900: #869aba;
3064
+ --ramp-cobalt-950: #90a4bf;
3065
+ --ramp-cobalt-1000: #9babc4;
3066
+ --ramp-coral-50: #160a0a;
3067
+ --ramp-coral-100: #2f1311;
3068
+ --ramp-coral-150: #451c1b;
3069
+ --ramp-coral-200: #5e2524;
3070
+ --ramp-coral-250: #732f2b;
3071
+ --ramp-coral-300: #8c3835;
3072
+ --ramp-coral-350: #a2413f;
3073
+ --ramp-coral-400: #b84b46;
3074
+ --ramp-coral-450: #d0574f;
3075
+ --ramp-coral-500: #e75f58;
3076
+ --ramp-coral-550: #e96961;
3077
+ --ramp-coral-600: #eb7169;
3078
+ --ramp-coral-650: #ed7971;
3079
+ --ramp-coral-700: #ec7f79;
3080
+ --ramp-coral-750: #ee8784;
3081
+ --ramp-coral-800: #f08f8c;
3082
+ --ramp-coral-850: #f29791;
3083
+ --ramp-coral-900: #f49f9c;
3084
+ --ramp-coral-950: #f3a8a4;
3085
+ --ramp-coral-1000: #f5b0ab;
3086
+ --base-cobalt: #33588b;
3087
+ --base-coral: #e75f58;
2464
3088
  }
2465
3089
  }
2466
3090
  @media (min-width: 0px) {
@@ -2492,6 +3116,18 @@
2492
3116
  --grid-viewport: 433px;
2493
3117
  --grid-max-width: 767px;
2494
3118
  --grid-content-area: 393px;
3119
+ --grid-span-1: 70px;
3120
+ --grid-span-2: 165px;
3121
+ --grid-span-3: 259px;
3122
+ --grid-span-4: 353px;
3123
+ --grid-span-5: 353px;
3124
+ --grid-span-6: 353px;
3125
+ --grid-span-7: 353px;
3126
+ --grid-span-8: 353px;
3127
+ --grid-span-9: 353px;
3128
+ --grid-span-10: 353px;
3129
+ --grid-span-11: 353px;
3130
+ --grid-span-12: 353px;
2495
3131
  --fontSize0025: 0.8rem;
2496
3132
  --fontSize005: 1rem;
2497
3133
  --fontSize010: 1.2rem;
@@ -2526,6 +3162,19 @@
2526
3162
  --grid-viewport: 816px;
2527
3163
  --grid-max-width: 1023px;
2528
3164
  --grid-content-area: 768px;
3165
+ --grid-span-1: 31px;
3166
+ --grid-span-2: 93px;
3167
+ --grid-span-3: 156px;
3168
+ --grid-span-4: 219px;
3169
+ --grid-span-5: 281px;
3170
+ --grid-span-6: 344px;
3171
+ --grid-span-7: 407px;
3172
+ --grid-span-8: 469px;
3173
+ --grid-span-9: 532px;
3174
+ --grid-span-10: 595px;
3175
+ --grid-span-11: 657px;
3176
+ --grid-span-12: 720px;
3177
+ --fontSize100: 4rem;
2529
3178
  }}
2530
3179
  @media (min-width: 1024px) {
2531
3180
  :root {
@@ -2535,6 +3184,19 @@
2535
3184
  --grid-viewport: 1072px;
2536
3185
  --grid-max-width: 1439px;
2537
3186
  --grid-content-area: 1024px;
3187
+ --grid-span-1: 52px;
3188
+ --grid-span-2: 136px;
3189
+ --grid-span-3: 220px;
3190
+ --grid-span-4: 304px;
3191
+ --grid-span-5: 388px;
3192
+ --grid-span-6: 472px;
3193
+ --grid-span-7: 556px;
3194
+ --grid-span-8: 640px;
3195
+ --grid-span-9: 724px;
3196
+ --grid-span-10: 808px;
3197
+ --grid-span-11: 892px;
3198
+ --grid-span-12: 976px;
3199
+ --fontSize100: 4.6rem;
2538
3200
  }}
2539
3201
  @media (min-width: 1440px) {
2540
3202
  :root {
@@ -2544,6 +3206,22 @@
2544
3206
  --grid-viewport: 1440px;
2545
3207
  --grid-max-width: 1920px;
2546
3208
  --grid-content-area: 1144px;
3209
+ --grid-span-1: 62px;
3210
+ --grid-span-2: 156px;
3211
+ --grid-span-3: 250px;
3212
+ --grid-span-4: 344px;
3213
+ --grid-span-5: 438px;
3214
+ --grid-span-6: 532px;
3215
+ --grid-span-7: 626px;
3216
+ --grid-span-8: 720px;
3217
+ --grid-span-9: 814px;
3218
+ --grid-span-10: 908px;
3219
+ --grid-span-11: 1002px;
3220
+ --grid-span-12: 1096px;
3221
+ --fontSize090: 3.6rem;
3222
+ --fontSize100: 5.6rem;
3223
+ --fontSize110: 4rem;
3224
+ --fontSize140: 5.6rem;
2547
3225
  }}
2548
3226
  :root {
2549
3227
  --shadow-elevation-down-level-2: 0px 4px 8px 0px rgba(0,0,0,0.08);
@@ -2957,4 +3635,16 @@ font: var(--fontWeight040) var(--fontSize030)/var(--fontLineHeight040) var(--fon
2957
3635
  .utility-link-standalone-brand-large {
2958
3636
  font: var(--fontWeight040) var(--fontSize040)/var(--fontLineHeight040) var(--fontFamily020);
2959
3637
  }
3638
+ .utility-input-label-xsmall {
3639
+ font: var(--fontWeight040) var(--fontSize010)/var(--fontLineHeight020) var(--fontFamily040);
3640
+ }
3641
+ .utility-input-label-small {
3642
+ font: var(--fontWeight040) var(--fontSize020)/var(--fontLineHeight020) var(--fontFamily040);
3643
+ }
3644
+ .utility-input-label-medium {
3645
+ font: var(--fontWeight040) var(--fontSize030)/var(--fontLineHeight020) var(--fontFamily040);
3646
+ }
3647
+ .utility-input-label-large {
3648
+ font: var(--fontWeight040) var(--fontSize040)/var(--fontLineHeight020) var(--fontFamily040);
3649
+ }
2960
3650