@times-design-system/theme-css 2.1.0 → 2.2.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 +455 -355
  3. package/package.json +3 -3
@@ -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;
@@ -1093,13 +1103,13 @@
1093
1103
  --text-channel-tertiary: #666666;
1094
1104
  --text-static-dark: #000000;
1095
1105
  --text-static-light: #ffffff;
1096
- --icon-primary: #000000;
1106
+ --icon-primary: #ffffff;
1097
1107
  --icon-inverse: #000000;
1098
- --icon-secondary: #262626;
1099
- --icon-tertiary: #595959;
1108
+ --icon-secondary: #d9d9d9;
1109
+ --icon-tertiary: #a6a6a6;
1100
1110
  --icon-channel-primary: #666666;
1101
1111
  --icon-channel-secondary: #808080;
1102
- --icon-channel-tertiary: #999999;
1112
+ --icon-channel-tertiary: #666666;
1103
1113
  --border-primary: #575757;
1104
1114
  --border-secondary: #333333;
1105
1115
  --border-tertiary: #1a1a1a;
@@ -1119,28 +1129,28 @@
1119
1129
  --input-fill-info: #08295a;
1120
1130
  --input-border-default: #737373;
1121
1131
  --input-border-error: #ff7268;
1122
- --input-border-hover: #808080;
1132
+ --input-border-hover: #6d6d6d;
1123
1133
  --input-border-active: #a6a6a6;
1124
1134
  --input-border-completed: #d9d9d9;
1125
1135
  --input-border-success: #80c4a1;
1126
1136
  --input-border-warning: #ffc77f;
1127
1137
  --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;
1138
+ --input-text-default: #a6a6a6;
1139
+ --input-text-error: #ffffff;
1140
+ --input-text-hover: #d9d9d9;
1141
+ --input-text-active: #ffffff;
1142
+ --input-text-completed: #ffffff;
1143
+ --input-text-success: #ffffff;
1144
+ --input-text-warning: #ffffff;
1145
+ --input-text-info: #ffffff;
1146
+ --input-icon-default: #737373;
1137
1147
  --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;
1148
+ --input-icon-active: #a6a6a6;
1149
+ --input-icon-completed: #d9d9d9;
1150
+ --input-icon-error: #ff7268;
1151
+ --input-icon-success: #80c4a1;
1152
+ --input-icon-warning: #ffc77f;
1153
+ --input-icon-info: #466fb5;
1144
1154
  --messaging-fill-error: #670909;
1145
1155
  --messaging-fill-success: #1b5339;
1146
1156
  --messaging-fill-warning: #664109;
@@ -1153,15 +1163,15 @@
1153
1163
  --messaging-icon-success: #80c4a1;
1154
1164
  --messaging-icon-warning: #ffa722;
1155
1165
  --messaging-icon-info: #6f8dc6;
1156
- --messaging-link-text-default: #000000;
1166
+ --messaging-link-text-default: #ffffff;
1157
1167
  --messaging-link-text-hover: #d9d9d9;
1158
1168
  --messaging-link-text-pressed: #cccccc;
1159
1169
  --messaging-link-text-visited: #ffffff;
1160
- --messaging-link-icon-default: #000000;
1170
+ --messaging-link-icon-default: #ffffff;
1161
1171
  --messaging-link-icon-hover: #d9d9d9;
1162
1172
  --messaging-link-icon-pressed: #cccccc;
1163
1173
  --messaging-link-icon-visited: #ffffff;
1164
- --messaging-link-underline-default: #000000;
1174
+ --messaging-link-underline-default: #ffffff;
1165
1175
  --messaging-link-underline-hover: #ffffff;
1166
1176
  --messaging-link-underline-pressed: #ffffff;
1167
1177
  --messaging-link-underline-visited: #e6e6e6;
@@ -1169,21 +1179,21 @@
1169
1179
  --interactive-primary-fill-hover: #ffffff;
1170
1180
  --interactive-primary-fill-pressed: #ffffff;
1171
1181
  --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;
1182
+ --interactive-primary-text-hover: #000000;
1183
+ --interactive-primary-text-pressed: #000000;
1184
+ --interactive-primary-icon-default: #000000;
1185
+ --interactive-primary-icon-hover: #000000;
1186
+ --interactive-primary-icon-pressed: #000000;
1187
+ --interactive-secondary-fill-default: #000000;
1178
1188
  --interactive-secondary-fill-hover: #262626;
1179
1189
  --interactive-secondary-fill-pressed: #333333;
1180
1190
  --interactive-secondary-border-default: #8c8c8c;
1181
1191
  --interactive-secondary-border-hover: #9d9d9d;
1182
1192
  --interactive-secondary-border-pressed: #a3a3a3;
1183
- --interactive-secondary-text-default: #000000;
1193
+ --interactive-secondary-text-default: #ffffff;
1184
1194
  --interactive-secondary-text-hover: #ffffff;
1185
1195
  --interactive-secondary-text-pressed: #ffffff;
1186
- --interactive-secondary-icon-default: #000000;
1196
+ --interactive-secondary-icon-default: #ffffff;
1187
1197
  --interactive-secondary-icon-hover: #ffffff;
1188
1198
  --interactive-secondary-icon-pressed: #ffffff;
1189
1199
  --interactive-disabled-a: #262626;
@@ -1198,137 +1208,147 @@
1198
1208
  --interactive-negative-text-default: #ff3933;
1199
1209
  --interactive-negative-text-hover: #ff0c05;
1200
1210
  --interactive-negative-text-pressed: #f50700;
1201
- --interactive-negative-icon-default: #ff403a;
1211
+ --interactive-negative-icon-default: #ff3933;
1202
1212
  --interactive-negative-icon-hover: #ff0c05;
1203
1213
  --interactive-negative-icon-pressed: #f50700;
1204
1214
  --interactive-link-secondary-text-default: #737373;
1205
1215
  --interactive-link-secondary-text-hover: #626262;
1206
1216
  --interactive-link-secondary-text-pressed: #5c5c5c;
1207
1217
  --interactive-link-secondary-text-visited: #858585;
1208
- --interactive-link-secondary-icon-default: #8c8c8c;
1218
+ --interactive-link-secondary-icon-default: #737373;
1209
1219
  --interactive-link-secondary-icon-hover: #626262;
1210
1220
  --interactive-link-secondary-icon-pressed: #5c5c5c;
1211
1221
  --interactive-link-secondary-icon-visited: #858585;
1212
- --interactive-link-secondary-underline-default: #8c8c8c;
1222
+ --interactive-link-secondary-underline-default: #737373;
1213
1223
  --interactive-link-secondary-underline-hover: #888888;
1214
1224
  --interactive-link-secondary-underline-pressed: #8f8f8f;
1215
1225
  --interactive-link-secondary-underline-visited: #686868;
1216
- --interactive-link-primary-text-default: #000000;
1226
+ --interactive-link-primary-text-default: #ffffff;
1217
1227
  --interactive-link-primary-text-hover: #d9d9d9;
1218
1228
  --interactive-link-primary-text-pressed: #cccccc;
1219
1229
  --interactive-link-primary-text-visited: #ffffff;
1220
- --interactive-link-primary-icon-default: #000000;
1230
+ --interactive-link-primary-icon-default: #ffffff;
1221
1231
  --interactive-link-primary-icon-hover: #d9d9d9;
1222
1232
  --interactive-link-primary-icon-pressed: #cccccc;
1223
1233
  --interactive-link-primary-icon-visited: #ffffff;
1224
- --interactive-link-primary-underline-default: #000000;
1234
+ --interactive-link-primary-underline-default: #ffffff;
1225
1235
  --interactive-link-primary-underline-hover: #ffffff;
1226
1236
  --interactive-link-primary-underline-pressed: #ffffff;
1227
1237
  --interactive-link-primary-underline-visited: #e6e6e6;
1228
- --interactive-chip-primary-on-fill-default: #000000;
1238
+ --interactive-chip-primary-on-fill-default: #ffffff;
1229
1239
  --interactive-chip-primary-on-fill-hover: #d9d9d9;
1230
1240
  --interactive-chip-primary-on-fill-pressed: #cccccc;
1231
- --interactive-chip-primary-on-text-default: #ffffff;
1241
+ --interactive-chip-primary-on-text-default: #000000;
1232
1242
  --interactive-chip-primary-on-text-hover: #000000;
1233
1243
  --interactive-chip-primary-on-text-pressed: #000000;
1234
- --interactive-chip-primary-on-icon-default: #ffffff;
1244
+ --interactive-chip-primary-on-icon-default: #000000;
1235
1245
  --interactive-chip-primary-on-icon-hover: #000000;
1236
1246
  --interactive-chip-primary-on-icon-pressed: #000000;
1237
- --interactive-chip-primary-off-fill-default: #ffffff;
1247
+ --interactive-chip-primary-off-fill-default: #000000;
1238
1248
  --interactive-chip-primary-off-fill-hover: #000000;
1239
1249
  --interactive-chip-primary-off-fill-pressed: #000000;
1240
- --interactive-chip-primary-off-text-default: #000000;
1250
+ --interactive-chip-primary-off-text-default: #ffffff;
1241
1251
  --interactive-chip-primary-off-text-hover: #d9d9d9;
1242
1252
  --interactive-chip-primary-off-text-pressed: #cccccc;
1243
- --interactive-chip-primary-off-icon-default: #000000;
1253
+ --interactive-chip-primary-off-icon-default: #ffffff;
1244
1254
  --interactive-chip-primary-off-icon-hover: #d9d9d9;
1245
1255
  --interactive-chip-primary-off-icon-pressed: #cccccc;
1246
- --interactive-chip-primary-off-border-default: #000000;
1256
+ --interactive-chip-primary-off-border-default: #ffffff;
1247
1257
  --interactive-chip-primary-off-border-hover: #d9d9d9;
1248
1258
  --interactive-chip-primary-off-border-pressed: #cccccc;
1249
- --interactive-chip-secondary-on-text-default: #000000;
1259
+ --interactive-chip-secondary-on-text-default: #ffffff;
1250
1260
  --interactive-chip-secondary-on-text-hover: #d9d9d9;
1251
1261
  --interactive-chip-secondary-on-text-pressed: #cccccc;
1252
1262
  --interactive-chip-secondary-on-fill-default: #262626;
1253
1263
  --interactive-chip-secondary-on-fill-hover: #202020;
1254
1264
  --interactive-chip-secondary-on-fill-pressed: #1e1e1e;
1255
- --interactive-chip-secondary-on-border-default: #737373;
1265
+ --interactive-chip-secondary-on-border-default: #8c8c8c;
1256
1266
  --interactive-chip-secondary-on-border-hover: #777777;
1257
1267
  --interactive-chip-secondary-on-border-pressed: #707070;
1258
- --interactive-chip-secondary-on-icon-default: #000000;
1268
+ --interactive-chip-secondary-on-icon-default: #ffffff;
1259
1269
  --interactive-chip-secondary-on-icon-hover: #d9d9d9;
1260
1270
  --interactive-chip-secondary-on-icon-pressed: #cccccc;
1261
- --interactive-chip-secondary-off-fill-default: #d9d9d9;
1271
+ --interactive-chip-secondary-off-fill-default: #262626;
1262
1272
  --interactive-chip-secondary-off-fill-hover: #202020;
1263
1273
  --interactive-chip-secondary-off-fill-pressed: #1e1e1e;
1264
- --interactive-chip-secondary-off-text-default: #595959;
1274
+ --interactive-chip-secondary-off-text-default: #a6a6a6;
1265
1275
  --interactive-chip-secondary-off-text-hover: #8d8d8d;
1266
1276
  --interactive-chip-secondary-off-text-pressed: #858585;
1267
- --interactive-chip-secondary-off-icon-default: #595959;
1277
+ --interactive-chip-secondary-off-icon-default: #a6a6a6;
1268
1278
  --interactive-chip-secondary-off-icon-hover: #8d8d8d;
1269
1279
  --interactive-chip-secondary-off-icon-pressed: #858585;
1270
- --interactive-chip-channel-secondary-off-fill-default: #f2f2f2;
1280
+ --interactive-chip-channel-secondary-off-fill-default: #0d0d0d;
1271
1281
  --interactive-chip-channel-secondary-off-fill-hover: #0b0b0b;
1272
1282
  --interactive-chip-channel-secondary-off-fill-pressed: #0a0a0a;
1273
- --interactive-chip-channel-secondary-off-text-default: #333333;
1283
+ --interactive-chip-channel-secondary-off-text-default: #cccccc;
1274
1284
  --interactive-chip-channel-secondary-off-text-hover: #adadad;
1275
1285
  --interactive-chip-channel-secondary-off-text-pressed: #a3a3a3;
1276
- --interactive-chip-channel-secondary-off-icon-default: #333333;
1286
+ --interactive-chip-channel-secondary-off-icon-default: #cccccc;
1277
1287
  --interactive-chip-channel-secondary-off-icon-hover: #adadad;
1278
1288
  --interactive-chip-channel-secondary-off-icon-pressed: #a3a3a3;
1279
- --interactive-chip-channel-secondary-on-border-default: #333333;
1289
+ --interactive-chip-channel-secondary-on-border-default: #cccccc;
1280
1290
  --interactive-chip-channel-secondary-on-border-hover: #adadad;
1281
1291
  --interactive-chip-channel-secondary-on-border-pressed: #a3a3a3;
1282
- --interactive-chip-channel-secondary-on-fill-default: #f2f2f2;
1292
+ --interactive-chip-channel-secondary-on-fill-default: #0d0d0d;
1283
1293
  --interactive-chip-channel-secondary-on-fill-hover: #0b0b0b;
1284
1294
  --interactive-chip-channel-secondary-on-fill-pressed: #0a0a0a;
1285
- --interactive-chip-channel-secondary-on-text-default: #1a1a1a;
1295
+ --interactive-chip-channel-secondary-on-text-default: #e6e6e6;
1286
1296
  --interactive-chip-channel-secondary-on-text-hover: #c4c4c4;
1287
1297
  --interactive-chip-channel-secondary-on-text-pressed: #b8b8b8;
1288
- --interactive-chip-channel-secondary-on-icon-default: #1a1a1a;
1298
+ --interactive-chip-channel-secondary-on-icon-default: #e6e6e6;
1289
1299
  --interactive-chip-channel-secondary-on-icon-hover: #c4c4c4;
1290
1300
  --interactive-chip-channel-secondary-on-icon-pressed: #b8b8b8;
1291
- --interactive-chip-channel-primary-off-fill-default: #f2f2f2;
1301
+ --interactive-chip-channel-primary-off-fill-default: #0d0d0d;
1292
1302
  --interactive-chip-channel-primary-off-fill-hover: #0b0b0b;
1293
1303
  --interactive-chip-channel-primary-off-fill-pressed: #0a0a0a;
1294
- --interactive-chip-channel-primary-off-text-default: #1a1a1a;
1304
+ --interactive-chip-channel-primary-off-text-default: #e6e6e6;
1295
1305
  --interactive-chip-channel-primary-off-text-hover: #c4c4c4;
1296
1306
  --interactive-chip-channel-primary-off-text-pressed: #b8b8b8;
1297
- --interactive-chip-channel-primary-off-icon-default: #1a1a1a;
1307
+ --interactive-chip-channel-primary-off-icon-default: #e6e6e6;
1298
1308
  --interactive-chip-channel-primary-off-icon-hover: #c4c4c4;
1299
1309
  --interactive-chip-channel-primary-off-icon-pressed: #b8b8b8;
1300
- --interactive-chip-channel-primary-off-border-default: #d9d9d9;
1310
+ --interactive-chip-channel-primary-off-border-default: #262626;
1301
1311
  --interactive-chip-channel-primary-off-border-hover: #202020;
1302
1312
  --interactive-chip-channel-primary-off-border-pressed: #1e1e1e;
1303
- --interactive-chip-channel-primary-on-fill-default: #333333;
1313
+ --interactive-chip-channel-primary-on-fill-default: #cccccc;
1304
1314
  --interactive-chip-channel-primary-on-fill-hover: #adadad;
1305
1315
  --interactive-chip-channel-primary-on-fill-pressed: #a3a3a3;
1306
1316
  --interactive-chip-channel-primary-on-text-default: #000000;
1307
1317
  --interactive-chip-channel-primary-on-text-hover: #000000;
1308
1318
  --interactive-chip-channel-primary-on-text-pressed: #000000;
1309
- --interactive-chip-channel-primary-on-icon-default: #ffffff;
1319
+ --interactive-chip-channel-primary-on-icon-default: #000000;
1310
1320
  --interactive-chip-channel-primary-on-icon-hover: #000000;
1311
1321
  --interactive-chip-channel-primary-on-icon-pressed: #000000;
1322
+ --interactive-tab-fill-default: #000000;
1323
+ --interactive-tab-fill-hover: #0d0d0d;
1324
+ --interactive-tab-fill-pressed: #262626;
1325
+ --interactive-tab-text-default: #ffffff;
1326
+ --interactive-tab-text-hover: #d9d9d9;
1327
+ --interactive-tab-text-pressed: #d9d9d9;
1328
+ --interactive-tab-icon-default: #ffffff;
1329
+ --interactive-tab-icon-hover: #d9d9d9;
1330
+ --interactive-tab-icon-pressed: #d9d9d9;
1331
+ --interactive-tab-selected-border-default: #8c8c8c;
1312
1332
  --active-fill: #ffffff;
1313
1333
  --active-text: #000000;
1314
1334
  --active-border: #8c8c8c;
1315
1335
  --active-icon: #000000;
1316
1336
  --focus-border: #8c8c8c;
1317
- --label-primary: #000000;
1318
- --label-secondary: #262626;
1319
- --label-channel: #666666;
1320
- --label-callout: #ff403a;
1337
+ --label-primary: #ffffff;
1338
+ --label-secondary: #d9d9d9;
1339
+ --label-channel: #999999;
1340
+ --label-callout: #ff3933;
1321
1341
  --flag-primary-fill: #ffffff;
1322
1342
  --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;
1343
+ --flag-primary-icon: #0d0d0d;
1344
+ --flag-secondary-text: #ffffff;
1345
+ --flag-secondary-icon: #ffffff;
1346
+ --flag-channel-fill: #575757;
1347
+ --flag-channel-text: #e6e6e6;
1348
+ --flag-channel-icon: #e6e6e6;
1329
1349
  --flag-callout-fill: #ff3933;
1330
- --flag-callout-text: #000000;
1331
- --flag-callout-icon: #000000;
1350
+ --flag-callout-text: #ffffff;
1351
+ --flag-callout-icon: #ffffff;
1332
1352
  --toast-fill-info: #0f4aa2;
1333
1353
  --toast-fill-success: #2c865b;
1334
1354
  --toast-fill-warning: #e49307;
@@ -1344,18 +1364,18 @@
1344
1364
  --toast-link-info-default: #ffffff;
1345
1365
  --toast-link-info-hover: #d9d9d9;
1346
1366
  --toast-link-info-pressed: #cccccc;
1347
- --toast-link-success-default: #000000;
1367
+ --toast-link-success-default: #ffffff;
1348
1368
  --toast-link-success-hover: #d9d9d9;
1349
1369
  --toast-link-success-pressed: #cccccc;
1350
- --toast-link-error-default: #000000;
1370
+ --toast-link-error-default: #ffffff;
1351
1371
  --toast-link-error-hover: #d9d9d9;
1352
1372
  --toast-link-error-pressed: #cccccc;
1353
1373
  --toast-link-warning-default: #000000;
1354
1374
  --toast-link-warning-hover: #000000;
1355
1375
  --toast-link-warning-pressed: #000000;
1356
- --tooltip-fill: #000000;
1357
- --tooltip-text: #ffffff;
1358
- --tooltip-icon: #ffffff;
1376
+ --tooltip-fill: #ffffff;
1377
+ --tooltip-text: #000000;
1378
+ --tooltip-icon: #000000;
1359
1379
  }
1360
1380
 
1361
1381
  [data-theme="comment"] {
@@ -1370,77 +1390,79 @@
1370
1390
  --text-channel-tertiary: #aa4361;
1371
1391
  --icon-channel-primary: #6c1730;
1372
1392
  --icon-channel-secondary: #8b1c3f;
1373
- --icon-channel-tertiary: #a33254;
1393
+ --icon-channel-tertiary: #aa4361;
1374
1394
  --border-channel-primary: #8b1c3f;
1375
1395
  --border-channel-secondary: #5c1328;
1376
1396
  --border-channel-tertiary: #3d0e1c;
1377
1397
  --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;
1398
+ --label-channel: #aa4361;
1399
+ --flag-channel-fill: #7d1738;
1400
+ --flag-channel-text: #d091a4;
1401
+ --flag-channel-icon: #d091a4;
1402
+ --interactive-negative-border-default: #e70300;
1383
1403
  --interactive-negative-border-hover: #c40300;
1384
1404
  --interactive-negative-border-pressed: #b90200;
1385
1405
  --interactive-negative-text-default: #e70300;
1386
1406
  --interactive-negative-text-hover: #c40300;
1387
1407
  --interactive-negative-text-pressed: #b90200;
1388
- --interactive-negative-icon-default: #ff8883;
1408
+ --interactive-negative-icon-default: #e70300;
1389
1409
  --interactive-negative-icon-hover: #c40300;
1390
1410
  --interactive-negative-icon-pressed: #b90200;
1391
1411
  --interactive-link-secondary-text-default: #8c8c8c;
1392
1412
  --interactive-link-secondary-text-hover: #777777;
1393
1413
  --interactive-link-secondary-text-pressed: #707070;
1394
1414
  --interactive-link-secondary-text-visited: #9a9a9a;
1395
- --interactive-link-secondary-icon-default: #737373;
1415
+ --interactive-link-secondary-icon-default: #8c8c8c;
1396
1416
  --interactive-link-secondary-icon-hover: #777777;
1397
1417
  --interactive-link-secondary-icon-pressed: #707070;
1398
1418
  --interactive-link-secondary-icon-visited: #9a9a9a;
1399
- --interactive-link-secondary-underline-default: #737373;
1419
+ --interactive-link-secondary-underline-default: #8c8c8c;
1400
1420
  --interactive-link-secondary-underline-hover: #9d9d9d;
1401
1421
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1402
1422
  --interactive-link-secondary-underline-visited: #7e7e7e;
1403
1423
  --interactive-chip-channel-secondary-off-fill-default: #3d0e1c;
1404
1424
  --interactive-chip-channel-secondary-off-fill-hover: #340c18;
1405
1425
  --interactive-chip-channel-secondary-off-fill-pressed: #310b17;
1406
- --interactive-chip-channel-secondary-off-text-default: #6c1730;
1426
+ --interactive-chip-channel-secondary-off-text-default: #c06f85;
1407
1427
  --interactive-chip-channel-secondary-off-text-hover: #b24f6a;
1408
1428
  --interactive-chip-channel-secondary-off-text-pressed: #a84a63;
1409
- --interactive-chip-channel-secondary-off-icon-default: #6c1730;
1429
+ --interactive-chip-channel-secondary-off-icon-default: #c06f85;
1410
1430
  --interactive-chip-channel-secondary-off-icon-hover: #b24f6a;
1411
1431
  --interactive-chip-channel-secondary-off-icon-pressed: #a84a63;
1412
- --interactive-chip-channel-secondary-on-border-default: #6c1730;
1432
+ --interactive-chip-channel-secondary-on-border-default: #c06f85;
1413
1433
  --interactive-chip-channel-secondary-on-border-hover: #b24f6a;
1414
1434
  --interactive-chip-channel-secondary-on-border-pressed: #a84a63;
1415
- --interactive-chip-channel-secondary-on-fill-default: #f2e5e8;
1435
+ --interactive-chip-channel-secondary-on-fill-default: #3d0e1c;
1416
1436
  --interactive-chip-channel-secondary-on-fill-hover: #340c18;
1417
1437
  --interactive-chip-channel-secondary-on-fill-pressed: #310b17;
1418
- --interactive-chip-channel-secondary-on-text-default: #000000;
1438
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1419
1439
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1420
1440
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1421
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1441
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1422
1442
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1423
1443
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1424
- --interactive-chip-channel-primary-off-fill-default: #fbf5f5;
1444
+ --interactive-chip-channel-primary-off-fill-default: #1f060d;
1425
1445
  --interactive-chip-channel-primary-off-fill-hover: #1a050b;
1426
1446
  --interactive-chip-channel-primary-off-fill-pressed: #19050a;
1427
- --interactive-chip-channel-primary-off-text-default: #3d0e1c;
1447
+ --interactive-chip-channel-primary-off-text-default: #d091a4;
1428
1448
  --interactive-chip-channel-primary-off-text-hover: #c06c85;
1429
1449
  --interactive-chip-channel-primary-off-text-pressed: #bb607b;
1430
- --interactive-chip-channel-primary-off-icon-default: #3d0e1c;
1450
+ --interactive-chip-channel-primary-off-icon-default: #d091a4;
1431
1451
  --interactive-chip-channel-primary-off-icon-hover: #c06c85;
1432
1452
  --interactive-chip-channel-primary-off-icon-pressed: #bb607b;
1433
- --interactive-chip-channel-primary-off-border-default: #d49eab;
1453
+ --interactive-chip-channel-primary-off-border-default: #7d1738;
1434
1454
  --interactive-chip-channel-primary-off-border-hover: #6a142f;
1435
1455
  --interactive-chip-channel-primary-off-border-pressed: #64122c;
1436
- --interactive-chip-channel-primary-on-fill-default: #d49eab;
1456
+ --interactive-chip-channel-primary-on-fill-default: #7d1738;
1437
1457
  --interactive-chip-channel-primary-on-fill-hover: #6a142f;
1438
1458
  --interactive-chip-channel-primary-on-fill-pressed: #64122c;
1459
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1439
1460
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1440
1461
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1441
- --interactive-chip-channel-primary-on-icon-default: #000000;
1462
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1442
1463
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1443
1464
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1465
+ --interactive-tab-selected-border-default: #ffffff;
1444
1466
  }
1445
1467
 
1446
1468
  [data-theme="life-and-style"] {
@@ -1455,77 +1477,79 @@
1455
1477
  --text-channel-tertiary: #116f7f;
1456
1478
  --icon-channel-primary: #47adbf;
1457
1479
  --icon-channel-secondary: #63b7c7;
1458
- --icon-channel-tertiary: #9ee9f4;
1480
+ --icon-channel-tertiary: #116f7f;
1459
1481
  --border-channel-primary: #168ea3;
1460
1482
  --border-channel-secondary: #0f606d;
1461
1483
  --border-channel-tertiary: #104149;
1462
1484
  --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;
1485
+ --label-channel: #47adbf;
1486
+ --flag-channel-fill: #147f91;
1487
+ --flag-channel-text: #97d0da;
1488
+ --flag-channel-icon: #97d0da;
1489
+ --interactive-negative-border-default: #e70300;
1468
1490
  --interactive-negative-border-hover: #c40300;
1469
1491
  --interactive-negative-border-pressed: #b90200;
1470
1492
  --interactive-negative-text-default: #e70300;
1471
1493
  --interactive-negative-text-hover: #c40300;
1472
1494
  --interactive-negative-text-pressed: #b90200;
1473
- --interactive-negative-icon-default: #ff8883;
1495
+ --interactive-negative-icon-default: #e70300;
1474
1496
  --interactive-negative-icon-hover: #c40300;
1475
1497
  --interactive-negative-icon-pressed: #b90200;
1476
1498
  --interactive-link-secondary-text-default: #8c8c8c;
1477
1499
  --interactive-link-secondary-text-hover: #777777;
1478
1500
  --interactive-link-secondary-text-pressed: #707070;
1479
1501
  --interactive-link-secondary-text-visited: #9a9a9a;
1480
- --interactive-link-secondary-icon-default: #737373;
1502
+ --interactive-link-secondary-icon-default: #8c8c8c;
1481
1503
  --interactive-link-secondary-icon-hover: #777777;
1482
1504
  --interactive-link-secondary-icon-pressed: #707070;
1483
1505
  --interactive-link-secondary-icon-visited: #9a9a9a;
1484
- --interactive-link-secondary-underline-default: #737373;
1506
+ --interactive-link-secondary-underline-default: #8c8c8c;
1485
1507
  --interactive-link-secondary-underline-hover: #9d9d9d;
1486
1508
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1487
1509
  --interactive-link-secondary-underline-visited: #7e7e7e;
1488
1510
  --interactive-chip-channel-secondary-off-fill-default: #104149;
1489
1511
  --interactive-chip-channel-secondary-off-fill-hover: #0e373e;
1490
1512
  --interactive-chip-channel-secondary-off-fill-pressed: #0d343b;
1491
- --interactive-chip-channel-secondary-off-text-default: #1e6d7b;
1513
+ --interactive-chip-channel-secondary-off-text-default: #76c1ce;
1492
1514
  --interactive-chip-channel-secondary-off-text-hover: #52b1c1;
1493
1515
  --interactive-chip-channel-secondary-off-text-pressed: #46abbd;
1494
- --interactive-chip-channel-secondary-off-icon-default: #1e6d7b;
1516
+ --interactive-chip-channel-secondary-off-icon-default: #76c1ce;
1495
1517
  --interactive-chip-channel-secondary-off-icon-hover: #52b1c1;
1496
1518
  --interactive-chip-channel-secondary-off-icon-pressed: #46abbd;
1497
- --interactive-chip-channel-secondary-on-border-default: #1e6d7b;
1519
+ --interactive-chip-channel-secondary-on-border-default: #76c1ce;
1498
1520
  --interactive-chip-channel-secondary-on-border-hover: #52b1c1;
1499
1521
  --interactive-chip-channel-secondary-on-border-pressed: #46abbd;
1500
- --interactive-chip-channel-secondary-on-fill-default: #dcf7fb;
1522
+ --interactive-chip-channel-secondary-on-fill-default: #104149;
1501
1523
  --interactive-chip-channel-secondary-on-fill-hover: #0e373e;
1502
1524
  --interactive-chip-channel-secondary-on-fill-pressed: #0d343b;
1503
- --interactive-chip-channel-secondary-on-text-default: #000000;
1525
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1504
1526
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1505
1527
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1506
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1528
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1507
1529
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1508
1530
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1509
- --interactive-chip-channel-primary-off-fill-default: #f1fcfd;
1531
+ --interactive-chip-channel-primary-off-fill-default: #0a1f24;
1510
1532
  --interactive-chip-channel-primary-off-fill-hover: #091a1f;
1511
1533
  --interactive-chip-channel-primary-off-fill-pressed: #08191d;
1512
- --interactive-chip-channel-primary-off-text-default: #1a3e46;
1534
+ --interactive-chip-channel-primary-off-text-default: #97d0da;
1513
1535
  --interactive-chip-channel-primary-off-text-hover: #6ebdcb;
1514
1536
  --interactive-chip-channel-primary-off-text-pressed: #61b7c7;
1515
- --interactive-chip-channel-primary-off-icon-default: #1a3e46;
1537
+ --interactive-chip-channel-primary-off-icon-default: #97d0da;
1516
1538
  --interactive-chip-channel-primary-off-icon-hover: #6ebdcb;
1517
1539
  --interactive-chip-channel-primary-off-icon-pressed: #61b7c7;
1518
- --interactive-chip-channel-primary-off-border-default: #82e2f1;
1540
+ --interactive-chip-channel-primary-off-border-default: #147f91;
1519
1541
  --interactive-chip-channel-primary-off-border-hover: #116b7b;
1520
1542
  --interactive-chip-channel-primary-off-border-pressed: #106574;
1521
- --interactive-chip-channel-primary-on-fill-default: #82e2f1;
1543
+ --interactive-chip-channel-primary-on-fill-default: #147f91;
1522
1544
  --interactive-chip-channel-primary-on-fill-hover: #116b7b;
1523
1545
  --interactive-chip-channel-primary-on-fill-pressed: #106574;
1546
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1524
1547
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1525
1548
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1526
- --interactive-chip-channel-primary-on-icon-default: #000000;
1549
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1527
1550
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1528
1551
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1552
+ --interactive-tab-selected-border-default: #ffffff;
1529
1553
  }
1530
1554
 
1531
1555
  [data-theme="puzzles"] {
@@ -1540,77 +1564,79 @@
1540
1564
  --text-channel-tertiary: #9b5024;
1541
1565
  --icon-channel-primary: #e3824c;
1542
1566
  --icon-channel-secondary: #e89060;
1543
- --icon-channel-tertiary: #f6d0ba;
1567
+ --icon-channel-tertiary: #9b5024;
1544
1568
  --border-channel-primary: #c96930;
1545
1569
  --border-channel-secondary: #864421;
1546
1570
  --border-channel-tertiary: #5a2e17;
1547
1571
  --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;
1572
+ --label-channel: #e68854;
1573
+ --flag-channel-fill: #b45c2a;
1574
+ --flag-channel-text: #f0bb9c;
1575
+ --flag-channel-icon: #f0bb9c;
1576
+ --interactive-negative-border-default: #e70300;
1553
1577
  --interactive-negative-border-hover: #c40300;
1554
1578
  --interactive-negative-border-pressed: #b90200;
1555
1579
  --interactive-negative-text-default: #e70300;
1556
1580
  --interactive-negative-text-hover: #c40300;
1557
1581
  --interactive-negative-text-pressed: #b90200;
1558
- --interactive-negative-icon-default: #ff8883;
1582
+ --interactive-negative-icon-default: #e70300;
1559
1583
  --interactive-negative-icon-hover: #c40300;
1560
1584
  --interactive-negative-icon-pressed: #b90200;
1561
1585
  --interactive-link-secondary-text-default: #8c8c8c;
1562
1586
  --interactive-link-secondary-text-hover: #777777;
1563
1587
  --interactive-link-secondary-text-pressed: #707070;
1564
1588
  --interactive-link-secondary-text-visited: #9a9a9a;
1565
- --interactive-link-secondary-icon-default: #737373;
1589
+ --interactive-link-secondary-icon-default: #8c8c8c;
1566
1590
  --interactive-link-secondary-icon-hover: #777777;
1567
1591
  --interactive-link-secondary-icon-pressed: #707070;
1568
1592
  --interactive-link-secondary-icon-visited: #9a9a9a;
1569
- --interactive-link-secondary-underline-default: #737373;
1593
+ --interactive-link-secondary-underline-default: #8c8c8c;
1570
1594
  --interactive-link-secondary-underline-hover: #9d9d9d;
1571
1595
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1572
1596
  --interactive-link-secondary-underline-visited: #7e7e7e;
1573
1597
  --interactive-chip-channel-secondary-off-fill-default: #5a2e17;
1574
1598
  --interactive-chip-channel-secondary-off-fill-hover: #4c2714;
1575
1599
  --interactive-chip-channel-secondary-off-fill-pressed: #482512;
1576
- --interactive-chip-channel-secondary-off-text-default: #9b5024;
1600
+ --interactive-chip-channel-secondary-off-text-default: #eba37f;
1577
1601
  --interactive-chip-channel-secondary-off-text-hover: #e48150;
1578
1602
  --interactive-chip-channel-secondary-off-text-pressed: #e17640;
1579
- --interactive-chip-channel-secondary-off-icon-default: #9b5024;
1603
+ --interactive-chip-channel-secondary-off-icon-default: #eba37f;
1580
1604
  --interactive-chip-channel-secondary-off-icon-hover: #e48150;
1581
1605
  --interactive-chip-channel-secondary-off-icon-pressed: #e17640;
1582
- --interactive-chip-channel-secondary-on-border-default: #9b5024;
1606
+ --interactive-chip-channel-secondary-on-border-default: #eba37f;
1583
1607
  --interactive-chip-channel-secondary-on-border-hover: #e48150;
1584
1608
  --interactive-chip-channel-secondary-on-border-pressed: #e17640;
1585
- --interactive-chip-channel-secondary-on-fill-default: #fdede7;
1609
+ --interactive-chip-channel-secondary-on-fill-default: #5a2e17;
1586
1610
  --interactive-chip-channel-secondary-on-fill-hover: #4c2714;
1587
1611
  --interactive-chip-channel-secondary-on-fill-pressed: #482512;
1588
- --interactive-chip-channel-secondary-on-text-default: #000000;
1612
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1589
1613
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1590
1614
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1591
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1615
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1592
1616
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1593
1617
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1594
- --interactive-chip-channel-primary-off-fill-default: #fef7f4;
1618
+ --interactive-chip-channel-primary-off-fill-default: #2c160b;
1595
1619
  --interactive-chip-channel-primary-off-fill-hover: #251309;
1596
1620
  --interactive-chip-channel-primary-off-fill-pressed: #231209;
1597
- --interactive-chip-channel-primary-off-text-default: #5a2e17;
1621
+ --interactive-chip-channel-primary-off-text-default: #f0bb9c;
1598
1622
  --interactive-chip-channel-primary-off-text-hover: #e89768;
1599
1623
  --interactive-chip-channel-primary-off-text-pressed: #e68c57;
1600
- --interactive-chip-channel-primary-off-icon-default: #5a2e17;
1624
+ --interactive-chip-channel-primary-off-icon-default: #f0bb9c;
1601
1625
  --interactive-chip-channel-primary-off-icon-hover: #e89768;
1602
1626
  --interactive-chip-channel-primary-off-icon-pressed: #e68c57;
1603
- --interactive-chip-channel-primary-off-border-default: #f3c0a7;
1627
+ --interactive-chip-channel-primary-off-border-default: #b45c2a;
1604
1628
  --interactive-chip-channel-primary-off-border-hover: #994e24;
1605
1629
  --interactive-chip-channel-primary-off-border-pressed: #904922;
1606
- --interactive-chip-channel-primary-on-fill-default: #f3c0a7;
1630
+ --interactive-chip-channel-primary-on-fill-default: #b45c2a;
1607
1631
  --interactive-chip-channel-primary-on-fill-hover: #994e24;
1608
1632
  --interactive-chip-channel-primary-on-fill-pressed: #904922;
1633
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1609
1634
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1610
1635
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1611
- --interactive-chip-channel-primary-on-icon-default: #000000;
1636
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1612
1637
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1613
1638
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1639
+ --interactive-tab-selected-border-default: #ffffff;
1614
1640
  }
1615
1641
 
1616
1642
  [data-theme="home"] {
@@ -1625,77 +1651,79 @@
1625
1651
  --text-channel-tertiary: #135dcb;
1626
1652
  --icon-channel-primary: #124ba1;
1627
1653
  --icon-channel-secondary: #135dcb;
1628
- --icon-channel-tertiary: #6d95de;
1654
+ --icon-channel-tertiary: #135dcb;
1629
1655
  --border-channel-primary: #1053b6;
1630
1656
  --border-channel-secondary: #0b397a;
1631
1657
  --border-channel-tertiary: #0b2452;
1632
1658
  --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;
1659
+ --label-channel: #3f77d2;
1660
+ --flag-channel-fill: #124ba1;
1661
+ --flag-channel-text: #91aee5;
1662
+ --flag-channel-icon: #91aee5;
1663
+ --interactive-negative-border-default: #e70300;
1638
1664
  --interactive-negative-border-hover: #c40300;
1639
1665
  --interactive-negative-border-pressed: #b90200;
1640
1666
  --interactive-negative-text-default: #e70300;
1641
1667
  --interactive-negative-text-hover: #c40300;
1642
1668
  --interactive-negative-text-pressed: #b90200;
1643
- --interactive-negative-icon-default: #ff8883;
1669
+ --interactive-negative-icon-default: #e70300;
1644
1670
  --interactive-negative-icon-hover: #c40300;
1645
1671
  --interactive-negative-icon-pressed: #b90200;
1646
1672
  --interactive-link-secondary-text-default: #8c8c8c;
1647
1673
  --interactive-link-secondary-text-hover: #777777;
1648
1674
  --interactive-link-secondary-text-pressed: #707070;
1649
1675
  --interactive-link-secondary-text-visited: #9a9a9a;
1650
- --interactive-link-secondary-icon-default: #737373;
1676
+ --interactive-link-secondary-icon-default: #8c8c8c;
1651
1677
  --interactive-link-secondary-icon-hover: #777777;
1652
1678
  --interactive-link-secondary-icon-pressed: #707070;
1653
1679
  --interactive-link-secondary-icon-visited: #9a9a9a;
1654
- --interactive-link-secondary-underline-default: #737373;
1680
+ --interactive-link-secondary-underline-default: #8c8c8c;
1655
1681
  --interactive-link-secondary-underline-hover: #9d9d9d;
1656
1682
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1657
1683
  --interactive-link-secondary-underline-visited: #7e7e7e;
1658
1684
  --interactive-chip-channel-secondary-off-fill-default: #0b2452;
1659
1685
  --interactive-chip-channel-secondary-off-fill-hover: #091e46;
1660
1686
  --interactive-chip-channel-secondary-off-fill-pressed: #091d42;
1661
- --interactive-chip-channel-secondary-off-text-default: #10418f;
1687
+ --interactive-chip-channel-secondary-off-text-default: #6d95de;
1662
1688
  --interactive-chip-channel-secondary-off-text-hover: #4577d5;
1663
1689
  --interactive-chip-channel-secondary-off-text-pressed: #376dd2;
1664
- --interactive-chip-channel-secondary-off-icon-default: #10418f;
1690
+ --interactive-chip-channel-secondary-off-icon-default: #6d95de;
1665
1691
  --interactive-chip-channel-secondary-off-icon-hover: #4577d5;
1666
1692
  --interactive-chip-channel-secondary-off-icon-pressed: #376dd2;
1667
- --interactive-chip-channel-secondary-on-border-default: #10418f;
1693
+ --interactive-chip-channel-secondary-on-border-default: #6d95de;
1668
1694
  --interactive-chip-channel-secondary-on-border-hover: #4577d5;
1669
1695
  --interactive-chip-channel-secondary-on-border-pressed: #376dd2;
1670
- --interactive-chip-channel-secondary-on-fill-default: #e4ebf9;
1696
+ --interactive-chip-channel-secondary-on-fill-default: #0b2452;
1671
1697
  --interactive-chip-channel-secondary-on-fill-hover: #091e46;
1672
1698
  --interactive-chip-channel-secondary-on-fill-pressed: #091d42;
1673
- --interactive-chip-channel-secondary-on-text-default: #000000;
1699
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1674
1700
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1675
1701
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1676
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1702
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1677
1703
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1678
1704
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1679
- --interactive-chip-channel-primary-off-fill-default: #f4f7fd;
1705
+ --interactive-chip-channel-primary-off-fill-default: #051228;
1680
1706
  --interactive-chip-channel-primary-off-fill-hover: #040f22;
1681
1707
  --interactive-chip-channel-primary-off-fill-pressed: #040e20;
1682
- --interactive-chip-channel-primary-off-text-default: #0b2452;
1708
+ --interactive-chip-channel-primary-off-text-default: #91aee5;
1683
1709
  --interactive-chip-channel-primary-off-text-hover: #638dda;
1684
1710
  --interactive-chip-channel-primary-off-text-pressed: #5582d7;
1685
- --interactive-chip-channel-primary-off-icon-default: #0b2452;
1711
+ --interactive-chip-channel-primary-off-icon-default: #91aee5;
1686
1712
  --interactive-chip-channel-primary-off-icon-hover: #638dda;
1687
1713
  --interactive-chip-channel-primary-off-icon-pressed: #5582d7;
1688
- --interactive-chip-channel-primary-off-border-default: #9cb6ea;
1714
+ --interactive-chip-channel-primary-off-border-default: #124ba1;
1689
1715
  --interactive-chip-channel-primary-off-border-hover: #0f4089;
1690
1716
  --interactive-chip-channel-primary-off-border-pressed: #0e3c81;
1691
- --interactive-chip-channel-primary-on-fill-default: #9cb6ea;
1717
+ --interactive-chip-channel-primary-on-fill-default: #124ba1;
1692
1718
  --interactive-chip-channel-primary-on-fill-hover: #0f4089;
1693
1719
  --interactive-chip-channel-primary-on-fill-pressed: #0e3c81;
1720
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1694
1721
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1695
1722
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1696
- --interactive-chip-channel-primary-on-icon-default: #000000;
1723
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1697
1724
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1698
1725
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1726
+ --interactive-tab-selected-border-default: #ffffff;
1699
1727
  }
1700
1728
 
1701
1729
  [data-theme="uk"] {
@@ -1710,77 +1738,79 @@
1710
1738
  --text-channel-tertiary: #3b6488;
1711
1739
  --icon-channel-primary: #3b6488;
1712
1740
  --icon-channel-secondary: #49799c;
1713
- --icon-channel-tertiary: #96b1c7;
1741
+ --icon-channel-tertiary: #3b6488;
1714
1742
  --border-channel-primary: #3b6488;
1715
1743
  --border-channel-secondary: #28435b;
1716
1744
  --border-channel-tertiary: #1a2e3c;
1717
1745
  --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;
1746
+ --label-channel: #5d86a6;
1747
+ --flag-channel-fill: #345a78;
1748
+ --flag-channel-text: #a1b8cb;
1749
+ --flag-channel-icon: #a1b8cb;
1750
+ --interactive-negative-border-default: #e70300;
1723
1751
  --interactive-negative-border-hover: #c40300;
1724
1752
  --interactive-negative-border-pressed: #b90200;
1725
1753
  --interactive-negative-text-default: #e70300;
1726
1754
  --interactive-negative-text-hover: #c40300;
1727
1755
  --interactive-negative-text-pressed: #b90200;
1728
- --interactive-negative-icon-default: #ff8883;
1756
+ --interactive-negative-icon-default: #e70300;
1729
1757
  --interactive-negative-icon-hover: #c40300;
1730
1758
  --interactive-negative-icon-pressed: #b90200;
1731
1759
  --interactive-link-secondary-text-default: #8c8c8c;
1732
1760
  --interactive-link-secondary-text-hover: #777777;
1733
1761
  --interactive-link-secondary-text-pressed: #707070;
1734
1762
  --interactive-link-secondary-text-visited: #9a9a9a;
1735
- --interactive-link-secondary-icon-default: #737373;
1763
+ --interactive-link-secondary-icon-default: #8c8c8c;
1736
1764
  --interactive-link-secondary-icon-hover: #777777;
1737
1765
  --interactive-link-secondary-icon-pressed: #707070;
1738
1766
  --interactive-link-secondary-icon-visited: #9a9a9a;
1739
- --interactive-link-secondary-underline-default: #737373;
1767
+ --interactive-link-secondary-underline-default: #8c8c8c;
1740
1768
  --interactive-link-secondary-underline-hover: #9d9d9d;
1741
1769
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1742
1770
  --interactive-link-secondary-underline-visited: #7e7e7e;
1743
1771
  --interactive-chip-channel-secondary-off-fill-default: #1a2e3c;
1744
1772
  --interactive-chip-channel-secondary-off-fill-hover: #162733;
1745
1773
  --interactive-chip-channel-secondary-off-fill-pressed: #152530;
1746
- --interactive-chip-channel-secondary-off-text-default: #2e5068;
1774
+ --interactive-chip-channel-secondary-off-text-default: #84a2ba;
1747
1775
  --interactive-chip-channel-secondary-off-text-hover: #658ba9;
1748
1776
  --interactive-chip-channel-secondary-off-text-pressed: #5b83a3;
1749
- --interactive-chip-channel-secondary-off-icon-default: #2e5068;
1777
+ --interactive-chip-channel-secondary-off-icon-default: #84a2ba;
1750
1778
  --interactive-chip-channel-secondary-off-icon-hover: #658ba9;
1751
1779
  --interactive-chip-channel-secondary-off-icon-pressed: #5b83a3;
1752
- --interactive-chip-channel-secondary-on-border-default: #2e5068;
1780
+ --interactive-chip-channel-secondary-on-border-default: #84a2ba;
1753
1781
  --interactive-chip-channel-secondary-on-border-hover: #658ba9;
1754
1782
  --interactive-chip-channel-secondary-on-border-pressed: #5b83a3;
1755
- --interactive-chip-channel-secondary-on-fill-default: #e7edf3;
1783
+ --interactive-chip-channel-secondary-on-fill-default: #1a2e3c;
1756
1784
  --interactive-chip-channel-secondary-on-fill-hover: #162733;
1757
1785
  --interactive-chip-channel-secondary-on-fill-pressed: #152530;
1758
- --interactive-chip-channel-secondary-on-text-default: #000000;
1786
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1759
1787
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1760
1788
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1761
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1789
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1762
1790
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1763
1791
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1764
- --interactive-chip-channel-primary-off-fill-default: #f4f7fa;
1792
+ --interactive-chip-channel-primary-off-fill-default: #0d171f;
1765
1793
  --interactive-chip-channel-primary-off-fill-hover: #0b131a;
1766
1794
  --interactive-chip-channel-primary-off-fill-pressed: #0a1219;
1767
- --interactive-chip-channel-primary-off-text-default: #1a2e3c;
1795
+ --interactive-chip-channel-primary-off-text-default: #a1b8cb;
1768
1796
  --interactive-chip-channel-primary-off-text-hover: #7e9eb8;
1769
1797
  --interactive-chip-channel-primary-off-text-pressed: #7295b1;
1770
- --interactive-chip-channel-primary-off-icon-default: #1a2e3c;
1798
+ --interactive-chip-channel-primary-off-icon-default: #a1b8cb;
1771
1799
  --interactive-chip-channel-primary-off-icon-hover: #7e9eb8;
1772
1800
  --interactive-chip-channel-primary-off-icon-pressed: #7295b1;
1773
- --interactive-chip-channel-primary-off-border-default: #a9c0d0;
1801
+ --interactive-chip-channel-primary-off-border-default: #345a78;
1774
1802
  --interactive-chip-channel-primary-off-border-hover: #2c4d66;
1775
1803
  --interactive-chip-channel-primary-off-border-pressed: #2a4860;
1776
- --interactive-chip-channel-primary-on-fill-default: #a9c0d0;
1804
+ --interactive-chip-channel-primary-on-fill-default: #345a78;
1777
1805
  --interactive-chip-channel-primary-on-fill-hover: #2c4d66;
1778
1806
  --interactive-chip-channel-primary-on-fill-pressed: #2a4860;
1807
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1779
1808
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1780
1809
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1781
- --interactive-chip-channel-primary-on-icon-default: #000000;
1810
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1782
1811
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1783
1812
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1813
+ --interactive-tab-selected-border-default: #ffffff;
1784
1814
  }
1785
1815
 
1786
1816
  [data-theme="world"] {
@@ -1795,77 +1825,79 @@
1795
1825
  --text-channel-tertiary: #016d6f;
1796
1826
  --icon-channel-primary: #016d6f;
1797
1827
  --icon-channel-secondary: #1c7f83;
1798
- --icon-channel-tertiary: #85b4b6;
1828
+ --icon-channel-tertiary: #016d6f;
1799
1829
  --border-channel-primary: #016d6f;
1800
1830
  --border-channel-secondary: #07494b;
1801
1831
  --border-channel-tertiary: #073131;
1802
1832
  --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;
1833
+ --label-channel: #3c8b90;
1834
+ --flag-channel-fill: #056065;
1835
+ --flag-channel-text: #90bbbe;
1836
+ --flag-channel-icon: #90bbbe;
1837
+ --interactive-negative-border-default: #e70300;
1808
1838
  --interactive-negative-border-hover: #c40300;
1809
1839
  --interactive-negative-border-pressed: #b90200;
1810
1840
  --interactive-negative-text-default: #e70300;
1811
1841
  --interactive-negative-text-hover: #c40300;
1812
1842
  --interactive-negative-text-pressed: #b90200;
1813
- --interactive-negative-icon-default: #ff8883;
1843
+ --interactive-negative-icon-default: #e70300;
1814
1844
  --interactive-negative-icon-hover: #c40300;
1815
1845
  --interactive-negative-icon-pressed: #b90200;
1816
1846
  --interactive-link-secondary-text-default: #8c8c8c;
1817
1847
  --interactive-link-secondary-text-hover: #777777;
1818
1848
  --interactive-link-secondary-text-pressed: #707070;
1819
1849
  --interactive-link-secondary-text-visited: #9a9a9a;
1820
- --interactive-link-secondary-icon-default: #737373;
1850
+ --interactive-link-secondary-icon-default: #8c8c8c;
1821
1851
  --interactive-link-secondary-icon-hover: #777777;
1822
1852
  --interactive-link-secondary-icon-pressed: #707070;
1823
1853
  --interactive-link-secondary-icon-visited: #9a9a9a;
1824
- --interactive-link-secondary-underline-default: #737373;
1854
+ --interactive-link-secondary-underline-default: #8c8c8c;
1825
1855
  --interactive-link-secondary-underline-hover: #9d9d9d;
1826
1856
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1827
1857
  --interactive-link-secondary-underline-visited: #7e7e7e;
1828
1858
  --interactive-chip-channel-secondary-off-fill-default: #073131;
1829
1859
  --interactive-chip-channel-secondary-off-fill-hover: #062a2a;
1830
1860
  --interactive-chip-channel-secondary-off-fill-pressed: #062727;
1831
- --interactive-chip-channel-secondary-off-text-default: #085358;
1861
+ --interactive-chip-channel-secondary-off-text-default: #6ea7a9;
1832
1862
  --interactive-chip-channel-secondary-off-text-hover: #589395;
1833
1863
  --interactive-chip-channel-secondary-off-text-pressed: #538a8c;
1834
- --interactive-chip-channel-secondary-off-icon-default: #085358;
1864
+ --interactive-chip-channel-secondary-off-icon-default: #6ea7a9;
1835
1865
  --interactive-chip-channel-secondary-off-icon-hover: #589395;
1836
1866
  --interactive-chip-channel-secondary-off-icon-pressed: #538a8c;
1837
- --interactive-chip-channel-secondary-on-border-default: #085358;
1867
+ --interactive-chip-channel-secondary-on-border-default: #6ea7a9;
1838
1868
  --interactive-chip-channel-secondary-on-border-hover: #589395;
1839
1869
  --interactive-chip-channel-secondary-on-border-pressed: #538a8c;
1840
- --interactive-chip-channel-secondary-on-fill-default: #e4edf0;
1870
+ --interactive-chip-channel-secondary-on-fill-default: #073131;
1841
1871
  --interactive-chip-channel-secondary-on-fill-hover: #062a2a;
1842
1872
  --interactive-chip-channel-secondary-on-fill-pressed: #062727;
1843
- --interactive-chip-channel-secondary-on-text-default: #000000;
1873
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1844
1874
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1845
1875
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1846
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1876
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1847
1877
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1848
1878
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1849
- --interactive-chip-channel-primary-off-fill-default: #f4f7f7;
1879
+ --interactive-chip-channel-primary-off-fill-default: #06171a;
1850
1880
  --interactive-chip-channel-primary-off-fill-hover: #051416;
1851
1881
  --interactive-chip-channel-primary-off-fill-pressed: #051215;
1852
- --interactive-chip-channel-primary-off-text-default: #073131;
1882
+ --interactive-chip-channel-primary-off-text-default: #90bbbe;
1853
1883
  --interactive-chip-channel-primary-off-text-hover: #71a8ac;
1854
1884
  --interactive-chip-channel-primary-off-text-pressed: #66a1a5;
1855
- --interactive-chip-channel-primary-off-icon-default: #073131;
1885
+ --interactive-chip-channel-primary-off-icon-default: #90bbbe;
1856
1886
  --interactive-chip-channel-primary-off-icon-hover: #71a8ac;
1857
1887
  --interactive-chip-channel-primary-off-icon-pressed: #66a1a5;
1858
- --interactive-chip-channel-primary-off-border-default: #9bc3c5;
1888
+ --interactive-chip-channel-primary-off-border-default: #056065;
1859
1889
  --interactive-chip-channel-primary-off-border-hover: #045256;
1860
1890
  --interactive-chip-channel-primary-off-border-pressed: #044d51;
1861
- --interactive-chip-channel-primary-on-fill-default: #9bc3c5;
1891
+ --interactive-chip-channel-primary-on-fill-default: #056065;
1862
1892
  --interactive-chip-channel-primary-on-fill-hover: #045256;
1863
1893
  --interactive-chip-channel-primary-on-fill-pressed: #044d51;
1894
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1864
1895
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1865
1896
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1866
- --interactive-chip-channel-primary-on-icon-default: #000000;
1897
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1867
1898
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1868
1899
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1900
+ --interactive-tab-selected-border-default: #ffffff;
1869
1901
  }
1870
1902
 
1871
1903
  [data-theme="business"] {
@@ -1880,77 +1912,79 @@
1880
1912
  --text-channel-tertiary: #1d658d;
1881
1913
  --icon-channel-primary: #21709c;
1882
1914
  --icon-channel-secondary: #3b7fa7;
1883
- --icon-channel-tertiary: #89b1c9;
1915
+ --icon-channel-tertiary: #1d658d;
1884
1916
  --border-channel-primary: #1d658d;
1885
1917
  --border-channel-secondary: #13435e;
1886
1918
  --border-channel-tertiary: #0f2c3f;
1887
1919
  --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;
1920
+ --label-channel: #4786ac;
1921
+ --flag-channel-fill: #1b5b7d;
1922
+ --flag-channel-text: #94b9ce;
1923
+ --flag-channel-icon: #94b9ce;
1924
+ --interactive-negative-border-default: #e70300;
1893
1925
  --interactive-negative-border-hover: #c40300;
1894
1926
  --interactive-negative-border-pressed: #b90200;
1895
1927
  --interactive-negative-text-default: #e70300;
1896
1928
  --interactive-negative-text-hover: #c40300;
1897
1929
  --interactive-negative-text-pressed: #b90200;
1898
- --interactive-negative-icon-default: #ff8883;
1930
+ --interactive-negative-icon-default: #e70300;
1899
1931
  --interactive-negative-icon-hover: #c40300;
1900
1932
  --interactive-negative-icon-pressed: #b90200;
1901
1933
  --interactive-link-secondary-text-default: #8c8c8c;
1902
1934
  --interactive-link-secondary-text-hover: #777777;
1903
1935
  --interactive-link-secondary-text-pressed: #707070;
1904
1936
  --interactive-link-secondary-text-visited: #9a9a9a;
1905
- --interactive-link-secondary-icon-default: #737373;
1937
+ --interactive-link-secondary-icon-default: #8c8c8c;
1906
1938
  --interactive-link-secondary-icon-hover: #777777;
1907
1939
  --interactive-link-secondary-icon-pressed: #707070;
1908
1940
  --interactive-link-secondary-icon-visited: #9a9a9a;
1909
- --interactive-link-secondary-underline-default: #737373;
1941
+ --interactive-link-secondary-underline-default: #8c8c8c;
1910
1942
  --interactive-link-secondary-underline-hover: #9d9d9d;
1911
1943
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1912
1944
  --interactive-link-secondary-underline-visited: #7e7e7e;
1913
1945
  --interactive-chip-channel-secondary-off-fill-default: #0f2c3f;
1914
1946
  --interactive-chip-channel-secondary-off-fill-hover: #0d2536;
1915
1947
  --interactive-chip-channel-secondary-off-fill-pressed: #0c2332;
1916
- --interactive-chip-channel-secondary-off-text-default: #1a4e6e;
1948
+ --interactive-chip-channel-secondary-off-text-default: #73a2c0;
1917
1949
  --interactive-chip-channel-secondary-off-text-hover: #538eb2;
1918
1950
  --interactive-chip-channel-secondary-off-text-pressed: #4c86a9;
1919
- --interactive-chip-channel-secondary-off-icon-default: #1a4e6e;
1951
+ --interactive-chip-channel-secondary-off-icon-default: #73a2c0;
1920
1952
  --interactive-chip-channel-secondary-off-icon-hover: #538eb2;
1921
1953
  --interactive-chip-channel-secondary-off-icon-pressed: #4c86a9;
1922
- --interactive-chip-channel-secondary-on-border-default: #1a4e6e;
1954
+ --interactive-chip-channel-secondary-on-border-default: #73a2c0;
1923
1955
  --interactive-chip-channel-secondary-on-border-hover: #538eb2;
1924
1956
  --interactive-chip-channel-secondary-on-border-pressed: #4c86a9;
1925
- --interactive-chip-channel-secondary-on-fill-default: #e4edf3;
1957
+ --interactive-chip-channel-secondary-on-fill-default: #0f2c3f;
1926
1958
  --interactive-chip-channel-secondary-on-fill-hover: #0d2536;
1927
1959
  --interactive-chip-channel-secondary-on-fill-pressed: #0c2332;
1928
- --interactive-chip-channel-secondary-on-text-default: #000000;
1960
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1929
1961
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1930
1962
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1931
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1963
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1932
1964
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1933
1965
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1934
- --interactive-chip-channel-primary-off-fill-default: #f4f7fa;
1966
+ --interactive-chip-channel-primary-off-fill-default: #06171f;
1935
1967
  --interactive-chip-channel-primary-off-fill-hover: #05141a;
1936
1968
  --interactive-chip-channel-primary-off-fill-pressed: #051219;
1937
- --interactive-chip-channel-primary-off-text-default: #0f2c3f;
1969
+ --interactive-chip-channel-primary-off-text-default: #94b9ce;
1938
1970
  --interactive-chip-channel-primary-off-text-hover: #70a1bd;
1939
1971
  --interactive-chip-channel-primary-off-text-pressed: #6399b8;
1940
- --interactive-chip-channel-primary-off-icon-default: #0f2c3f;
1972
+ --interactive-chip-channel-primary-off-icon-default: #94b9ce;
1941
1973
  --interactive-chip-channel-primary-off-icon-hover: #70a1bd;
1942
1974
  --interactive-chip-channel-primary-off-icon-pressed: #6399b8;
1943
- --interactive-chip-channel-primary-off-border-default: #a0bed3;
1975
+ --interactive-chip-channel-primary-off-border-default: #1b5b7d;
1944
1976
  --interactive-chip-channel-primary-off-border-hover: #174d6a;
1945
1977
  --interactive-chip-channel-primary-off-border-pressed: #164864;
1946
- --interactive-chip-channel-primary-on-fill-default: #a0bed3;
1978
+ --interactive-chip-channel-primary-on-fill-default: #1b5b7d;
1947
1979
  --interactive-chip-channel-primary-on-fill-hover: #174d6a;
1948
1980
  --interactive-chip-channel-primary-on-fill-pressed: #164864;
1981
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1949
1982
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1950
1983
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1951
- --interactive-chip-channel-primary-on-icon-default: #000000;
1984
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1952
1985
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1953
1986
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1987
+ --interactive-tab-selected-border-default: #ffffff;
1954
1988
  }
1955
1989
 
1956
1990
  [data-theme="money"] {
@@ -1965,77 +1999,79 @@
1965
1999
  --text-channel-tertiary: #356251;
1966
2000
  --icon-channel-primary: #7ab79d;
1967
2001
  --icon-channel-secondary: #71b297;
1968
- --icon-channel-tertiary: #d5e9e0;
2002
+ --icon-channel-tertiary: #356251;
1969
2003
  --border-channel-primary: #519379;
1970
2004
  --border-channel-secondary: #356251;
1971
2005
  --border-channel-tertiary: #254035;
1972
2006
  --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;
2007
+ --label-channel: #71b297;
2008
+ --flag-channel-fill: #458469;
2009
+ --flag-channel-text: #aed2c1;
2010
+ --flag-channel-icon: #aed2c1;
2011
+ --interactive-negative-border-default: #e70300;
1978
2012
  --interactive-negative-border-hover: #c40300;
1979
2013
  --interactive-negative-border-pressed: #b90200;
1980
2014
  --interactive-negative-text-default: #e70300;
1981
2015
  --interactive-negative-text-hover: #c40300;
1982
2016
  --interactive-negative-text-pressed: #b90200;
1983
- --interactive-negative-icon-default: #ff8883;
2017
+ --interactive-negative-icon-default: #e70300;
1984
2018
  --interactive-negative-icon-hover: #c40300;
1985
2019
  --interactive-negative-icon-pressed: #b90200;
1986
2020
  --interactive-link-secondary-text-default: #8c8c8c;
1987
2021
  --interactive-link-secondary-text-hover: #777777;
1988
2022
  --interactive-link-secondary-text-pressed: #707070;
1989
2023
  --interactive-link-secondary-text-visited: #9a9a9a;
1990
- --interactive-link-secondary-icon-default: #737373;
2024
+ --interactive-link-secondary-icon-default: #8c8c8c;
1991
2025
  --interactive-link-secondary-icon-hover: #777777;
1992
2026
  --interactive-link-secondary-icon-pressed: #707070;
1993
2027
  --interactive-link-secondary-icon-visited: #9a9a9a;
1994
- --interactive-link-secondary-underline-default: #737373;
2028
+ --interactive-link-secondary-underline-default: #8c8c8c;
1995
2029
  --interactive-link-secondary-underline-hover: #9d9d9d;
1996
2030
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1997
2031
  --interactive-link-secondary-underline-visited: #7e7e7e;
1998
2032
  --interactive-chip-channel-secondary-off-fill-default: #254035;
1999
2033
  --interactive-chip-channel-secondary-off-fill-hover: #1f362d;
2000
2034
  --interactive-chip-channel-secondary-off-fill-pressed: #1e332a;
2001
- --interactive-chip-channel-secondary-off-text-default: #3d715d;
2035
+ --interactive-chip-channel-secondary-off-text-default: #95c3af;
2002
2036
  --interactive-chip-channel-secondary-off-text-hover: #74b096;
2003
2037
  --interactive-chip-channel-secondary-off-text-pressed: #69aa8e;
2004
- --interactive-chip-channel-secondary-off-icon-default: #3d715d;
2038
+ --interactive-chip-channel-secondary-off-icon-default: #95c3af;
2005
2039
  --interactive-chip-channel-secondary-off-icon-hover: #74b096;
2006
2040
  --interactive-chip-channel-secondary-off-icon-pressed: #69aa8e;
2007
- --interactive-chip-channel-secondary-on-border-default: #3d715d;
2041
+ --interactive-chip-channel-secondary-on-border-default: #95c3af;
2008
2042
  --interactive-chip-channel-secondary-on-border-hover: #74b096;
2009
2043
  --interactive-chip-channel-secondary-on-border-pressed: #69aa8e;
2010
- --interactive-chip-channel-secondary-on-fill-default: #ecf2f0;
2044
+ --interactive-chip-channel-secondary-on-fill-default: #254035;
2011
2045
  --interactive-chip-channel-secondary-on-fill-hover: #1f362d;
2012
2046
  --interactive-chip-channel-secondary-on-fill-pressed: #1e332a;
2013
- --interactive-chip-channel-secondary-on-text-default: #000000;
2047
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2014
2048
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2015
2049
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2016
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2050
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2017
2051
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2018
2052
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2019
- --interactive-chip-channel-primary-off-fill-default: #f7fafa;
2053
+ --interactive-chip-channel-primary-off-fill-default: #10221c;
2020
2054
  --interactive-chip-channel-primary-off-fill-hover: #0e1d18;
2021
2055
  --interactive-chip-channel-primary-off-fill-pressed: #0d1b16;
2022
- --interactive-chip-channel-primary-off-text-default: #254035;
2056
+ --interactive-chip-channel-primary-off-text-default: #aed2c1;
2023
2057
  --interactive-chip-channel-primary-off-text-hover: #89bda5;
2024
2058
  --interactive-chip-channel-primary-off-text-pressed: #7cb79b;
2025
- --interactive-chip-channel-primary-off-icon-default: #254035;
2059
+ --interactive-chip-channel-primary-off-icon-default: #aed2c1;
2026
2060
  --interactive-chip-channel-primary-off-icon-hover: #89bda5;
2027
2061
  --interactive-chip-channel-primary-off-icon-pressed: #7cb79b;
2028
- --interactive-chip-channel-primary-off-border-default: #b7d5c9;
2062
+ --interactive-chip-channel-primary-off-border-default: #458469;
2029
2063
  --interactive-chip-channel-primary-off-border-hover: #3b7059;
2030
2064
  --interactive-chip-channel-primary-off-border-pressed: #376954;
2031
- --interactive-chip-channel-primary-on-fill-default: #b7d5c9;
2065
+ --interactive-chip-channel-primary-on-fill-default: #458469;
2032
2066
  --interactive-chip-channel-primary-on-fill-hover: #3b7059;
2033
2067
  --interactive-chip-channel-primary-on-fill-pressed: #376954;
2068
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2034
2069
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2035
2070
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2036
- --interactive-chip-channel-primary-on-icon-default: #000000;
2071
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2037
2072
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2038
2073
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2074
+ --interactive-tab-selected-border-default: #ffffff;
2039
2075
  }
2040
2076
 
2041
2077
  [data-theme="sport"] {
@@ -2050,77 +2086,79 @@
2050
2086
  --text-channel-tertiary: #016d38;
2051
2087
  --icon-channel-primary: #007a3f;
2052
2088
  --icon-channel-secondary: #2c8652;
2053
- --icon-channel-tertiary: #84b697;
2089
+ --icon-channel-tertiary: #016d38;
2054
2090
  --border-channel-primary: #016d38;
2055
2091
  --border-channel-secondary: #074925;
2056
2092
  --border-channel-tertiary: #07311a;
2057
2093
  --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;
2094
+ --label-channel: #3b8e5d;
2095
+ --flag-channel-fill: #006234;
2096
+ --flag-channel-text: #8fbea1;
2097
+ --flag-channel-icon: #8fbea1;
2098
+ --interactive-negative-border-default: #e70300;
2063
2099
  --interactive-negative-border-hover: #c40300;
2064
2100
  --interactive-negative-border-pressed: #b90200;
2065
2101
  --interactive-negative-text-default: #e70300;
2066
2102
  --interactive-negative-text-hover: #c40300;
2067
2103
  --interactive-negative-text-pressed: #b90200;
2068
- --interactive-negative-icon-default: #ff8883;
2104
+ --interactive-negative-icon-default: #e70300;
2069
2105
  --interactive-negative-icon-hover: #c40300;
2070
2106
  --interactive-negative-icon-pressed: #b90200;
2071
2107
  --interactive-link-secondary-text-default: #8c8c8c;
2072
2108
  --interactive-link-secondary-text-hover: #777777;
2073
2109
  --interactive-link-secondary-text-pressed: #707070;
2074
2110
  --interactive-link-secondary-text-visited: #9a9a9a;
2075
- --interactive-link-secondary-icon-default: #737373;
2111
+ --interactive-link-secondary-icon-default: #8c8c8c;
2076
2112
  --interactive-link-secondary-icon-hover: #777777;
2077
2113
  --interactive-link-secondary-icon-pressed: #707070;
2078
2114
  --interactive-link-secondary-icon-visited: #9a9a9a;
2079
- --interactive-link-secondary-underline-default: #737373;
2115
+ --interactive-link-secondary-underline-default: #8c8c8c;
2080
2116
  --interactive-link-secondary-underline-hover: #9d9d9d;
2081
2117
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2082
2118
  --interactive-link-secondary-underline-visited: #7e7e7e;
2083
2119
  --interactive-chip-channel-secondary-off-fill-default: #07311a;
2084
2120
  --interactive-chip-channel-secondary-off-fill-hover: #062a16;
2085
2121
  --interactive-chip-channel-secondary-off-fill-pressed: #062715;
2086
- --interactive-chip-channel-secondary-off-text-default: #04562c;
2122
+ --interactive-chip-channel-secondary-off-text-default: #6ea782;
2087
2123
  --interactive-chip-channel-secondary-off-text-hover: #59936d;
2088
2124
  --interactive-chip-channel-secondary-off-text-pressed: #548a67;
2089
- --interactive-chip-channel-secondary-off-icon-default: #04562c;
2125
+ --interactive-chip-channel-secondary-off-icon-default: #6ea782;
2090
2126
  --interactive-chip-channel-secondary-off-icon-hover: #59936d;
2091
2127
  --interactive-chip-channel-secondary-off-icon-pressed: #548a67;
2092
- --interactive-chip-channel-secondary-on-border-default: #04562c;
2128
+ --interactive-chip-channel-secondary-on-border-default: #6ea782;
2093
2129
  --interactive-chip-channel-secondary-on-border-hover: #59936d;
2094
2130
  --interactive-chip-channel-secondary-on-border-pressed: #548a67;
2095
- --interactive-chip-channel-secondary-on-fill-default: #e4ede8;
2131
+ --interactive-chip-channel-secondary-on-fill-default: #07311a;
2096
2132
  --interactive-chip-channel-secondary-on-fill-hover: #062a16;
2097
2133
  --interactive-chip-channel-secondary-on-fill-pressed: #062715;
2098
- --interactive-chip-channel-secondary-on-text-default: #000000;
2134
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2099
2135
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2100
2136
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2101
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2137
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2102
2138
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2103
2139
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2104
- --interactive-chip-channel-primary-off-fill-default: #f4f7f5;
2140
+ --interactive-chip-channel-primary-off-fill-default: #06170c;
2105
2141
  --interactive-chip-channel-primary-off-fill-hover: #05140a;
2106
2142
  --interactive-chip-channel-primary-off-fill-pressed: #05120a;
2107
- --interactive-chip-channel-primary-off-text-default: #07311a;
2143
+ --interactive-chip-channel-primary-off-text-default: #8fbea1;
2108
2144
  --interactive-chip-channel-primary-off-text-hover: #6fac86;
2109
2145
  --interactive-chip-channel-primary-off-text-pressed: #65a67e;
2110
- --interactive-chip-channel-primary-off-icon-default: #07311a;
2146
+ --interactive-chip-channel-primary-off-icon-default: #8fbea1;
2111
2147
  --interactive-chip-channel-primary-off-icon-hover: #6fac86;
2112
2148
  --interactive-chip-channel-primary-off-icon-pressed: #65a67e;
2113
- --interactive-chip-channel-primary-off-border-default: #9bc3a9;
2149
+ --interactive-chip-channel-primary-off-border-default: #006234;
2114
2150
  --interactive-chip-channel-primary-off-border-hover: #00532c;
2115
2151
  --interactive-chip-channel-primary-off-border-pressed: #004f2a;
2116
- --interactive-chip-channel-primary-on-fill-default: #9bc3a9;
2152
+ --interactive-chip-channel-primary-on-fill-default: #006234;
2117
2153
  --interactive-chip-channel-primary-on-fill-hover: #00532c;
2118
2154
  --interactive-chip-channel-primary-on-fill-pressed: #004f2a;
2155
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2119
2156
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2120
2157
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2121
- --interactive-chip-channel-primary-on-icon-default: #000000;
2158
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2122
2159
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2123
2160
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2161
+ --interactive-tab-selected-border-default: #ffffff;
2124
2162
  }
2125
2163
 
2126
2164
  [data-theme="travel"] {
@@ -2135,77 +2173,79 @@
2135
2173
  --text-channel-tertiary: #26608b;
2136
2174
  --icon-channel-primary: #3b7fb2;
2137
2175
  --icon-channel-secondary: #4f8eb9;
2138
- --icon-channel-tertiary: #a5c3db;
2176
+ --icon-channel-tertiary: #26608b;
2139
2177
  --border-channel-primary: #266d9d;
2140
2178
  --border-channel-secondary: #1d4869;
2141
2179
  --border-channel-tertiary: #113144;
2142
2180
  --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;
2181
+ --label-channel: #4f8eb9;
2182
+ --flag-channel-fill: #26608b;
2183
+ --flag-channel-text: #9abbd6;
2184
+ --flag-channel-icon: #9abbd6;
2185
+ --interactive-negative-border-default: #e70300;
2148
2186
  --interactive-negative-border-hover: #c40300;
2149
2187
  --interactive-negative-border-pressed: #b90200;
2150
2188
  --interactive-negative-text-default: #e70300;
2151
2189
  --interactive-negative-text-hover: #c40300;
2152
2190
  --interactive-negative-text-pressed: #b90200;
2153
- --interactive-negative-icon-default: #ff8883;
2191
+ --interactive-negative-icon-default: #e70300;
2154
2192
  --interactive-negative-icon-hover: #c40300;
2155
2193
  --interactive-negative-icon-pressed: #b90200;
2156
2194
  --interactive-link-secondary-text-default: #8c8c8c;
2157
2195
  --interactive-link-secondary-text-hover: #777777;
2158
2196
  --interactive-link-secondary-text-pressed: #707070;
2159
2197
  --interactive-link-secondary-text-visited: #9a9a9a;
2160
- --interactive-link-secondary-icon-default: #737373;
2198
+ --interactive-link-secondary-icon-default: #8c8c8c;
2161
2199
  --interactive-link-secondary-icon-hover: #777777;
2162
2200
  --interactive-link-secondary-icon-pressed: #707070;
2163
2201
  --interactive-link-secondary-icon-visited: #9a9a9a;
2164
- --interactive-link-secondary-underline-default: #737373;
2202
+ --interactive-link-secondary-underline-default: #8c8c8c;
2165
2203
  --interactive-link-secondary-underline-hover: #9d9d9d;
2166
2204
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2167
2205
  --interactive-link-secondary-underline-visited: #7e7e7e;
2168
2206
  --interactive-chip-channel-secondary-off-fill-default: #113144;
2169
2207
  --interactive-chip-channel-secondary-off-fill-hover: #0e2a3a;
2170
2208
  --interactive-chip-channel-secondary-off-fill-pressed: #0e2736;
2171
- --interactive-chip-channel-secondary-off-text-default: #1e5578;
2209
+ --interactive-chip-channel-secondary-off-text-default: #78a7ca;
2172
2210
  --interactive-chip-channel-secondary-off-text-hover: #5590bc;
2173
2211
  --interactive-chip-channel-secondary-off-text-pressed: #4a88b8;
2174
- --interactive-chip-channel-secondary-off-icon-default: #1e5578;
2212
+ --interactive-chip-channel-secondary-off-icon-default: #78a7ca;
2175
2213
  --interactive-chip-channel-secondary-off-icon-hover: #5590bc;
2176
2214
  --interactive-chip-channel-secondary-off-icon-pressed: #4a88b8;
2177
- --interactive-chip-channel-secondary-on-border-default: #1e5578;
2215
+ --interactive-chip-channel-secondary-on-border-default: #78a7ca;
2178
2216
  --interactive-chip-channel-secondary-on-border-hover: #5590bc;
2179
2217
  --interactive-chip-channel-secondary-on-border-pressed: #4a88b8;
2180
- --interactive-chip-channel-secondary-on-fill-default: #e7edf6;
2218
+ --interactive-chip-channel-secondary-on-fill-default: #113144;
2181
2219
  --interactive-chip-channel-secondary-on-fill-hover: #0e2a3a;
2182
2220
  --interactive-chip-channel-secondary-on-fill-pressed: #0e2736;
2183
- --interactive-chip-channel-secondary-on-text-default: #000000;
2221
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2184
2222
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2185
2223
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2186
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2224
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2187
2225
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2188
2226
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2189
- --interactive-chip-channel-primary-off-fill-default: #f4f7fa;
2227
+ --interactive-chip-channel-primary-off-fill-default: #0a1722;
2190
2228
  --interactive-chip-channel-primary-off-fill-hover: #09131d;
2191
2229
  --interactive-chip-channel-primary-off-fill-pressed: #08121b;
2192
- --interactive-chip-channel-primary-off-text-default: #113144;
2230
+ --interactive-chip-channel-primary-off-text-default: #9abbd6;
2193
2231
  --interactive-chip-channel-primary-off-text-hover: #73a0c6;
2194
2232
  --interactive-chip-channel-primary-off-text-pressed: #6698c1;
2195
- --interactive-chip-channel-primary-off-icon-default: #113144;
2233
+ --interactive-chip-channel-primary-off-icon-default: #9abbd6;
2196
2234
  --interactive-chip-channel-primary-off-icon-hover: #73a0c6;
2197
2235
  --interactive-chip-channel-primary-off-icon-pressed: #6698c1;
2198
- --interactive-chip-channel-primary-off-border-default: #a5c3db;
2236
+ --interactive-chip-channel-primary-off-border-default: #26608b;
2199
2237
  --interactive-chip-channel-primary-off-border-hover: #205176;
2200
2238
  --interactive-chip-channel-primary-off-border-pressed: #1e4c6f;
2201
- --interactive-chip-channel-primary-on-fill-default: #a5c3db;
2239
+ --interactive-chip-channel-primary-on-fill-default: #26608b;
2202
2240
  --interactive-chip-channel-primary-on-fill-hover: #205176;
2203
2241
  --interactive-chip-channel-primary-on-fill-pressed: #1e4c6f;
2242
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2204
2243
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2205
2244
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2206
- --interactive-chip-channel-primary-on-icon-default: #000000;
2245
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2207
2246
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2208
2247
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2248
+ --interactive-tab-selected-border-default: #ffffff;
2209
2249
  }
2210
2250
 
2211
2251
  [data-theme="culture"] {
@@ -2220,77 +2260,79 @@
2220
2260
  --text-channel-tertiary: #a03c75;
2221
2261
  --icon-channel-primary: #771c51;
2222
2262
  --icon-channel-secondary: #942364;
2223
- --icon-channel-tertiary: #a4477c;
2263
+ --icon-channel-tertiary: #a03c75;
2224
2264
  --border-channel-primary: #85205b;
2225
2265
  --border-channel-secondary: #59173c;
2226
2266
  --border-channel-tertiary: #3b0f27;
2227
2267
  --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;
2268
+ --label-channel: #a4477c;
2269
+ --flag-channel-fill: #771c51;
2270
+ --flag-channel-text: #cd94b1;
2271
+ --flag-channel-icon: #cd94b1;
2272
+ --interactive-negative-border-default: #e70300;
2233
2273
  --interactive-negative-border-hover: #c40300;
2234
2274
  --interactive-negative-border-pressed: #b90200;
2235
2275
  --interactive-negative-text-default: #e70300;
2236
2276
  --interactive-negative-text-hover: #c40300;
2237
2277
  --interactive-negative-text-pressed: #b90200;
2238
- --interactive-negative-icon-default: #ff8883;
2278
+ --interactive-negative-icon-default: #e70300;
2239
2279
  --interactive-negative-icon-hover: #c40300;
2240
2280
  --interactive-negative-icon-pressed: #b90200;
2241
2281
  --interactive-link-secondary-text-default: #8c8c8c;
2242
2282
  --interactive-link-secondary-text-hover: #777777;
2243
2283
  --interactive-link-secondary-text-pressed: #707070;
2244
2284
  --interactive-link-secondary-text-visited: #9a9a9a;
2245
- --interactive-link-secondary-icon-default: #737373;
2285
+ --interactive-link-secondary-icon-default: #8c8c8c;
2246
2286
  --interactive-link-secondary-icon-hover: #777777;
2247
2287
  --interactive-link-secondary-icon-pressed: #707070;
2248
2288
  --interactive-link-secondary-icon-visited: #9a9a9a;
2249
- --interactive-link-secondary-underline-default: #737373;
2289
+ --interactive-link-secondary-underline-default: #8c8c8c;
2250
2290
  --interactive-link-secondary-underline-hover: #9d9d9d;
2251
2291
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2252
2292
  --interactive-link-secondary-underline-visited: #7e7e7e;
2253
2293
  --interactive-chip-channel-secondary-off-fill-default: #3b0f27;
2254
2294
  --interactive-chip-channel-secondary-off-fill-hover: #320d21;
2255
2295
  --interactive-chip-channel-secondary-off-fill-pressed: #2f0c1f;
2256
- --interactive-chip-channel-secondary-off-text-default: #671846;
2296
+ --interactive-chip-channel-secondary-off-text-default: #ba729b;
2257
2297
  --interactive-chip-channel-secondary-off-text-hover: #ab5485;
2258
2298
  --interactive-chip-channel-secondary-off-text-pressed: #a14f7e;
2259
- --interactive-chip-channel-secondary-off-icon-default: #671846;
2299
+ --interactive-chip-channel-secondary-off-icon-default: #ba729b;
2260
2300
  --interactive-chip-channel-secondary-off-icon-hover: #ab5485;
2261
2301
  --interactive-chip-channel-secondary-off-icon-pressed: #a14f7e;
2262
- --interactive-chip-channel-secondary-on-border-default: #671846;
2302
+ --interactive-chip-channel-secondary-on-border-default: #ba729b;
2263
2303
  --interactive-chip-channel-secondary-on-border-hover: #ab5485;
2264
2304
  --interactive-chip-channel-secondary-on-border-pressed: #a14f7e;
2265
- --interactive-chip-channel-secondary-on-fill-default: #f2e5eb;
2305
+ --interactive-chip-channel-secondary-on-fill-default: #3b0f27;
2266
2306
  --interactive-chip-channel-secondary-on-fill-hover: #320d21;
2267
2307
  --interactive-chip-channel-secondary-on-fill-pressed: #2f0c1f;
2268
- --interactive-chip-channel-secondary-on-text-default: #000000;
2308
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2269
2309
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2270
2310
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2271
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2311
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2272
2312
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2273
2313
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2274
- --interactive-chip-channel-primary-off-fill-default: #fbf5f7;
2314
+ --interactive-chip-channel-primary-off-fill-default: #1f0915;
2275
2315
  --interactive-chip-channel-primary-off-fill-hover: #1a0812;
2276
2316
  --interactive-chip-channel-primary-off-fill-pressed: #190711;
2277
- --interactive-chip-channel-primary-off-text-default: #3b0f27;
2317
+ --interactive-chip-channel-primary-off-text-default: #cd94b1;
2278
2318
  --interactive-chip-channel-primary-off-text-hover: #bc7097;
2279
2319
  --interactive-chip-channel-primary-off-text-pressed: #b7648f;
2280
- --interactive-chip-channel-primary-off-icon-default: #3b0f27;
2320
+ --interactive-chip-channel-primary-off-icon-default: #cd94b1;
2281
2321
  --interactive-chip-channel-primary-off-icon-hover: #bc7097;
2282
2322
  --interactive-chip-channel-primary-off-icon-pressed: #b7648f;
2283
- --interactive-chip-channel-primary-off-border-default: #d19fb9;
2323
+ --interactive-chip-channel-primary-off-border-default: #771c51;
2284
2324
  --interactive-chip-channel-primary-off-border-hover: #651845;
2285
2325
  --interactive-chip-channel-primary-off-border-pressed: #5f1641;
2286
- --interactive-chip-channel-primary-on-fill-default: #d19fb9;
2326
+ --interactive-chip-channel-primary-on-fill-default: #771c51;
2287
2327
  --interactive-chip-channel-primary-on-fill-hover: #651845;
2288
2328
  --interactive-chip-channel-primary-on-fill-pressed: #5f1641;
2329
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2289
2330
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2290
2331
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2291
- --interactive-chip-channel-primary-on-icon-default: #000000;
2332
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2292
2333
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2293
2334
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2335
+ --interactive-tab-selected-border-default: #ffffff;
2294
2336
  }
2295
2337
 
2296
2338
  [data-theme="obituaries"] {
@@ -2305,77 +2347,79 @@
2305
2347
  --text-channel-tertiary: #61615e;
2306
2348
  --icon-channel-primary: #6c6c69;
2307
2349
  --icon-channel-secondary: #7a7a78;
2308
- --icon-channel-tertiary: #adadad;
2350
+ --icon-channel-tertiary: #61615e;
2309
2351
  --border-channel-primary: #61615e;
2310
2352
  --border-channel-secondary: #404040;
2311
2353
  --border-channel-tertiary: #2b2b2b;
2312
2354
  --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;
2355
+ --label-channel: #82827f;
2356
+ --flag-channel-fill: #575754;
2357
+ --flag-channel-text: #b5b5b5;
2358
+ --flag-channel-icon: #b5b5b5;
2359
+ --interactive-negative-border-default: #e70300;
2318
2360
  --interactive-negative-border-hover: #c40300;
2319
2361
  --interactive-negative-border-pressed: #b90200;
2320
2362
  --interactive-negative-text-default: #e70300;
2321
2363
  --interactive-negative-text-hover: #c40300;
2322
2364
  --interactive-negative-text-pressed: #b90200;
2323
- --interactive-negative-icon-default: #ff8883;
2365
+ --interactive-negative-icon-default: #e70300;
2324
2366
  --interactive-negative-icon-hover: #c40300;
2325
2367
  --interactive-negative-icon-pressed: #b90200;
2326
2368
  --interactive-link-secondary-text-default: #8c8c8c;
2327
2369
  --interactive-link-secondary-text-hover: #777777;
2328
2370
  --interactive-link-secondary-text-pressed: #707070;
2329
2371
  --interactive-link-secondary-text-visited: #9a9a9a;
2330
- --interactive-link-secondary-icon-default: #737373;
2372
+ --interactive-link-secondary-icon-default: #8c8c8c;
2331
2373
  --interactive-link-secondary-icon-hover: #777777;
2332
2374
  --interactive-link-secondary-icon-pressed: #707070;
2333
2375
  --interactive-link-secondary-icon-visited: #9a9a9a;
2334
- --interactive-link-secondary-underline-default: #737373;
2376
+ --interactive-link-secondary-underline-default: #8c8c8c;
2335
2377
  --interactive-link-secondary-underline-hover: #9d9d9d;
2336
2378
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2337
2379
  --interactive-link-secondary-underline-visited: #7e7e7e;
2338
2380
  --interactive-chip-channel-secondary-off-fill-default: #2b2b2b;
2339
2381
  --interactive-chip-channel-secondary-off-fill-hover: #242424;
2340
2382
  --interactive-chip-channel-secondary-off-fill-pressed: #222222;
2341
- --interactive-chip-channel-secondary-off-text-default: #4d4d4a;
2383
+ --interactive-chip-channel-secondary-off-text-default: #9e9e9b;
2342
2384
  --interactive-chip-channel-secondary-off-text-hover: #878783;
2343
2385
  --interactive-chip-channel-secondary-off-text-pressed: #7f7f7b;
2344
- --interactive-chip-channel-secondary-off-icon-default: #4d4d4a;
2386
+ --interactive-chip-channel-secondary-off-icon-default: #9e9e9b;
2345
2387
  --interactive-chip-channel-secondary-off-icon-hover: #878783;
2346
2388
  --interactive-chip-channel-secondary-off-icon-pressed: #7f7f7b;
2347
- --interactive-chip-channel-secondary-on-border-default: #4d4d4a;
2389
+ --interactive-chip-channel-secondary-on-border-default: #9e9e9b;
2348
2390
  --interactive-chip-channel-secondary-on-border-hover: #878783;
2349
2391
  --interactive-chip-channel-secondary-on-border-pressed: #7f7f7b;
2350
- --interactive-chip-channel-secondary-on-fill-default: #ededed;
2392
+ --interactive-chip-channel-secondary-on-fill-default: #2b2b2b;
2351
2393
  --interactive-chip-channel-secondary-on-fill-hover: #242424;
2352
2394
  --interactive-chip-channel-secondary-on-fill-pressed: #222222;
2353
- --interactive-chip-channel-secondary-on-text-default: #000000;
2395
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2354
2396
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2355
2397
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2356
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2398
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2357
2399
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2358
2400
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2359
- --interactive-chip-channel-primary-off-fill-default: #f7f7f7;
2401
+ --interactive-chip-channel-primary-off-fill-default: #141414;
2360
2402
  --interactive-chip-channel-primary-off-fill-hover: #111111;
2361
2403
  --interactive-chip-channel-primary-off-fill-pressed: #101010;
2362
- --interactive-chip-channel-primary-off-text-default: #2b2b2b;
2404
+ --interactive-chip-channel-primary-off-text-default: #b5b5b5;
2363
2405
  --interactive-chip-channel-primary-off-text-hover: #9a9a9a;
2364
2406
  --interactive-chip-channel-primary-off-text-pressed: #919191;
2365
- --interactive-chip-channel-primary-off-icon-default: #2b2b2b;
2407
+ --interactive-chip-channel-primary-off-icon-default: #b5b5b5;
2366
2408
  --interactive-chip-channel-primary-off-icon-hover: #9a9a9a;
2367
2409
  --interactive-chip-channel-primary-off-icon-pressed: #919191;
2368
- --interactive-chip-channel-primary-off-border-default: #bdbdbd;
2410
+ --interactive-chip-channel-primary-off-border-default: #575754;
2369
2411
  --interactive-chip-channel-primary-off-border-hover: #4a4a47;
2370
2412
  --interactive-chip-channel-primary-off-border-pressed: #464643;
2371
- --interactive-chip-channel-primary-on-fill-default: #bdbdbd;
2413
+ --interactive-chip-channel-primary-on-fill-default: #575754;
2372
2414
  --interactive-chip-channel-primary-on-fill-hover: #4a4a47;
2373
2415
  --interactive-chip-channel-primary-on-fill-pressed: #464643;
2416
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2374
2417
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2375
2418
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2376
- --interactive-chip-channel-primary-on-icon-default: #000000;
2419
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2377
2420
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2378
2421
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2422
+ --interactive-tab-selected-border-default: #ffffff;
2379
2423
  }
2380
2424
 
2381
2425
  [data-theme="ireland"] {
@@ -2390,77 +2434,79 @@
2390
2434
  --text-channel-tertiary: #436461;
2391
2435
  --icon-channel-primary: #0d3633;
2392
2436
  --icon-channel-secondary: #1f4642;
2393
- --icon-channel-tertiary: #0f3d38;
2437
+ --icon-channel-tertiary: #436461;
2394
2438
  --border-channel-primary: #0d3633;
2395
2439
  --border-channel-secondary: #0b2421;
2396
2440
  --border-channel-tertiary: #0a1717;
2397
2441
  --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;
2442
+ --label-channel: #385a57;
2443
+ --flag-channel-fill: #0c312e;
2444
+ --flag-channel-text: #8b9f9c;
2445
+ --flag-channel-icon: #8b9f9c;
2446
+ --interactive-negative-border-default: #e70300;
2403
2447
  --interactive-negative-border-hover: #c40300;
2404
2448
  --interactive-negative-border-pressed: #b90200;
2405
2449
  --interactive-negative-text-default: #e70300;
2406
2450
  --interactive-negative-text-hover: #c40300;
2407
2451
  --interactive-negative-text-pressed: #b90200;
2408
- --interactive-negative-icon-default: #ff8883;
2452
+ --interactive-negative-icon-default: #e70300;
2409
2453
  --interactive-negative-icon-hover: #c40300;
2410
2454
  --interactive-negative-icon-pressed: #b90200;
2411
2455
  --interactive-link-secondary-text-default: #8c8c8c;
2412
2456
  --interactive-link-secondary-text-hover: #777777;
2413
2457
  --interactive-link-secondary-text-pressed: #707070;
2414
2458
  --interactive-link-secondary-text-visited: #9a9a9a;
2415
- --interactive-link-secondary-icon-default: #737373;
2459
+ --interactive-link-secondary-icon-default: #8c8c8c;
2416
2460
  --interactive-link-secondary-icon-hover: #777777;
2417
2461
  --interactive-link-secondary-icon-pressed: #707070;
2418
2462
  --interactive-link-secondary-icon-visited: #9a9a9a;
2419
- --interactive-link-secondary-underline-default: #737373;
2463
+ --interactive-link-secondary-underline-default: #8c8c8c;
2420
2464
  --interactive-link-secondary-underline-hover: #9d9d9d;
2421
2465
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2422
2466
  --interactive-link-secondary-underline-visited: #7e7e7e;
2423
2467
  --interactive-chip-channel-secondary-off-fill-default: #0a1717;
2424
2468
  --interactive-chip-channel-secondary-off-fill-hover: #081414;
2425
2469
  --interactive-chip-channel-secondary-off-fill-pressed: #081212;
2426
- --interactive-chip-channel-secondary-off-text-default: #0d2926;
2470
+ --interactive-chip-channel-secondary-off-text-default: #66807d;
2427
2471
  --interactive-chip-channel-secondary-off-text-hover: #576d6a;
2428
2472
  --interactive-chip-channel-secondary-off-text-pressed: #526664;
2429
- --interactive-chip-channel-secondary-off-icon-default: #0d2926;
2473
+ --interactive-chip-channel-secondary-off-icon-default: #66807d;
2430
2474
  --interactive-chip-channel-secondary-off-icon-hover: #576d6a;
2431
2475
  --interactive-chip-channel-secondary-off-icon-pressed: #526664;
2432
- --interactive-chip-channel-secondary-on-border-default: #0d2926;
2476
+ --interactive-chip-channel-secondary-on-border-default: #66807d;
2433
2477
  --interactive-chip-channel-secondary-on-border-hover: #576d6a;
2434
2478
  --interactive-chip-channel-secondary-on-border-pressed: #526664;
2435
- --interactive-chip-channel-secondary-on-fill-default: #e2e6e6;
2479
+ --interactive-chip-channel-secondary-on-fill-default: #0a1717;
2436
2480
  --interactive-chip-channel-secondary-on-fill-hover: #081414;
2437
2481
  --interactive-chip-channel-secondary-on-fill-pressed: #081212;
2438
- --interactive-chip-channel-secondary-on-text-default: #000000;
2482
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2439
2483
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2440
2484
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2441
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2485
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2442
2486
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2443
2487
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2444
- --interactive-chip-channel-primary-off-fill-default: #f5f5f5;
2488
+ --interactive-chip-channel-primary-off-fill-default: #030d0a;
2445
2489
  --interactive-chip-channel-primary-off-fill-hover: #030b09;
2446
2490
  --interactive-chip-channel-primary-off-fill-pressed: #020a08;
2447
- --interactive-chip-channel-primary-off-text-default: #0a1717;
2491
+ --interactive-chip-channel-primary-off-text-default: #8b9f9c;
2448
2492
  --interactive-chip-channel-primary-off-text-hover: #738b87;
2449
2493
  --interactive-chip-channel-primary-off-text-pressed: #6c827f;
2450
- --interactive-chip-channel-primary-off-icon-default: #0a1717;
2494
+ --interactive-chip-channel-primary-off-icon-default: #8b9f9c;
2451
2495
  --interactive-chip-channel-primary-off-icon-hover: #738b87;
2452
2496
  --interactive-chip-channel-primary-off-icon-pressed: #6c827f;
2453
- --interactive-chip-channel-primary-off-border-default: #95a9a6;
2497
+ --interactive-chip-channel-primary-off-border-default: #0c312e;
2454
2498
  --interactive-chip-channel-primary-off-border-hover: #0a2a27;
2455
2499
  --interactive-chip-channel-primary-off-border-pressed: #0a2725;
2456
- --interactive-chip-channel-primary-on-fill-default: #95a9a6;
2500
+ --interactive-chip-channel-primary-on-fill-default: #0c312e;
2457
2501
  --interactive-chip-channel-primary-on-fill-hover: #0a2a27;
2458
2502
  --interactive-chip-channel-primary-on-fill-pressed: #0a2725;
2503
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2459
2504
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2460
2505
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2461
- --interactive-chip-channel-primary-on-icon-default: #000000;
2506
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2462
2507
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2463
2508
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2509
+ --interactive-tab-selected-border-default: #ffffff;
2464
2510
  }
2465
2511
  }
2466
2512
  @media (min-width: 0px) {
@@ -2492,6 +2538,18 @@
2492
2538
  --grid-viewport: 433px;
2493
2539
  --grid-max-width: 767px;
2494
2540
  --grid-content-area: 393px;
2541
+ --grid-span-1: 70px;
2542
+ --grid-span-2: 165px;
2543
+ --grid-span-3: 259px;
2544
+ --grid-span-4: 353px;
2545
+ --grid-span-5: 353px;
2546
+ --grid-span-6: 353px;
2547
+ --grid-span-7: 353px;
2548
+ --grid-span-8: 353px;
2549
+ --grid-span-9: 353px;
2550
+ --grid-span-10: 353px;
2551
+ --grid-span-11: 353px;
2552
+ --grid-span-12: 353px;
2495
2553
  --fontSize0025: 0.8rem;
2496
2554
  --fontSize005: 1rem;
2497
2555
  --fontSize010: 1.2rem;
@@ -2526,6 +2584,19 @@
2526
2584
  --grid-viewport: 816px;
2527
2585
  --grid-max-width: 1023px;
2528
2586
  --grid-content-area: 768px;
2587
+ --grid-span-1: 35px;
2588
+ --grid-span-2: 101px;
2589
+ --grid-span-3: 168px;
2590
+ --grid-span-4: 235px;
2591
+ --grid-span-5: 301px;
2592
+ --grid-span-6: 368px;
2593
+ --grid-span-7: 435px;
2594
+ --grid-span-8: 501px;
2595
+ --grid-span-9: 568px;
2596
+ --grid-span-10: 635px;
2597
+ --grid-span-11: 701px;
2598
+ --grid-span-12: 768px;
2599
+ --fontSize100: 4rem;
2529
2600
  }}
2530
2601
  @media (min-width: 1024px) {
2531
2602
  :root {
@@ -2535,6 +2606,19 @@
2535
2606
  --grid-viewport: 1072px;
2536
2607
  --grid-max-width: 1439px;
2537
2608
  --grid-content-area: 1024px;
2609
+ --grid-span-1: 56px;
2610
+ --grid-span-2: 144px;
2611
+ --grid-span-3: 232px;
2612
+ --grid-span-4: 320px;
2613
+ --grid-span-5: 408px;
2614
+ --grid-span-6: 496px;
2615
+ --grid-span-7: 584px;
2616
+ --grid-span-8: 672px;
2617
+ --grid-span-9: 760px;
2618
+ --grid-span-10: 848px;
2619
+ --grid-span-11: 936px;
2620
+ --grid-span-12: 1024px;
2621
+ --fontSize100: 4.6rem;
2538
2622
  }}
2539
2623
  @media (min-width: 1440px) {
2540
2624
  :root {
@@ -2544,6 +2628,22 @@
2544
2628
  --grid-viewport: 1440px;
2545
2629
  --grid-max-width: 1920px;
2546
2630
  --grid-content-area: 1144px;
2631
+ --grid-span-1: 66px;
2632
+ --grid-span-2: 164px;
2633
+ --grid-span-3: 262px;
2634
+ --grid-span-4: 360px;
2635
+ --grid-span-5: 458px;
2636
+ --grid-span-6: 556px;
2637
+ --grid-span-7: 654px;
2638
+ --grid-span-8: 752px;
2639
+ --grid-span-9: 850px;
2640
+ --grid-span-10: 948px;
2641
+ --grid-span-11: 1046px;
2642
+ --grid-span-12: 1144px;
2643
+ --fontSize090: 3.6rem;
2644
+ --fontSize100: 5.6rem;
2645
+ --fontSize110: 4rem;
2646
+ --fontSize140: 5.6rem;
2547
2647
  }}
2548
2648
  :root {
2549
2649
  --shadow-elevation-down-level-2: 0px 4px 8px 0px rgba(0,0,0,0.08);