@times-design-system/theme-css 2.0.2-alpha.1 → 2.0.2-alpha.10

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 (2) hide show
  1. package/dist/variables.css +318 -331
  2. package/package.json +2 -2
@@ -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: #6d6d6d;
75
+ --input-border-hover: #808080;
76
76
  --input-border-active: #595959;
77
77
  --input-border-completed: #262626;
78
78
  --input-border-success: #298458;
@@ -1067,64 +1067,64 @@
1067
1067
  }
1068
1068
  [data-color-mode="dark"] {
1069
1069
  [data-theme="core"] {
1070
- --surface-undercanvas: #e6e6e6;
1071
- --surface-canvas: #ffffff;
1070
+ --surface-undercanvas: #1a1a1a;
1071
+ --surface-canvas: #000000;
1072
1072
  --surface-transparent: #000000;
1073
- --surface-level-1: #f2f2f2;
1074
- --surface-level-2: #e6e6e6;
1075
- --surface-level-3: #d9d9d9;
1076
- --surface-level-4: #e6e6e6;
1077
- --surface-inverse: #000000;
1073
+ --surface-level-1: #0d0d0d;
1074
+ --surface-level-2: #1a1a1a;
1075
+ --surface-level-3: #262626;
1076
+ --surface-level-4: #1a1a1a;
1077
+ --surface-inverse: #ffffff;
1078
1078
  --surface-overlay: rgba(0, 0, 0, 0.55);
1079
- --surface-channel-50: #f2f2f2;
1080
- --surface-channel-100: #d9d9d9;
1081
- --surface-channel-200: #a8a8a8;
1082
- --surface-channel-300: #666666;
1083
- --surface-channel-400: #333333;
1084
- --surface-channel-500: #1a1a1a;
1085
- --surface-static-dark: #ffffff;
1086
- --surface-static-light: #000000;
1087
- --text-primary: #000000;
1088
- --text-inverse: #ffffff;
1089
- --text-secondary: #262626;
1090
- --text-tertiary: #595959;
1091
- --text-channel-primary: #666666;
1079
+ --surface-channel-50: #0d0d0d;
1080
+ --surface-channel-100: #262626;
1081
+ --surface-channel-200: #575757;
1082
+ --surface-channel-300: #999999;
1083
+ --surface-channel-400: #cccccc;
1084
+ --surface-channel-500: #e6e6e6;
1085
+ --surface-static-dark: #000000;
1086
+ --surface-static-light: #ffffff;
1087
+ --text-primary: #ffffff;
1088
+ --text-inverse: #000000;
1089
+ --text-secondary: #d9d9d9;
1090
+ --text-tertiary: #a6a6a6;
1091
+ --text-channel-primary: #999999;
1092
1092
  --text-channel-secondary: #808080;
1093
- --text-channel-tertiary: #999999;
1094
- --text-static-dark: #ffffff;
1095
- --text-static-light: #000000;
1093
+ --text-channel-tertiary: #666666;
1094
+ --text-static-dark: #000000;
1095
+ --text-static-light: #ffffff;
1096
1096
  --icon-primary: #000000;
1097
- --icon-inverse: #ffffff;
1097
+ --icon-inverse: #000000;
1098
1098
  --icon-secondary: #262626;
1099
1099
  --icon-tertiary: #595959;
1100
- --icon-channel-primary: #999999;
1100
+ --icon-channel-primary: #666666;
1101
1101
  --icon-channel-secondary: #808080;
1102
1102
  --icon-channel-tertiary: #999999;
1103
- --border-primary: #a8a8a8;
1104
- --border-secondary: #cccccc;
1105
- --border-tertiary: #e6e6e6;
1106
- --border-channel-primary: #a8a8a8;
1107
- --border-channel-secondary: #cccccc;
1108
- --border-channel-tertiary: #e6e6e6;
1109
- --border-elevation: #cccccc;
1110
- --border-static-dark: #ffffff;
1111
- --border-static-light: #000000;
1112
- --input-fill-default: #ffffff;
1113
- --input-fill-error: #ffefef;
1114
- --input-fill-hover: #f2f2f2;
1115
- --input-fill-active: #ffffff;
1116
- --input-fill-completed: #ffffff;
1117
- --input-fill-success: #f1f8f5;
1118
- --input-fill-warning: #fff7ef;
1119
- --input-fill-info: #eff2f8;
1120
- --input-border-default: #8c8c8c;
1121
- --input-border-error: #e70300;
1122
- --input-border-hover: #6d6d6d;
1123
- --input-border-active: #595959;
1124
- --input-border-completed: #262626;
1125
- --input-border-success: #2c9365;
1126
- --input-border-warning: #cc8103;
1127
- --input-border-info: #2658a9;
1103
+ --border-primary: #575757;
1104
+ --border-secondary: #333333;
1105
+ --border-tertiary: #1a1a1a;
1106
+ --border-channel-primary: #575757;
1107
+ --border-channel-secondary: #333333;
1108
+ --border-channel-tertiary: #1a1a1a;
1109
+ --border-elevation: #333333;
1110
+ --border-static-dark: #000000;
1111
+ --border-static-light: #ffffff;
1112
+ --input-fill-default: #000000;
1113
+ --input-fill-error: #670909;
1114
+ --input-fill-hover: #0d0d0d;
1115
+ --input-fill-active: #000000;
1116
+ --input-fill-completed: #000000;
1117
+ --input-fill-success: #1b5339;
1118
+ --input-fill-warning: #664109;
1119
+ --input-fill-info: #08295a;
1120
+ --input-border-default: #737373;
1121
+ --input-border-error: #ff7268;
1122
+ --input-border-hover: #808080;
1123
+ --input-border-active: #a6a6a6;
1124
+ --input-border-completed: #d9d9d9;
1125
+ --input-border-success: #80c4a1;
1126
+ --input-border-warning: #ffc77f;
1127
+ --input-border-info: #466fb5;
1128
1128
  --input-text-default: #595959;
1129
1129
  --input-text-error: #000000;
1130
1130
  --input-text-hover: #262626;
@@ -1141,18 +1141,18 @@
1141
1141
  --input-icon-success: #2c9365;
1142
1142
  --input-icon-warning: #cc8103;
1143
1143
  --input-icon-info: #2658a9;
1144
- --messaging-fill-error: #ffefef;
1145
- --messaging-fill-success: #f1f8f5;
1146
- --messaging-fill-warning: #fff7ef;
1147
- --messaging-fill-info: #eff2f8;
1148
- --messaging-border-error: #e70300;
1149
- --messaging-border-success: #2c9365;
1150
- --messaging-border-warning: #ffba5b;
1151
- --messaging-border-info: #0d4391;
1152
- --messaging-icon-error: #e70300;
1153
- --messaging-icon-success: #2c9365;
1154
- --messaging-icon-warning: #ffba5b;
1155
- --messaging-icon-info: #0d4391;
1144
+ --messaging-fill-error: #670909;
1145
+ --messaging-fill-success: #1b5339;
1146
+ --messaging-fill-warning: #664109;
1147
+ --messaging-fill-info: #08295a;
1148
+ --messaging-border-error: #ff7268;
1149
+ --messaging-border-success: #80c4a1;
1150
+ --messaging-border-warning: #ffa722;
1151
+ --messaging-border-info: #6f8dc6;
1152
+ --messaging-icon-error: #ff7268;
1153
+ --messaging-icon-success: #80c4a1;
1154
+ --messaging-icon-warning: #ffa722;
1155
+ --messaging-icon-info: #6f8dc6;
1156
1156
  --messaging-link-text-default: #000000;
1157
1157
  --messaging-link-text-hover: #d9d9d9;
1158
1158
  --messaging-link-text-pressed: #cccccc;
@@ -1165,10 +1165,10 @@
1165
1165
  --messaging-link-underline-hover: #ffffff;
1166
1166
  --messaging-link-underline-pressed: #ffffff;
1167
1167
  --messaging-link-underline-visited: #e6e6e6;
1168
- --interactive-primary-fill-default: #000000;
1168
+ --interactive-primary-fill-default: #ffffff;
1169
1169
  --interactive-primary-fill-hover: #ffffff;
1170
1170
  --interactive-primary-fill-pressed: #ffffff;
1171
- --interactive-primary-text-default: #ffffff;
1171
+ --interactive-primary-text-default: #000000;
1172
1172
  --interactive-primary-text-hover: #ffffff;
1173
1173
  --interactive-primary-text-pressed: #ffffff;
1174
1174
  --interactive-primary-icon-default: #ffffff;
@@ -1177,7 +1177,7 @@
1177
1177
  --interactive-secondary-fill-default: #ffffff;
1178
1178
  --interactive-secondary-fill-hover: #262626;
1179
1179
  --interactive-secondary-fill-pressed: #333333;
1180
- --interactive-secondary-border-default: #737373;
1180
+ --interactive-secondary-border-default: #8c8c8c;
1181
1181
  --interactive-secondary-border-hover: #9d9d9d;
1182
1182
  --interactive-secondary-border-pressed: #a3a3a3;
1183
1183
  --interactive-secondary-text-default: #000000;
@@ -1186,22 +1186,22 @@
1186
1186
  --interactive-secondary-icon-default: #000000;
1187
1187
  --interactive-secondary-icon-hover: #ffffff;
1188
1188
  --interactive-secondary-icon-pressed: #ffffff;
1189
- --interactive-disabled-a: #d9d9d9;
1190
- --interactive-disabled-b: #bfbfbf;
1191
- --interactive-disabled-c: #a8a8a8;
1192
- --interactive-negative-fill-default: #ffffff;
1189
+ --interactive-disabled-a: #262626;
1190
+ --interactive-disabled-b: #404040;
1191
+ --interactive-disabled-c: #575757;
1192
+ --interactive-negative-fill-default: #000000;
1193
1193
  --interactive-negative-fill-hover: #000000;
1194
1194
  --interactive-negative-fill-pressed: #000000;
1195
- --interactive-negative-border-default: #ff403a;
1195
+ --interactive-negative-border-default: #ff3933;
1196
1196
  --interactive-negative-border-hover: #ff0c05;
1197
1197
  --interactive-negative-border-pressed: #f50700;
1198
- --interactive-negative-text-default: #ff403a;
1198
+ --interactive-negative-text-default: #ff3933;
1199
1199
  --interactive-negative-text-hover: #ff0c05;
1200
1200
  --interactive-negative-text-pressed: #f50700;
1201
1201
  --interactive-negative-icon-default: #ff403a;
1202
1202
  --interactive-negative-icon-hover: #ff0c05;
1203
1203
  --interactive-negative-icon-pressed: #f50700;
1204
- --interactive-link-secondary-text-default: #8c8c8c;
1204
+ --interactive-link-secondary-text-default: #737373;
1205
1205
  --interactive-link-secondary-text-hover: #626262;
1206
1206
  --interactive-link-secondary-text-pressed: #5c5c5c;
1207
1207
  --interactive-link-secondary-text-visited: #858585;
@@ -1249,7 +1249,7 @@
1249
1249
  --interactive-chip-secondary-on-text-default: #000000;
1250
1250
  --interactive-chip-secondary-on-text-hover: #d9d9d9;
1251
1251
  --interactive-chip-secondary-on-text-pressed: #cccccc;
1252
- --interactive-chip-secondary-on-fill-default: #d9d9d9;
1252
+ --interactive-chip-secondary-on-fill-default: #262626;
1253
1253
  --interactive-chip-secondary-on-fill-hover: #202020;
1254
1254
  --interactive-chip-secondary-on-fill-pressed: #1e1e1e;
1255
1255
  --interactive-chip-secondary-on-border-default: #737373;
@@ -1303,45 +1303,45 @@
1303
1303
  --interactive-chip-channel-primary-on-fill-default: #333333;
1304
1304
  --interactive-chip-channel-primary-on-fill-hover: #adadad;
1305
1305
  --interactive-chip-channel-primary-on-fill-pressed: #a3a3a3;
1306
- --interactive-chip-channel-primary-on-text-default: #ffffff;
1306
+ --interactive-chip-channel-primary-on-text-default: #000000;
1307
1307
  --interactive-chip-channel-primary-on-text-hover: #000000;
1308
1308
  --interactive-chip-channel-primary-on-text-pressed: #000000;
1309
1309
  --interactive-chip-channel-primary-on-icon-default: #ffffff;
1310
1310
  --interactive-chip-channel-primary-on-icon-hover: #000000;
1311
1311
  --interactive-chip-channel-primary-on-icon-pressed: #000000;
1312
- --active-fill: #000000;
1313
- --active-text: #ffffff;
1314
- --active-border: #737373;
1315
- --active-icon: #ffffff;
1316
- --focus-border: #737373;
1312
+ --active-fill: #ffffff;
1313
+ --active-text: #000000;
1314
+ --active-border: #8c8c8c;
1315
+ --active-icon: #000000;
1316
+ --focus-border: #8c8c8c;
1317
1317
  --label-primary: #000000;
1318
1318
  --label-secondary: #262626;
1319
1319
  --label-channel: #666666;
1320
1320
  --label-callout: #ff403a;
1321
- --flag-primary-fill: #000000;
1322
- --flag-primary-text: #f2f2f2;
1321
+ --flag-primary-fill: #ffffff;
1322
+ --flag-primary-text: #0d0d0d;
1323
1323
  --flag-primary-icon: #f2f2f2;
1324
1324
  --flag-secondary-text: #000000;
1325
1325
  --flag-secondary-icon: #000000;
1326
1326
  --flag-channel-fill: #a8a8a8;
1327
1327
  --flag-channel-text: #1a1a1a;
1328
1328
  --flag-channel-icon: #1a1a1a;
1329
- --flag-callout-fill: #ff403a;
1329
+ --flag-callout-fill: #ff3933;
1330
1330
  --flag-callout-text: #000000;
1331
1331
  --flag-callout-icon: #000000;
1332
- --toast-fill-info: #6788c4;
1333
- --toast-fill-success: #a9d8be;
1334
- --toast-fill-warning: #ffcd8b;
1335
- --toast-fill-error: #ff9f98;
1336
- --toast-icon-info: #0b2c62;
1337
- --toast-icon-success: #1b5339;
1338
- --toast-icon-warning: #7e520d;
1339
- --toast-icon-error: #670909;
1340
- --toast-text-info: #000000;
1341
- --toast-text-success: #000000;
1342
- --toast-text-error: #000000;
1343
- --toast-text-warning: #ffffff;
1344
- --toast-link-info-default: #000000;
1332
+ --toast-fill-info: #0f4aa2;
1333
+ --toast-fill-success: #2c865b;
1334
+ --toast-fill-warning: #e49307;
1335
+ --toast-fill-error: #cb0705;
1336
+ --toast-icon-info: #aabbdc;
1337
+ --toast-icon-success: #c1e1d0;
1338
+ --toast-icon-warning: #ffddb0;
1339
+ --toast-icon-error: #ffbfbb;
1340
+ --toast-text-info: #ffffff;
1341
+ --toast-text-success: #ffffff;
1342
+ --toast-text-error: #ffffff;
1343
+ --toast-text-warning: #000000;
1344
+ --toast-link-info-default: #ffffff;
1345
1345
  --toast-link-info-hover: #d9d9d9;
1346
1346
  --toast-link-info-pressed: #cccccc;
1347
1347
  --toast-link-success-default: #000000;
@@ -1350,7 +1350,7 @@
1350
1350
  --toast-link-error-default: #000000;
1351
1351
  --toast-link-error-hover: #d9d9d9;
1352
1352
  --toast-link-error-pressed: #cccccc;
1353
- --toast-link-warning-default: #ffffff;
1353
+ --toast-link-warning-default: #000000;
1354
1354
  --toast-link-warning-hover: #000000;
1355
1355
  --toast-link-warning-pressed: #000000;
1356
1356
  --tooltip-fill: #000000;
@@ -1359,22 +1359,22 @@
1359
1359
  }
1360
1360
 
1361
1361
  [data-theme="comment"] {
1362
- --surface-channel-50: #fbf5f5;
1363
- --surface-channel-100: #f2e5e8;
1364
- --surface-channel-200: #d49eab;
1365
- --surface-channel-300: #a33254;
1366
- --surface-channel-400: #6c1730;
1367
- --surface-channel-500: #3d0e1c;
1368
- --text-channel-primary: #5c1328;
1369
- --text-channel-secondary: #7d1738;
1370
- --text-channel-tertiary: #a33254;
1371
- --icon-channel-primary: #e0b3bf;
1372
- --icon-channel-secondary: #cc8799;
1362
+ --surface-channel-50: #1f060d;
1363
+ --surface-channel-100: #3d0e1c;
1364
+ --surface-channel-200: #7d1738;
1365
+ --surface-channel-300: #aa4361;
1366
+ --surface-channel-400: #c06f85;
1367
+ --surface-channel-500: #d091a4;
1368
+ --text-channel-primary: #c47c8f;
1369
+ --text-channel-secondary: #bb677d;
1370
+ --text-channel-tertiary: #aa4361;
1371
+ --icon-channel-primary: #6c1730;
1372
+ --icon-channel-secondary: #8b1c3f;
1373
1373
  --icon-channel-tertiary: #a33254;
1374
- --border-channel-primary: #cc8799;
1375
- --border-channel-secondary: #e8c8d1;
1376
- --border-channel-tertiary: #f2e5e8;
1377
- --active-border: #000000;
1374
+ --border-channel-primary: #8b1c3f;
1375
+ --border-channel-secondary: #5c1328;
1376
+ --border-channel-tertiary: #3d0e1c;
1377
+ --active-border: #ffffff;
1378
1378
  --label-channel: #a33254;
1379
1379
  --flag-channel-fill: #d49eab;
1380
1380
  --flag-channel-text: #3d0e1c;
@@ -1382,13 +1382,13 @@
1382
1382
  --interactive-negative-border-default: #ff8883;
1383
1383
  --interactive-negative-border-hover: #c40300;
1384
1384
  --interactive-negative-border-pressed: #b90200;
1385
- --interactive-negative-text-default: #ff8883;
1385
+ --interactive-negative-text-default: #e70300;
1386
1386
  --interactive-negative-text-hover: #c40300;
1387
1387
  --interactive-negative-text-pressed: #b90200;
1388
1388
  --interactive-negative-icon-default: #ff8883;
1389
1389
  --interactive-negative-icon-hover: #c40300;
1390
1390
  --interactive-negative-icon-pressed: #b90200;
1391
- --interactive-link-secondary-text-default: #737373;
1391
+ --interactive-link-secondary-text-default: #8c8c8c;
1392
1392
  --interactive-link-secondary-text-hover: #777777;
1393
1393
  --interactive-link-secondary-text-pressed: #707070;
1394
1394
  --interactive-link-secondary-text-visited: #9a9a9a;
@@ -1436,7 +1436,6 @@
1436
1436
  --interactive-chip-channel-primary-on-fill-default: #d49eab;
1437
1437
  --interactive-chip-channel-primary-on-fill-hover: #6a142f;
1438
1438
  --interactive-chip-channel-primary-on-fill-pressed: #64122c;
1439
- --interactive-chip-channel-primary-on-text-default: #000000;
1440
1439
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1441
1440
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1442
1441
  --interactive-chip-channel-primary-on-icon-default: #000000;
@@ -1445,22 +1444,22 @@
1445
1444
  }
1446
1445
 
1447
1446
  [data-theme="life-and-style"] {
1448
- --surface-channel-50: #f1fcfd;
1449
- --surface-channel-100: #dcf7fb;
1450
- --surface-channel-200: #82e2f1;
1451
- --surface-channel-300: #39a6bb;
1452
- --surface-channel-400: #1e6d7b;
1453
- --surface-channel-500: #1a3e46;
1454
- --text-channel-primary: #2ecfe8;
1455
- --text-channel-secondary: #66dcee;
1456
- --text-channel-tertiary: #9ee9f4;
1457
- --icon-channel-primary: #39a6bb;
1458
- --icon-channel-secondary: #1a8ea1;
1447
+ --surface-channel-50: #0a1f24;
1448
+ --surface-channel-100: #104149;
1449
+ --surface-channel-200: #147f91;
1450
+ --surface-channel-300: #47adbf;
1451
+ --surface-channel-400: #76c1ce;
1452
+ --surface-channel-500: #97d0da;
1453
+ --text-channel-primary: #29a3b8;
1454
+ --text-channel-secondary: #168ea3;
1455
+ --text-channel-tertiary: #116f7f;
1456
+ --icon-channel-primary: #47adbf;
1457
+ --icon-channel-secondary: #63b7c7;
1459
1458
  --icon-channel-tertiary: #9ee9f4;
1460
- --border-channel-primary: #66dcee;
1461
- --border-channel-secondary: #baeff7;
1462
- --border-channel-tertiary: #dcf7fb;
1463
- --active-border: #000000;
1459
+ --border-channel-primary: #168ea3;
1460
+ --border-channel-secondary: #0f606d;
1461
+ --border-channel-tertiary: #104149;
1462
+ --active-border: #ffffff;
1464
1463
  --label-channel: #39a6bb;
1465
1464
  --flag-channel-fill: #82e2f1;
1466
1465
  --flag-channel-text: #1a3e46;
@@ -1468,13 +1467,13 @@
1468
1467
  --interactive-negative-border-default: #ff8883;
1469
1468
  --interactive-negative-border-hover: #c40300;
1470
1469
  --interactive-negative-border-pressed: #b90200;
1471
- --interactive-negative-text-default: #ff8883;
1470
+ --interactive-negative-text-default: #e70300;
1472
1471
  --interactive-negative-text-hover: #c40300;
1473
1472
  --interactive-negative-text-pressed: #b90200;
1474
1473
  --interactive-negative-icon-default: #ff8883;
1475
1474
  --interactive-negative-icon-hover: #c40300;
1476
1475
  --interactive-negative-icon-pressed: #b90200;
1477
- --interactive-link-secondary-text-default: #737373;
1476
+ --interactive-link-secondary-text-default: #8c8c8c;
1478
1477
  --interactive-link-secondary-text-hover: #777777;
1479
1478
  --interactive-link-secondary-text-pressed: #707070;
1480
1479
  --interactive-link-secondary-text-visited: #9a9a9a;
@@ -1522,7 +1521,6 @@
1522
1521
  --interactive-chip-channel-primary-on-fill-default: #82e2f1;
1523
1522
  --interactive-chip-channel-primary-on-fill-hover: #116b7b;
1524
1523
  --interactive-chip-channel-primary-on-fill-pressed: #106574;
1525
- --interactive-chip-channel-primary-on-text-default: #000000;
1526
1524
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1527
1525
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1528
1526
  --interactive-chip-channel-primary-on-icon-default: #000000;
@@ -1531,22 +1529,22 @@
1531
1529
  }
1532
1530
 
1533
1531
  [data-theme="puzzles"] {
1534
- --surface-channel-50: #fef7f4;
1535
- --surface-channel-100: #fdede7;
1536
- --surface-channel-200: #f3c0a7;
1537
- --surface-channel-300: #e17d46;
1538
- --surface-channel-400: #9b5024;
1539
- --surface-channel-500: #5a2e17;
1540
- --text-channel-primary: #e7986b;
1541
- --text-channel-secondary: #efb392;
1542
- --text-channel-tertiary: #f6d0ba;
1543
- --icon-channel-primary: #e68854;
1544
- --icon-channel-secondary: #df7334;
1532
+ --surface-channel-50: #2c160b;
1533
+ --surface-channel-100: #5a2e17;
1534
+ --surface-channel-200: #b45c2a;
1535
+ --surface-channel-300: #e68854;
1536
+ --surface-channel-400: #eba37f;
1537
+ --surface-channel-500: #f0bb9c;
1538
+ --text-channel-primary: #e17a40;
1539
+ --text-channel-secondary: #c96930;
1540
+ --text-channel-tertiary: #9b5024;
1541
+ --icon-channel-primary: #e3824c;
1542
+ --icon-channel-secondary: #e89060;
1545
1543
  --icon-channel-tertiary: #f6d0ba;
1546
- --border-channel-primary: #efb392;
1547
- --border-channel-secondary: #f7ddcf;
1548
- --border-channel-tertiary: #fdede7;
1549
- --active-border: #000000;
1544
+ --border-channel-primary: #c96930;
1545
+ --border-channel-secondary: #864421;
1546
+ --border-channel-tertiary: #5a2e17;
1547
+ --active-border: #ffffff;
1550
1548
  --label-channel: #e17d46;
1551
1549
  --flag-channel-fill: #f3c0a7;
1552
1550
  --flag-channel-text: #5a2e17;
@@ -1554,13 +1552,13 @@
1554
1552
  --interactive-negative-border-default: #ff8883;
1555
1553
  --interactive-negative-border-hover: #c40300;
1556
1554
  --interactive-negative-border-pressed: #b90200;
1557
- --interactive-negative-text-default: #ff8883;
1555
+ --interactive-negative-text-default: #e70300;
1558
1556
  --interactive-negative-text-hover: #c40300;
1559
1557
  --interactive-negative-text-pressed: #b90200;
1560
1558
  --interactive-negative-icon-default: #ff8883;
1561
1559
  --interactive-negative-icon-hover: #c40300;
1562
1560
  --interactive-negative-icon-pressed: #b90200;
1563
- --interactive-link-secondary-text-default: #737373;
1561
+ --interactive-link-secondary-text-default: #8c8c8c;
1564
1562
  --interactive-link-secondary-text-hover: #777777;
1565
1563
  --interactive-link-secondary-text-pressed: #707070;
1566
1564
  --interactive-link-secondary-text-visited: #9a9a9a;
@@ -1608,7 +1606,6 @@
1608
1606
  --interactive-chip-channel-primary-on-fill-default: #f3c0a7;
1609
1607
  --interactive-chip-channel-primary-on-fill-hover: #994e24;
1610
1608
  --interactive-chip-channel-primary-on-fill-pressed: #904922;
1611
- --interactive-chip-channel-primary-on-text-default: #000000;
1612
1609
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1613
1610
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1614
1611
  --interactive-chip-channel-primary-on-icon-default: #000000;
@@ -1617,22 +1614,22 @@
1617
1614
  }
1618
1615
 
1619
1616
  [data-theme="home"] {
1620
- --surface-channel-50: #f4f7fd;
1621
- --surface-channel-100: #e4ebf9;
1622
- --surface-channel-200: #9cb6ea;
1623
- --surface-channel-300: #286ad0;
1624
- --surface-channel-400: #10418f;
1625
- --surface-channel-500: #0b2452;
1626
- --text-channel-primary: #124ba1;
1627
- --text-channel-secondary: #135dcb;
1628
- --text-channel-tertiary: #6d95de;
1629
- --icon-channel-primary: #9cb6ea;
1630
- --icon-channel-secondary: #6d95de;
1617
+ --surface-channel-50: #051228;
1618
+ --surface-channel-100: #0b2452;
1619
+ --surface-channel-200: #124ba1;
1620
+ --surface-channel-300: #3f77d2;
1621
+ --surface-channel-400: #6d95de;
1622
+ --surface-channel-500: #91aee5;
1623
+ --text-channel-primary: #628ddc;
1624
+ --text-channel-secondary: #4b7ed5;
1625
+ --text-channel-tertiary: #135dcb;
1626
+ --icon-channel-primary: #124ba1;
1627
+ --icon-channel-secondary: #135dcb;
1631
1628
  --icon-channel-tertiary: #6d95de;
1632
- --border-channel-primary: #82a7e3;
1633
- --border-channel-secondary: #c6d7f2;
1634
- --border-channel-tertiary: #e4ebf9;
1635
- --active-border: #000000;
1629
+ --border-channel-primary: #1053b6;
1630
+ --border-channel-secondary: #0b397a;
1631
+ --border-channel-tertiary: #0b2452;
1632
+ --active-border: #ffffff;
1636
1633
  --label-channel: #286ad0;
1637
1634
  --flag-channel-fill: #9cb6ea;
1638
1635
  --flag-channel-text: #0b2452;
@@ -1640,13 +1637,13 @@
1640
1637
  --interactive-negative-border-default: #ff8883;
1641
1638
  --interactive-negative-border-hover: #c40300;
1642
1639
  --interactive-negative-border-pressed: #b90200;
1643
- --interactive-negative-text-default: #ff8883;
1640
+ --interactive-negative-text-default: #e70300;
1644
1641
  --interactive-negative-text-hover: #c40300;
1645
1642
  --interactive-negative-text-pressed: #b90200;
1646
1643
  --interactive-negative-icon-default: #ff8883;
1647
1644
  --interactive-negative-icon-hover: #c40300;
1648
1645
  --interactive-negative-icon-pressed: #b90200;
1649
- --interactive-link-secondary-text-default: #737373;
1646
+ --interactive-link-secondary-text-default: #8c8c8c;
1650
1647
  --interactive-link-secondary-text-hover: #777777;
1651
1648
  --interactive-link-secondary-text-pressed: #707070;
1652
1649
  --interactive-link-secondary-text-visited: #9a9a9a;
@@ -1694,7 +1691,6 @@
1694
1691
  --interactive-chip-channel-primary-on-fill-default: #9cb6ea;
1695
1692
  --interactive-chip-channel-primary-on-fill-hover: #0f4089;
1696
1693
  --interactive-chip-channel-primary-on-fill-pressed: #0e3c81;
1697
- --interactive-chip-channel-primary-on-text-default: #000000;
1698
1694
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1699
1695
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1700
1696
  --interactive-chip-channel-primary-on-icon-default: #000000;
@@ -1703,22 +1699,22 @@
1703
1699
  }
1704
1700
 
1705
1701
  [data-theme="uk"] {
1706
- --surface-channel-50: #f4f7fa;
1707
- --surface-channel-100: #e7edf3;
1708
- --surface-channel-200: #a9c0d0;
1709
- --surface-channel-300: #4f7c9f;
1710
- --surface-channel-400: #2e5068;
1711
- --surface-channel-500: #1a2e3c;
1712
- --text-channel-primary: #3b6488;
1713
- --text-channel-secondary: #4f7c9f;
1714
- --text-channel-tertiary: #96b1c7;
1715
- --icon-channel-primary: #96b1c7;
1716
- --icon-channel-secondary: #7095b0;
1702
+ --surface-channel-50: #0d171f;
1703
+ --surface-channel-100: #1a2e3c;
1704
+ --surface-channel-200: #345a78;
1705
+ --surface-channel-300: #5d86a6;
1706
+ --surface-channel-400: #84a2ba;
1707
+ --surface-channel-500: #a1b8cb;
1708
+ --text-channel-primary: #7095b0;
1709
+ --text-channel-secondary: #5d86a6;
1710
+ --text-channel-tertiary: #3b6488;
1711
+ --icon-channel-primary: #3b6488;
1712
+ --icon-channel-secondary: #49799c;
1717
1713
  --icon-channel-tertiary: #96b1c7;
1718
- --border-channel-primary: #96b1c7;
1719
- --border-channel-secondary: #cfdce4;
1720
- --border-channel-tertiary: #e7edf3;
1721
- --active-border: #000000;
1714
+ --border-channel-primary: #3b6488;
1715
+ --border-channel-secondary: #28435b;
1716
+ --border-channel-tertiary: #1a2e3c;
1717
+ --active-border: #ffffff;
1722
1718
  --label-channel: #4f7c9f;
1723
1719
  --flag-channel-fill: #a9c0d0;
1724
1720
  --flag-channel-text: #1a2e3c;
@@ -1726,13 +1722,13 @@
1726
1722
  --interactive-negative-border-default: #ff8883;
1727
1723
  --interactive-negative-border-hover: #c40300;
1728
1724
  --interactive-negative-border-pressed: #b90200;
1729
- --interactive-negative-text-default: #ff8883;
1725
+ --interactive-negative-text-default: #e70300;
1730
1726
  --interactive-negative-text-hover: #c40300;
1731
1727
  --interactive-negative-text-pressed: #b90200;
1732
1728
  --interactive-negative-icon-default: #ff8883;
1733
1729
  --interactive-negative-icon-hover: #c40300;
1734
1730
  --interactive-negative-icon-pressed: #b90200;
1735
- --interactive-link-secondary-text-default: #737373;
1731
+ --interactive-link-secondary-text-default: #8c8c8c;
1736
1732
  --interactive-link-secondary-text-hover: #777777;
1737
1733
  --interactive-link-secondary-text-pressed: #707070;
1738
1734
  --interactive-link-secondary-text-visited: #9a9a9a;
@@ -1780,7 +1776,6 @@
1780
1776
  --interactive-chip-channel-primary-on-fill-default: #a9c0d0;
1781
1777
  --interactive-chip-channel-primary-on-fill-hover: #2c4d66;
1782
1778
  --interactive-chip-channel-primary-on-fill-pressed: #2a4860;
1783
- --interactive-chip-channel-primary-on-text-default: #000000;
1784
1779
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1785
1780
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1786
1781
  --interactive-chip-channel-primary-on-icon-default: #000000;
@@ -1789,22 +1784,22 @@
1789
1784
  }
1790
1785
 
1791
1786
  [data-theme="world"] {
1792
- --surface-channel-50: #f4f7f7;
1793
- --surface-channel-100: #e4edf0;
1794
- --surface-channel-200: #9bc3c5;
1795
- --surface-channel-300: #268186;
1796
- --surface-channel-400: #085358;
1797
- --surface-channel-500: #073131;
1798
- --text-channel-primary: #016d6f;
1799
- --text-channel-secondary: #268186;
1800
- --text-channel-tertiary: #85b4b6;
1801
- --icon-channel-primary: #85b4b6;
1802
- --icon-channel-secondary: #559b9d;
1787
+ --surface-channel-50: #06171a;
1788
+ --surface-channel-100: #073131;
1789
+ --surface-channel-200: #056065;
1790
+ --surface-channel-300: #3c8b90;
1791
+ --surface-channel-400: #6ea7a9;
1792
+ --surface-channel-500: #90bbbe;
1793
+ --text-channel-primary: #559b9d;
1794
+ --text-channel-secondary: #3c8b90;
1795
+ --text-channel-tertiary: #016d6f;
1796
+ --icon-channel-primary: #016d6f;
1797
+ --icon-channel-secondary: #1c7f83;
1803
1798
  --icon-channel-tertiary: #85b4b6;
1804
- --border-channel-primary: #85b4b6;
1805
- --border-channel-secondary: #c8dfde;
1806
- --border-channel-tertiary: #e4edf0;
1807
- --active-border: #000000;
1799
+ --border-channel-primary: #016d6f;
1800
+ --border-channel-secondary: #07494b;
1801
+ --border-channel-tertiary: #073131;
1802
+ --active-border: #ffffff;
1808
1803
  --label-channel: #268186;
1809
1804
  --flag-channel-fill: #9bc3c5;
1810
1805
  --flag-channel-text: #073131;
@@ -1812,13 +1807,13 @@
1812
1807
  --interactive-negative-border-default: #ff8883;
1813
1808
  --interactive-negative-border-hover: #c40300;
1814
1809
  --interactive-negative-border-pressed: #b90200;
1815
- --interactive-negative-text-default: #ff8883;
1810
+ --interactive-negative-text-default: #e70300;
1816
1811
  --interactive-negative-text-hover: #c40300;
1817
1812
  --interactive-negative-text-pressed: #b90200;
1818
1813
  --interactive-negative-icon-default: #ff8883;
1819
1814
  --interactive-negative-icon-hover: #c40300;
1820
1815
  --interactive-negative-icon-pressed: #b90200;
1821
- --interactive-link-secondary-text-default: #737373;
1816
+ --interactive-link-secondary-text-default: #8c8c8c;
1822
1817
  --interactive-link-secondary-text-hover: #777777;
1823
1818
  --interactive-link-secondary-text-pressed: #707070;
1824
1819
  --interactive-link-secondary-text-visited: #9a9a9a;
@@ -1866,7 +1861,6 @@
1866
1861
  --interactive-chip-channel-primary-on-fill-default: #9bc3c5;
1867
1862
  --interactive-chip-channel-primary-on-fill-hover: #045256;
1868
1863
  --interactive-chip-channel-primary-on-fill-pressed: #044d51;
1869
- --interactive-chip-channel-primary-on-text-default: #000000;
1870
1864
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1871
1865
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1872
1866
  --interactive-chip-channel-primary-on-icon-default: #000000;
@@ -1875,22 +1869,22 @@
1875
1869
  }
1876
1870
 
1877
1871
  [data-theme="business"] {
1878
- --surface-channel-50: #f4f7fa;
1879
- --surface-channel-100: #e4edf3;
1880
- --surface-channel-200: #a0bed3;
1881
- --surface-channel-300: #347ca4;
1882
- --surface-channel-400: #1a4e6e;
1883
- --surface-channel-500: #0f2c3f;
1884
- --text-channel-primary: #1d658d;
1885
- --text-channel-secondary: #347ca4;
1886
- --text-channel-tertiary: #89b1c9;
1887
- --icon-channel-primary: #73a2c0;
1888
- --icon-channel-secondary: #4786ac;
1872
+ --surface-channel-50: #06171f;
1873
+ --surface-channel-100: #0f2c3f;
1874
+ --surface-channel-200: #1b5b7d;
1875
+ --surface-channel-300: #4786ac;
1876
+ --surface-channel-400: #73a2c0;
1877
+ --surface-channel-500: #94b9ce;
1878
+ --text-channel-primary: #6093b6;
1879
+ --text-channel-secondary: #4786ac;
1880
+ --text-channel-tertiary: #1d658d;
1881
+ --icon-channel-primary: #21709c;
1882
+ --icon-channel-secondary: #3b7fa7;
1889
1883
  --icon-channel-tertiary: #89b1c9;
1890
- --border-channel-primary: #89b1c9;
1891
- --border-channel-secondary: #ccdce7;
1892
- --border-channel-tertiary: #e4edf3;
1893
- --active-border: #000000;
1884
+ --border-channel-primary: #1d658d;
1885
+ --border-channel-secondary: #13435e;
1886
+ --border-channel-tertiary: #0f2c3f;
1887
+ --active-border: #ffffff;
1894
1888
  --label-channel: #347ca4;
1895
1889
  --flag-channel-fill: #a0bed3;
1896
1890
  --flag-channel-text: #0f2c3f;
@@ -1898,13 +1892,13 @@
1898
1892
  --interactive-negative-border-default: #ff8883;
1899
1893
  --interactive-negative-border-hover: #c40300;
1900
1894
  --interactive-negative-border-pressed: #b90200;
1901
- --interactive-negative-text-default: #ff8883;
1895
+ --interactive-negative-text-default: #e70300;
1902
1896
  --interactive-negative-text-hover: #c40300;
1903
1897
  --interactive-negative-text-pressed: #b90200;
1904
1898
  --interactive-negative-icon-default: #ff8883;
1905
1899
  --interactive-negative-icon-hover: #c40300;
1906
1900
  --interactive-negative-icon-pressed: #b90200;
1907
- --interactive-link-secondary-text-default: #737373;
1901
+ --interactive-link-secondary-text-default: #8c8c8c;
1908
1902
  --interactive-link-secondary-text-hover: #777777;
1909
1903
  --interactive-link-secondary-text-pressed: #707070;
1910
1904
  --interactive-link-secondary-text-visited: #9a9a9a;
@@ -1952,7 +1946,6 @@
1952
1946
  --interactive-chip-channel-primary-on-fill-default: #a0bed3;
1953
1947
  --interactive-chip-channel-primary-on-fill-hover: #174d6a;
1954
1948
  --interactive-chip-channel-primary-on-fill-pressed: #164864;
1955
- --interactive-chip-channel-primary-on-text-default: #000000;
1956
1949
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1957
1950
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1958
1951
  --interactive-chip-channel-primary-on-icon-default: #000000;
@@ -1961,22 +1954,22 @@
1961
1954
  }
1962
1955
 
1963
1956
  [data-theme="money"] {
1964
- --surface-channel-50: #f7fafa;
1965
- --surface-channel-100: #ecf2f0;
1966
- --surface-channel-200: #b7d5c9;
1967
- --surface-channel-300: #65aa8d;
1968
- --surface-channel-400: #3d715d;
1969
- --surface-channel-500: #254035;
1970
- --text-channel-primary: #95c3af;
1971
- --text-channel-secondary: #b7d5c9;
1972
- --text-channel-tertiary: #d5e9e0;
1973
- --icon-channel-primary: #58a385;
1974
- --icon-channel-secondary: #65aa8d;
1957
+ --surface-channel-50: #10221c;
1958
+ --surface-channel-100: #254035;
1959
+ --surface-channel-200: #458469;
1960
+ --surface-channel-300: #71b297;
1961
+ --surface-channel-400: #95c3af;
1962
+ --surface-channel-500: #aed2c1;
1963
+ --text-channel-primary: #58a385;
1964
+ --text-channel-secondary: #458469;
1965
+ --text-channel-tertiary: #356251;
1966
+ --icon-channel-primary: #7ab79d;
1967
+ --icon-channel-secondary: #71b297;
1975
1968
  --icon-channel-tertiary: #d5e9e0;
1976
- --border-channel-primary: #a5cdbc;
1977
- --border-channel-secondary: #d5e9e0;
1978
- --border-channel-tertiary: #ecf2f0;
1979
- --active-border: #000000;
1969
+ --border-channel-primary: #519379;
1970
+ --border-channel-secondary: #356251;
1971
+ --border-channel-tertiary: #254035;
1972
+ --active-border: #ffffff;
1980
1973
  --label-channel: #65aa8d;
1981
1974
  --flag-channel-fill: #b7d5c9;
1982
1975
  --flag-channel-text: #254035;
@@ -1984,13 +1977,13 @@
1984
1977
  --interactive-negative-border-default: #ff8883;
1985
1978
  --interactive-negative-border-hover: #c40300;
1986
1979
  --interactive-negative-border-pressed: #b90200;
1987
- --interactive-negative-text-default: #ff8883;
1980
+ --interactive-negative-text-default: #e70300;
1988
1981
  --interactive-negative-text-hover: #c40300;
1989
1982
  --interactive-negative-text-pressed: #b90200;
1990
1983
  --interactive-negative-icon-default: #ff8883;
1991
1984
  --interactive-negative-icon-hover: #c40300;
1992
1985
  --interactive-negative-icon-pressed: #b90200;
1993
- --interactive-link-secondary-text-default: #737373;
1986
+ --interactive-link-secondary-text-default: #8c8c8c;
1994
1987
  --interactive-link-secondary-text-hover: #777777;
1995
1988
  --interactive-link-secondary-text-pressed: #707070;
1996
1989
  --interactive-link-secondary-text-visited: #9a9a9a;
@@ -2038,7 +2031,6 @@
2038
2031
  --interactive-chip-channel-primary-on-fill-default: #b7d5c9;
2039
2032
  --interactive-chip-channel-primary-on-fill-hover: #3b7059;
2040
2033
  --interactive-chip-channel-primary-on-fill-pressed: #376954;
2041
- --interactive-chip-channel-primary-on-text-default: #000000;
2042
2034
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2043
2035
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2044
2036
  --interactive-chip-channel-primary-on-icon-default: #000000;
@@ -2047,22 +2039,22 @@
2047
2039
  }
2048
2040
 
2049
2041
  [data-theme="sport"] {
2050
- --surface-channel-50: #f4f7f5;
2051
- --surface-channel-100: #e4ede8;
2052
- --surface-channel-200: #9bc3a9;
2053
- --surface-channel-300: #23844c;
2054
- --surface-channel-400: #04562c;
2055
- --surface-channel-500: #07311a;
2056
- --text-channel-primary: #016d38;
2057
- --text-channel-secondary: #23844c;
2058
- --text-channel-tertiary: #84b697;
2059
- --icon-channel-primary: #6ea782;
2060
- --icon-channel-secondary: #3b8e5d;
2042
+ --surface-channel-50: #06170c;
2043
+ --surface-channel-100: #07311a;
2044
+ --surface-channel-200: #006234;
2045
+ --surface-channel-300: #3b8e5d;
2046
+ --surface-channel-400: #6ea782;
2047
+ --surface-channel-500: #8fbea1;
2048
+ --text-channel-primary: #559b6f;
2049
+ --text-channel-secondary: #3b8e5d;
2050
+ --text-channel-tertiary: #016d38;
2051
+ --icon-channel-primary: #007a3f;
2052
+ --icon-channel-secondary: #2c8652;
2061
2053
  --icon-channel-tertiary: #84b697;
2062
- --border-channel-primary: #84b697;
2063
- --border-channel-secondary: #c8dfd0;
2064
- --border-channel-tertiary: #e4ede8;
2065
- --active-border: #000000;
2054
+ --border-channel-primary: #016d38;
2055
+ --border-channel-secondary: #074925;
2056
+ --border-channel-tertiary: #07311a;
2057
+ --active-border: #ffffff;
2066
2058
  --label-channel: #23844c;
2067
2059
  --flag-channel-fill: #9bc3a9;
2068
2060
  --flag-channel-text: #07311a;
@@ -2070,13 +2062,13 @@
2070
2062
  --interactive-negative-border-default: #ff8883;
2071
2063
  --interactive-negative-border-hover: #c40300;
2072
2064
  --interactive-negative-border-pressed: #b90200;
2073
- --interactive-negative-text-default: #ff8883;
2065
+ --interactive-negative-text-default: #e70300;
2074
2066
  --interactive-negative-text-hover: #c40300;
2075
2067
  --interactive-negative-text-pressed: #b90200;
2076
2068
  --interactive-negative-icon-default: #ff8883;
2077
2069
  --interactive-negative-icon-hover: #c40300;
2078
2070
  --interactive-negative-icon-pressed: #b90200;
2079
- --interactive-link-secondary-text-default: #737373;
2071
+ --interactive-link-secondary-text-default: #8c8c8c;
2080
2072
  --interactive-link-secondary-text-hover: #777777;
2081
2073
  --interactive-link-secondary-text-pressed: #707070;
2082
2074
  --interactive-link-secondary-text-visited: #9a9a9a;
@@ -2124,7 +2116,6 @@
2124
2116
  --interactive-chip-channel-primary-on-fill-default: #9bc3a9;
2125
2117
  --interactive-chip-channel-primary-on-fill-hover: #00532c;
2126
2118
  --interactive-chip-channel-primary-on-fill-pressed: #004f2a;
2127
- --interactive-chip-channel-primary-on-text-default: #000000;
2128
2119
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2129
2120
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2130
2121
  --interactive-chip-channel-primary-on-icon-default: #000000;
@@ -2133,22 +2124,22 @@
2133
2124
  }
2134
2125
 
2135
2126
  [data-theme="travel"] {
2136
- --surface-channel-50: #f4f7fa;
2137
- --surface-channel-100: #e7edf6;
2138
- --surface-channel-200: #a5c3db;
2139
- --surface-channel-300: #3c84b4;
2140
- --surface-channel-400: #1e5578;
2141
- --surface-channel-500: #113144;
2142
- --text-channel-primary: #2c79ad;
2143
- --text-channel-secondary: #4f8eb9;
2144
- --text-channel-tertiary: #a5c3db;
2145
- --icon-channel-primary: #649ac3;
2146
- --icon-channel-secondary: #3c84b4;
2127
+ --surface-channel-50: #0a1722;
2128
+ --surface-channel-100: #113144;
2129
+ --surface-channel-200: #26608b;
2130
+ --surface-channel-300: #4f8eb9;
2131
+ --surface-channel-400: #78a7ca;
2132
+ --surface-channel-500: #9abbd6;
2133
+ --text-channel-primary: #5c93be;
2134
+ --text-channel-secondary: #4386b7;
2135
+ --text-channel-tertiary: #26608b;
2136
+ --icon-channel-primary: #3b7fb2;
2137
+ --icon-channel-secondary: #4f8eb9;
2147
2138
  --icon-channel-tertiary: #a5c3db;
2148
- --border-channel-primary: #8eb6d1;
2149
- --border-channel-secondary: #cbdeec;
2150
- --border-channel-tertiary: #e7edf6;
2151
- --active-border: #000000;
2139
+ --border-channel-primary: #266d9d;
2140
+ --border-channel-secondary: #1d4869;
2141
+ --border-channel-tertiary: #113144;
2142
+ --active-border: #ffffff;
2152
2143
  --label-channel: #3c84b4;
2153
2144
  --flag-channel-fill: #a5c3db;
2154
2145
  --flag-channel-text: #113144;
@@ -2156,13 +2147,13 @@
2156
2147
  --interactive-negative-border-default: #ff8883;
2157
2148
  --interactive-negative-border-hover: #c40300;
2158
2149
  --interactive-negative-border-pressed: #b90200;
2159
- --interactive-negative-text-default: #ff8883;
2150
+ --interactive-negative-text-default: #e70300;
2160
2151
  --interactive-negative-text-hover: #c40300;
2161
2152
  --interactive-negative-text-pressed: #b90200;
2162
2153
  --interactive-negative-icon-default: #ff8883;
2163
2154
  --interactive-negative-icon-hover: #c40300;
2164
2155
  --interactive-negative-icon-pressed: #b90200;
2165
- --interactive-link-secondary-text-default: #737373;
2156
+ --interactive-link-secondary-text-default: #8c8c8c;
2166
2157
  --interactive-link-secondary-text-hover: #777777;
2167
2158
  --interactive-link-secondary-text-pressed: #707070;
2168
2159
  --interactive-link-secondary-text-visited: #9a9a9a;
@@ -2210,7 +2201,6 @@
2210
2201
  --interactive-chip-channel-primary-on-fill-default: #a5c3db;
2211
2202
  --interactive-chip-channel-primary-on-fill-hover: #205176;
2212
2203
  --interactive-chip-channel-primary-on-fill-pressed: #1e4c6f;
2213
- --interactive-chip-channel-primary-on-text-default: #000000;
2214
2204
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2215
2205
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2216
2206
  --interactive-chip-channel-primary-on-icon-default: #000000;
@@ -2219,22 +2209,22 @@
2219
2209
  }
2220
2210
 
2221
2211
  [data-theme="culture"] {
2222
- --surface-channel-50: #fbf5f7;
2223
- --surface-channel-100: #f2e5eb;
2224
- --surface-channel-200: #d19fb9;
2225
- --surface-channel-300: #9d3670;
2226
- --surface-channel-400: #671846;
2227
- --surface-channel-500: #3b0f27;
2228
- --text-channel-primary: #59173c;
2229
- --text-channel-secondary: #771c51;
2230
- --text-channel-tertiary: #a4477c;
2231
- --icon-channel-primary: #d19fb9;
2232
- --icon-channel-secondary: #ba729b;
2212
+ --surface-channel-50: #1f0915;
2213
+ --surface-channel-100: #3b0f27;
2214
+ --surface-channel-200: #771c51;
2215
+ --surface-channel-300: #a4477c;
2216
+ --surface-channel-400: #ba729b;
2217
+ --surface-channel-500: #cd94b1;
2218
+ --text-channel-primary: #c17fa2;
2219
+ --text-channel-secondary: #b56793;
2220
+ --text-channel-tertiary: #a03c75;
2221
+ --icon-channel-primary: #771c51;
2222
+ --icon-channel-secondary: #942364;
2233
2223
  --icon-channel-tertiary: #a4477c;
2234
- --border-channel-primary: #c68aaa;
2235
- --border-channel-secondary: #e5c8da;
2236
- --border-channel-tertiary: #f2e5eb;
2237
- --active-border: #000000;
2224
+ --border-channel-primary: #85205b;
2225
+ --border-channel-secondary: #59173c;
2226
+ --border-channel-tertiary: #3b0f27;
2227
+ --active-border: #ffffff;
2238
2228
  --label-channel: #9d3670;
2239
2229
  --flag-channel-fill: #d19fb9;
2240
2230
  --flag-channel-text: #3b0f27;
@@ -2242,13 +2232,13 @@
2242
2232
  --interactive-negative-border-default: #ff8883;
2243
2233
  --interactive-negative-border-hover: #c40300;
2244
2234
  --interactive-negative-border-pressed: #b90200;
2245
- --interactive-negative-text-default: #ff8883;
2235
+ --interactive-negative-text-default: #e70300;
2246
2236
  --interactive-negative-text-hover: #c40300;
2247
2237
  --interactive-negative-text-pressed: #b90200;
2248
2238
  --interactive-negative-icon-default: #ff8883;
2249
2239
  --interactive-negative-icon-hover: #c40300;
2250
2240
  --interactive-negative-icon-pressed: #b90200;
2251
- --interactive-link-secondary-text-default: #737373;
2241
+ --interactive-link-secondary-text-default: #8c8c8c;
2252
2242
  --interactive-link-secondary-text-hover: #777777;
2253
2243
  --interactive-link-secondary-text-pressed: #707070;
2254
2244
  --interactive-link-secondary-text-visited: #9a9a9a;
@@ -2296,7 +2286,6 @@
2296
2286
  --interactive-chip-channel-primary-on-fill-default: #d19fb9;
2297
2287
  --interactive-chip-channel-primary-on-fill-hover: #651845;
2298
2288
  --interactive-chip-channel-primary-on-fill-pressed: #5f1641;
2299
- --interactive-chip-channel-primary-on-text-default: #000000;
2300
2289
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2301
2290
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2302
2291
  --interactive-chip-channel-primary-on-icon-default: #000000;
@@ -2305,22 +2294,22 @@
2305
2294
  }
2306
2295
 
2307
2296
  [data-theme="obituaries"] {
2308
- --surface-channel-50: #f7f7f7;
2309
- --surface-channel-100: #ededed;
2310
- --surface-channel-200: #bdbdbd;
2311
- --surface-channel-300: #787875;
2312
- --surface-channel-400: #4d4d4a;
2313
- --surface-channel-500: #2b2b2b;
2314
- --text-channel-primary: #61615e;
2315
- --text-channel-secondary: #787875;
2316
- --text-channel-tertiary: #adadad;
2317
- --icon-channel-primary: #9e9e9b;
2318
- --icon-channel-secondary: #82827f;
2297
+ --surface-channel-50: #141414;
2298
+ --surface-channel-100: #2b2b2b;
2299
+ --surface-channel-200: #575754;
2300
+ --surface-channel-300: #82827f;
2301
+ --surface-channel-400: #9e9e9b;
2302
+ --surface-channel-500: #b5b5b5;
2303
+ --text-channel-primary: #91918f;
2304
+ --text-channel-secondary: #82827f;
2305
+ --text-channel-tertiary: #61615e;
2306
+ --icon-channel-primary: #6c6c69;
2307
+ --icon-channel-secondary: #7a7a78;
2319
2308
  --icon-channel-tertiary: #adadad;
2320
- --border-channel-primary: #adadad;
2321
- --border-channel-secondary: #dbdbd8;
2322
- --border-channel-tertiary: #ededed;
2323
- --active-border: #000000;
2309
+ --border-channel-primary: #61615e;
2310
+ --border-channel-secondary: #404040;
2311
+ --border-channel-tertiary: #2b2b2b;
2312
+ --active-border: #ffffff;
2324
2313
  --label-channel: #787875;
2325
2314
  --flag-channel-fill: #bdbdbd;
2326
2315
  --flag-channel-text: #2b2b2b;
@@ -2328,13 +2317,13 @@
2328
2317
  --interactive-negative-border-default: #ff8883;
2329
2318
  --interactive-negative-border-hover: #c40300;
2330
2319
  --interactive-negative-border-pressed: #b90200;
2331
- --interactive-negative-text-default: #ff8883;
2320
+ --interactive-negative-text-default: #e70300;
2332
2321
  --interactive-negative-text-hover: #c40300;
2333
2322
  --interactive-negative-text-pressed: #b90200;
2334
2323
  --interactive-negative-icon-default: #ff8883;
2335
2324
  --interactive-negative-icon-hover: #c40300;
2336
2325
  --interactive-negative-icon-pressed: #b90200;
2337
- --interactive-link-secondary-text-default: #737373;
2326
+ --interactive-link-secondary-text-default: #8c8c8c;
2338
2327
  --interactive-link-secondary-text-hover: #777777;
2339
2328
  --interactive-link-secondary-text-pressed: #707070;
2340
2329
  --interactive-link-secondary-text-visited: #9a9a9a;
@@ -2382,7 +2371,6 @@
2382
2371
  --interactive-chip-channel-primary-on-fill-default: #bdbdbd;
2383
2372
  --interactive-chip-channel-primary-on-fill-hover: #4a4a47;
2384
2373
  --interactive-chip-channel-primary-on-fill-pressed: #464643;
2385
- --interactive-chip-channel-primary-on-text-default: #000000;
2386
2374
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2387
2375
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2388
2376
  --interactive-chip-channel-primary-on-icon-default: #000000;
@@ -2391,22 +2379,22 @@
2391
2379
  }
2392
2380
 
2393
2381
  [data-theme="ireland"] {
2394
- --surface-channel-50: #f5f5f5;
2395
- --surface-channel-100: #e2e6e6;
2396
- --surface-channel-200: #95a9a6;
2397
- --surface-channel-300: #244b48;
2398
- --surface-channel-400: #0d2926;
2399
- --surface-channel-500: #0a1717;
2400
- --text-channel-primary: #0a1717;
2401
- --text-channel-secondary: #0b2421;
2402
- --text-channel-tertiary: #0f3d38;
2403
- --icon-channel-primary: #7e9591;
2404
- --icon-channel-secondary: #4d6f68;
2382
+ --surface-channel-50: #030d0a;
2383
+ --surface-channel-100: #0a1717;
2384
+ --surface-channel-200: #0c312e;
2385
+ --surface-channel-300: #385a57;
2386
+ --surface-channel-400: #66807d;
2387
+ --surface-channel-500: #8b9f9c;
2388
+ --text-channel-primary: #8b9f9c;
2389
+ --text-channel-secondary: #738a87;
2390
+ --text-channel-tertiary: #436461;
2391
+ --icon-channel-primary: #0d3633;
2392
+ --icon-channel-secondary: #1f4642;
2405
2393
  --icon-channel-tertiary: #0f3d38;
2406
- --border-channel-primary: #7e9591;
2407
- --border-channel-secondary: #c5cfcc;
2408
- --border-channel-tertiary: #e2e6e6;
2409
- --active-border: #000000;
2394
+ --border-channel-primary: #0d3633;
2395
+ --border-channel-secondary: #0b2421;
2396
+ --border-channel-tertiary: #0a1717;
2397
+ --active-border: #ffffff;
2410
2398
  --label-channel: #244b48;
2411
2399
  --flag-channel-fill: #95a9a6;
2412
2400
  --flag-channel-text: #0a1717;
@@ -2414,13 +2402,13 @@
2414
2402
  --interactive-negative-border-default: #ff8883;
2415
2403
  --interactive-negative-border-hover: #c40300;
2416
2404
  --interactive-negative-border-pressed: #b90200;
2417
- --interactive-negative-text-default: #ff8883;
2405
+ --interactive-negative-text-default: #e70300;
2418
2406
  --interactive-negative-text-hover: #c40300;
2419
2407
  --interactive-negative-text-pressed: #b90200;
2420
2408
  --interactive-negative-icon-default: #ff8883;
2421
2409
  --interactive-negative-icon-hover: #c40300;
2422
2410
  --interactive-negative-icon-pressed: #b90200;
2423
- --interactive-link-secondary-text-default: #737373;
2411
+ --interactive-link-secondary-text-default: #8c8c8c;
2424
2412
  --interactive-link-secondary-text-hover: #777777;
2425
2413
  --interactive-link-secondary-text-pressed: #707070;
2426
2414
  --interactive-link-secondary-text-visited: #9a9a9a;
@@ -2468,7 +2456,6 @@
2468
2456
  --interactive-chip-channel-primary-on-fill-default: #95a9a6;
2469
2457
  --interactive-chip-channel-primary-on-fill-hover: #0a2a27;
2470
2458
  --interactive-chip-channel-primary-on-fill-pressed: #0a2725;
2471
- --interactive-chip-channel-primary-on-text-default: #000000;
2472
2459
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2473
2460
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2474
2461
  --interactive-chip-channel-primary-on-icon-default: #000000;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-design-system/theme-css",
3
- "version": "2.0.2-alpha.1+9cbea6d2",
3
+ "version": "2.0.2-alpha.10+051fb6da",
4
4
  "type": "module",
5
5
  "description": "Times Design System theme package - pre-resolved color tokens for CSS",
6
6
  "keywords": [
@@ -41,5 +41,5 @@
41
41
  "url": "https://github.com/newsuk/times-design-system/issues"
42
42
  },
43
43
  "homepage": "https://github.com/newsuk/times-design-system#readme",
44
- "gitHead": "9cbea6d2ce4e4370d1894cdad4f4603ff65d8dda"
44
+ "gitHead": "051fb6da3c0fa60170996d2351347833827fb9d0"
45
45
  }