@salt-ds/theme 1.36.0 → 1.37.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.
- package/css/theme-next.css +72 -54
- package/css/theme.css +26 -26
- package/index.css +26 -26
- package/package.json +1 -1
package/css/theme-next.css
CHANGED
|
@@ -891,6 +891,15 @@
|
|
|
891
891
|
--salt-palette-alpha-contrast-low: var(--salt-color-black-15a);
|
|
892
892
|
--salt-palette-alpha-contrast-lower: var(--salt-color-black-10a);
|
|
893
893
|
--salt-palette-alpha-contrast-lowest: var(--salt-color-black-5a);
|
|
894
|
+
--salt-palette-alpha-dark-highest: var(--salt-color-black-80a);
|
|
895
|
+
--salt-palette-alpha-dark-higher: var(--salt-color-black-65a);
|
|
896
|
+
--salt-palette-alpha-dark-high: var(--salt-color-black-50a);
|
|
897
|
+
--salt-palette-alpha-dark-mediumHigh: var(--salt-color-black-40a);
|
|
898
|
+
--salt-palette-alpha-dark-medium: var(--salt-color-black-30a);
|
|
899
|
+
--salt-palette-alpha-dark-mediumLow: var(--salt-color-black-20a);
|
|
900
|
+
--salt-palette-alpha-dark-low: var(--salt-color-black-15a);
|
|
901
|
+
--salt-palette-alpha-dark-lower: var(--salt-color-black-10a);
|
|
902
|
+
--salt-palette-alpha-dark-lowest: var(--salt-color-black-5a);
|
|
894
903
|
--salt-palette-alpha-none: transparent;
|
|
895
904
|
}
|
|
896
905
|
.salt-theme-next[data-mode=dark] {
|
|
@@ -912,6 +921,15 @@
|
|
|
912
921
|
--salt-palette-alpha-contrast-low: var(--salt-color-white-15a);
|
|
913
922
|
--salt-palette-alpha-contrast-lower: var(--salt-color-white-10a);
|
|
914
923
|
--salt-palette-alpha-contrast-lowest: var(--salt-color-white-5a);
|
|
924
|
+
--salt-palette-alpha-dark-highest: var(--salt-color-black-80a);
|
|
925
|
+
--salt-palette-alpha-dark-higher: var(--salt-color-black-65a);
|
|
926
|
+
--salt-palette-alpha-dark-high: var(--salt-color-black-50a);
|
|
927
|
+
--salt-palette-alpha-dark-mediumHigh: var(--salt-color-black-40a);
|
|
928
|
+
--salt-palette-alpha-dark-medium: var(--salt-color-black-30a);
|
|
929
|
+
--salt-palette-alpha-dark-mediumLow: var(--salt-color-black-20a);
|
|
930
|
+
--salt-palette-alpha-dark-low: var(--salt-color-black-15a);
|
|
931
|
+
--salt-palette-alpha-dark-lower: var(--salt-color-black-10a);
|
|
932
|
+
--salt-palette-alpha-dark-lowest: var(--salt-color-black-5a);
|
|
915
933
|
--salt-palette-alpha-none: transparent;
|
|
916
934
|
}
|
|
917
935
|
|
|
@@ -1245,16 +1263,15 @@
|
|
|
1245
1263
|
--salt-accent-background-disabled: var(--salt-palette-accent-disabled);
|
|
1246
1264
|
--salt-accent-borderColor: var(--salt-palette-accent);
|
|
1247
1265
|
--salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
|
|
1248
|
-
--salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1249
1266
|
}
|
|
1250
1267
|
|
|
1251
1268
|
/* css/next/characteristics/actionable.css */
|
|
1252
1269
|
.salt-theme.salt-theme-next {
|
|
1253
1270
|
--salt-actionable-accented-bold-background-active: var(--salt-palette-accent-weaker);
|
|
1254
|
-
--salt-actionable-accented-bold-background-hover: var(--salt-palette-accent);
|
|
1271
|
+
--salt-actionable-accented-bold-background-hover: linear-gradient(var(--salt-palette-alpha-dark-low), var(--salt-palette-alpha-dark-low)) var(--salt-palette-accent);
|
|
1255
1272
|
--salt-actionable-accented-bold-background: var(--salt-palette-accent);
|
|
1256
1273
|
--salt-actionable-accented-bold-borderColor-active: var(--salt-palette-accent);
|
|
1257
|
-
--salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-contrast-
|
|
1274
|
+
--salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-contrast-medium);
|
|
1258
1275
|
--salt-actionable-accented-bold-borderColor: var(--salt-palette-accent);
|
|
1259
1276
|
--salt-actionable-accented-bold-foreground-active: var(--salt-palette-foreground-primary);
|
|
1260
1277
|
--salt-actionable-accented-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
@@ -1271,20 +1288,20 @@
|
|
|
1271
1288
|
--salt-actionable-accented-background-selected: var(--salt-palette-accent);
|
|
1272
1289
|
--salt-actionable-accented-borderColor-selected: var(--salt-palette-accent);
|
|
1273
1290
|
--salt-actionable-accented-foreground-selected: var(--salt-palette-foreground-primary-alt);
|
|
1274
|
-
--salt-actionable-accented-subtle-background-active: var(--salt-palette-
|
|
1275
|
-
--salt-actionable-accented-subtle-background-hover: var(--salt-palette-
|
|
1291
|
+
--salt-actionable-accented-subtle-background-active: var(--salt-palette-alpha-contrast-low);
|
|
1292
|
+
--salt-actionable-accented-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
|
|
1276
1293
|
--salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
|
|
1277
|
-
--salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-
|
|
1278
|
-
--salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-
|
|
1294
|
+
--salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1295
|
+
--salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1279
1296
|
--salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1280
1297
|
--salt-actionable-accented-subtle-foreground-active: var(--salt-palette-foreground-primary);
|
|
1281
1298
|
--salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-accent-stronger);
|
|
1282
1299
|
--salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-strong);
|
|
1283
1300
|
--salt-actionable-bold-background-active: var(--salt-palette-neutral-weaker);
|
|
1284
|
-
--salt-actionable-bold-background-hover: var(--salt-palette-neutral);
|
|
1301
|
+
--salt-actionable-bold-background-hover: linear-gradient(var(--salt-palette-alpha-dark-low), var(--salt-palette-alpha-dark-low)) var(--salt-palette-neutral);
|
|
1285
1302
|
--salt-actionable-bold-background: var(--salt-palette-neutral);
|
|
1286
1303
|
--salt-actionable-bold-borderColor-active: var(--salt-palette-neutral);
|
|
1287
|
-
--salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-contrast-
|
|
1304
|
+
--salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-contrast-medium);
|
|
1288
1305
|
--salt-actionable-bold-borderColor: var(--salt-palette-neutral);
|
|
1289
1306
|
--salt-actionable-bold-foreground-active: var(--salt-palette-foreground-primary);
|
|
1290
1307
|
--salt-actionable-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
@@ -1301,20 +1318,20 @@
|
|
|
1301
1318
|
--salt-actionable-background-selected: var(--salt-palette-neutral);
|
|
1302
1319
|
--salt-actionable-borderColor-selected: var(--salt-palette-neutral);
|
|
1303
1320
|
--salt-actionable-foreground-selected: var(--salt-palette-foreground-primary-alt);
|
|
1304
|
-
--salt-actionable-subtle-background-active: var(--salt-palette-
|
|
1305
|
-
--salt-actionable-subtle-background-hover: var(--salt-palette-
|
|
1321
|
+
--salt-actionable-subtle-background-active: var(--salt-palette-alpha-contrast-low);
|
|
1322
|
+
--salt-actionable-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
|
|
1306
1323
|
--salt-actionable-subtle-background: var(--salt-palette-alpha-none);
|
|
1307
|
-
--salt-actionable-subtle-borderColor-active: var(--salt-palette-
|
|
1308
|
-
--salt-actionable-subtle-borderColor-hover: var(--salt-palette-
|
|
1324
|
+
--salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1325
|
+
--salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1309
1326
|
--salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1310
1327
|
--salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary);
|
|
1311
1328
|
--salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary);
|
|
1312
1329
|
--salt-actionable-subtle-foreground: var(--salt-palette-foreground-primary);
|
|
1313
1330
|
--salt-actionable-negative-bold-background-active: var(--salt-palette-negative-weaker);
|
|
1314
|
-
--salt-actionable-negative-bold-background-hover: var(--salt-palette-negative);
|
|
1331
|
+
--salt-actionable-negative-bold-background-hover: linear-gradient(var(--salt-palette-alpha-dark-low), var(--salt-palette-alpha-dark-low)) var(--salt-palette-negative);
|
|
1315
1332
|
--salt-actionable-negative-bold-background: var(--salt-palette-negative);
|
|
1316
1333
|
--salt-actionable-negative-bold-borderColor-active: var(--salt-palette-negative);
|
|
1317
|
-
--salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-contrast-
|
|
1334
|
+
--salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-contrast-medium);
|
|
1318
1335
|
--salt-actionable-negative-bold-borderColor: var(--salt-palette-negative);
|
|
1319
1336
|
--salt-actionable-negative-bold-foreground-active: var(--salt-palette-foreground-primary);
|
|
1320
1337
|
--salt-actionable-negative-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
@@ -1331,20 +1348,20 @@
|
|
|
1331
1348
|
--salt-actionable-negative-background-selected: var(--salt-palette-negative);
|
|
1332
1349
|
--salt-actionable-negative-borderColor-selected: var(--salt-palette-negative);
|
|
1333
1350
|
--salt-actionable-negative-foreground-selected: var(--salt-palette-foreground-primary-alt);
|
|
1334
|
-
--salt-actionable-negative-subtle-background-active: var(--salt-palette-
|
|
1335
|
-
--salt-actionable-negative-subtle-background-hover: var(--salt-palette-
|
|
1351
|
+
--salt-actionable-negative-subtle-background-active: var(--salt-palette-alpha-contrast-low);
|
|
1352
|
+
--salt-actionable-negative-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
|
|
1336
1353
|
--salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
|
|
1337
|
-
--salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-
|
|
1338
|
-
--salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-
|
|
1354
|
+
--salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1355
|
+
--salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1339
1356
|
--salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1340
1357
|
--salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary);
|
|
1341
1358
|
--salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-negative-stronger);
|
|
1342
1359
|
--salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-strong);
|
|
1343
1360
|
--salt-actionable-positive-bold-background-active: var(--salt-palette-positive-weaker);
|
|
1344
|
-
--salt-actionable-positive-bold-background-hover: var(--salt-palette-positive);
|
|
1361
|
+
--salt-actionable-positive-bold-background-hover: linear-gradient(var(--salt-palette-alpha-dark-low), var(--salt-palette-alpha-dark-low)) var(--salt-palette-positive);
|
|
1345
1362
|
--salt-actionable-positive-bold-background: var(--salt-palette-positive);
|
|
1346
1363
|
--salt-actionable-positive-bold-borderColor-active: var(--salt-palette-positive);
|
|
1347
|
-
--salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-contrast-
|
|
1364
|
+
--salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-contrast-medium);
|
|
1348
1365
|
--salt-actionable-positive-bold-borderColor: var(--salt-palette-positive);
|
|
1349
1366
|
--salt-actionable-positive-bold-foreground-active: var(--salt-palette-foreground-primary);
|
|
1350
1367
|
--salt-actionable-positive-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
@@ -1361,20 +1378,20 @@
|
|
|
1361
1378
|
--salt-actionable-positive-background-selected: var(--salt-palette-positive);
|
|
1362
1379
|
--salt-actionable-positive-borderColor-selected: var(--salt-palette-positive);
|
|
1363
1380
|
--salt-actionable-positive-foreground-selected: var(--salt-palette-foreground-primary-alt);
|
|
1364
|
-
--salt-actionable-positive-subtle-background-active: var(--salt-palette-
|
|
1365
|
-
--salt-actionable-positive-subtle-background-hover: var(--salt-palette-
|
|
1381
|
+
--salt-actionable-positive-subtle-background-active: var(--salt-palette-alpha-contrast-low);
|
|
1382
|
+
--salt-actionable-positive-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
|
|
1366
1383
|
--salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
|
|
1367
|
-
--salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-
|
|
1368
|
-
--salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-
|
|
1384
|
+
--salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1385
|
+
--salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1369
1386
|
--salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1370
1387
|
--salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary);
|
|
1371
1388
|
--salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-positive-stronger);
|
|
1372
1389
|
--salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-strong);
|
|
1373
1390
|
--salt-actionable-caution-bold-background-active: var(--salt-palette-warning-weaker);
|
|
1374
|
-
--salt-actionable-caution-bold-background-hover: var(--salt-palette-warning);
|
|
1391
|
+
--salt-actionable-caution-bold-background-hover: linear-gradient(var(--salt-palette-alpha-dark-low), var(--salt-palette-alpha-dark-low)) var(--salt-palette-warning);
|
|
1375
1392
|
--salt-actionable-caution-bold-background: var(--salt-palette-warning);
|
|
1376
1393
|
--salt-actionable-caution-bold-borderColor-active: var(--salt-palette-warning);
|
|
1377
|
-
--salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-contrast-
|
|
1394
|
+
--salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-contrast-medium);
|
|
1378
1395
|
--salt-actionable-caution-bold-borderColor: var(--salt-palette-warning);
|
|
1379
1396
|
--salt-actionable-caution-bold-foreground-active: var(--salt-palette-foreground-primary);
|
|
1380
1397
|
--salt-actionable-caution-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
@@ -1391,11 +1408,11 @@
|
|
|
1391
1408
|
--salt-actionable-caution-background-selected: var(--salt-palette-warning);
|
|
1392
1409
|
--salt-actionable-caution-borderColor-selected: var(--salt-palette-warning);
|
|
1393
1410
|
--salt-actionable-caution-foreground-selected: var(--salt-palette-foreground-primary-alt);
|
|
1394
|
-
--salt-actionable-caution-subtle-background-active: var(--salt-palette-
|
|
1395
|
-
--salt-actionable-caution-subtle-background-hover: var(--salt-palette-
|
|
1411
|
+
--salt-actionable-caution-subtle-background-active: var(--salt-palette-alpha-contrast-low);
|
|
1412
|
+
--salt-actionable-caution-subtle-background-hover: var(--salt-palette-alpha-contrast-lower);
|
|
1396
1413
|
--salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
|
|
1397
|
-
--salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-
|
|
1398
|
-
--salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-
|
|
1414
|
+
--salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1415
|
+
--salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1399
1416
|
--salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1400
1417
|
--salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary);
|
|
1401
1418
|
--salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-stronger);
|
|
@@ -1407,102 +1424,82 @@
|
|
|
1407
1424
|
--salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
|
|
1408
1425
|
--salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
|
|
1409
1426
|
--salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
|
|
1410
|
-
--salt-category-1-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1411
1427
|
--salt-category-1-bold-background: var(--salt-palette-categorical-1);
|
|
1412
1428
|
--salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
|
|
1413
1429
|
--salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
|
|
1414
1430
|
--salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
|
|
1415
|
-
--salt-category-2-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1416
1431
|
--salt-category-2-bold-background: var(--salt-palette-categorical-2);
|
|
1417
1432
|
--salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
|
|
1418
1433
|
--salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
|
|
1419
1434
|
--salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
|
|
1420
|
-
--salt-category-3-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1421
1435
|
--salt-category-3-bold-background: var(--salt-palette-categorical-3);
|
|
1422
1436
|
--salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
|
|
1423
1437
|
--salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
|
|
1424
1438
|
--salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
|
|
1425
|
-
--salt-category-4-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1426
1439
|
--salt-category-4-bold-background: var(--salt-palette-categorical-4);
|
|
1427
1440
|
--salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
|
|
1428
1441
|
--salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
|
|
1429
1442
|
--salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
|
|
1430
|
-
--salt-category-5-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1431
1443
|
--salt-category-5-bold-background: var(--salt-palette-categorical-5);
|
|
1432
1444
|
--salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
|
|
1433
1445
|
--salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
|
|
1434
1446
|
--salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
|
|
1435
|
-
--salt-category-6-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1436
1447
|
--salt-category-6-bold-background: var(--salt-palette-categorical-6);
|
|
1437
1448
|
--salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
|
|
1438
1449
|
--salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
|
|
1439
1450
|
--salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
|
|
1440
|
-
--salt-category-7-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1441
1451
|
--salt-category-7-bold-background: var(--salt-palette-categorical-7);
|
|
1442
1452
|
--salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
|
|
1443
1453
|
--salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
|
|
1444
1454
|
--salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
|
|
1445
|
-
--salt-category-8-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1446
1455
|
--salt-category-8-bold-background: var(--salt-palette-categorical-8);
|
|
1447
1456
|
--salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
|
|
1448
1457
|
--salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
|
|
1449
1458
|
--salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
|
|
1450
|
-
--salt-category-9-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1451
1459
|
--salt-category-9-bold-background: var(--salt-palette-categorical-9);
|
|
1452
1460
|
--salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
|
|
1453
1461
|
--salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
|
|
1454
1462
|
--salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
|
|
1455
|
-
--salt-category-10-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1456
1463
|
--salt-category-10-bold-background: var(--salt-palette-categorical-10);
|
|
1457
1464
|
--salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
|
|
1458
1465
|
--salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
|
|
1459
1466
|
--salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
|
|
1460
|
-
--salt-category-11-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1461
1467
|
--salt-category-11-bold-background: var(--salt-palette-categorical-11);
|
|
1462
1468
|
--salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
|
|
1463
1469
|
--salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
|
|
1464
1470
|
--salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
|
|
1465
|
-
--salt-category-12-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1466
1471
|
--salt-category-12-bold-background: var(--salt-palette-categorical-12);
|
|
1467
1472
|
--salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
|
|
1468
1473
|
--salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
|
|
1469
1474
|
--salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
|
|
1470
|
-
--salt-category-13-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1471
1475
|
--salt-category-13-bold-background: var(--salt-palette-categorical-13);
|
|
1472
1476
|
--salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
|
|
1473
1477
|
--salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
|
|
1474
1478
|
--salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
|
|
1475
|
-
--salt-category-14-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1476
1479
|
--salt-category-14-bold-background: var(--salt-palette-categorical-14);
|
|
1477
1480
|
--salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
|
|
1478
1481
|
--salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
|
|
1479
1482
|
--salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
|
|
1480
|
-
--salt-category-15-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1481
1483
|
--salt-category-15-bold-background: var(--salt-palette-categorical-15);
|
|
1482
1484
|
--salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
|
|
1483
1485
|
--salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
|
|
1484
1486
|
--salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
|
|
1485
|
-
--salt-category-16-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1486
1487
|
--salt-category-16-bold-background: var(--salt-palette-categorical-16);
|
|
1487
1488
|
--salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
|
|
1488
1489
|
--salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
|
|
1489
1490
|
--salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
|
|
1490
|
-
--salt-category-17-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1491
1491
|
--salt-category-17-bold-background: var(--salt-palette-categorical-17);
|
|
1492
1492
|
--salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
|
|
1493
1493
|
--salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
|
|
1494
1494
|
--salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
|
|
1495
|
-
--salt-category-18-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1496
1495
|
--salt-category-18-bold-background: var(--salt-palette-categorical-18);
|
|
1497
1496
|
--salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
|
|
1498
1497
|
--salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
|
|
1499
1498
|
--salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
|
|
1500
|
-
--salt-category-19-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1501
1499
|
--salt-category-19-bold-background: var(--salt-palette-categorical-19);
|
|
1502
1500
|
--salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
|
|
1503
1501
|
--salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
|
|
1504
1502
|
--salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
|
|
1505
|
-
--salt-category-20-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1506
1503
|
--salt-category-20-bold-background: var(--salt-palette-categorical-20);
|
|
1507
1504
|
}
|
|
1508
1505
|
|
|
@@ -1534,10 +1531,7 @@
|
|
|
1534
1531
|
--salt-content-attention-foreground: var(--salt-palette-negative-strong);
|
|
1535
1532
|
--salt-content-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1536
1533
|
--salt-content-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
1537
|
-
--salt-content-foreground-hover: var(--salt-palette-accent-strong);
|
|
1538
|
-
--salt-content-foreground-active: var(--salt-palette-accent-stronger);
|
|
1539
1534
|
--salt-content-foreground-visited: var(--salt-palette-foreground-visited);
|
|
1540
|
-
--salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
|
|
1541
1535
|
}
|
|
1542
1536
|
|
|
1543
1537
|
/* css/next/characteristics/editable.css */
|
|
@@ -2105,6 +2099,30 @@
|
|
|
2105
2099
|
--salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2106
2100
|
--salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
|
|
2107
2101
|
--salt-separable-background: var(--salt-palette-alpha-none);
|
|
2102
|
+
--salt-category-1-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2103
|
+
--salt-category-2-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2104
|
+
--salt-category-3-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2105
|
+
--salt-category-4-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2106
|
+
--salt-category-5-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2107
|
+
--salt-category-6-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2108
|
+
--salt-category-7-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2109
|
+
--salt-category-8-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2110
|
+
--salt-category-9-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2111
|
+
--salt-category-10-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2112
|
+
--salt-category-11-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2113
|
+
--salt-category-12-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2114
|
+
--salt-category-13-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2115
|
+
--salt-category-14-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2116
|
+
--salt-category-15-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2117
|
+
--salt-category-16-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2118
|
+
--salt-category-17-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2119
|
+
--salt-category-18-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2120
|
+
--salt-category-19-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2121
|
+
--salt-category-20-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2122
|
+
--salt-accent-foreground: var(--salt-palette-foreground-primary-alt);
|
|
2123
|
+
--salt-content-foreground-highlight: var(--salt-palette-accent-weaker);
|
|
2124
|
+
--salt-content-foreground-active: var(--salt-palette-accent-stronger);
|
|
2125
|
+
--salt-content-foreground-hover: var(--salt-palette-accent-strong);
|
|
2108
2126
|
}
|
|
2109
2127
|
|
|
2110
2128
|
/* css/next/deprecated/foundations.css */
|
package/css/theme.css
CHANGED
|
@@ -1122,13 +1122,11 @@
|
|
|
1122
1122
|
.salt-theme[data-mode=light] {
|
|
1123
1123
|
--salt-palette-accent: var(--salt-color-blue-500);
|
|
1124
1124
|
--salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
|
|
1125
|
-
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
1126
1125
|
--salt-palette-accent-foreground-informative: var(--salt-color-blue-600);
|
|
1127
1126
|
}
|
|
1128
1127
|
.salt-theme[data-mode=dark] {
|
|
1129
1128
|
--salt-palette-accent: var(--salt-color-blue-500);
|
|
1130
1129
|
--salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
|
|
1131
|
-
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
1132
1130
|
--salt-palette-accent-foreground-informative: var(--salt-color-blue-200);
|
|
1133
1131
|
}
|
|
1134
1132
|
|
|
@@ -1585,7 +1583,6 @@
|
|
|
1585
1583
|
--salt-accent-background-disabled: var(--salt-palette-accent-disabled);
|
|
1586
1584
|
--salt-accent-borderColor: var(--salt-palette-accent);
|
|
1587
1585
|
--salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
|
|
1588
|
-
--salt-accent-foreground: var(--salt-palette-accent-foreground);
|
|
1589
1586
|
}
|
|
1590
1587
|
|
|
1591
1588
|
/* css/legacy/characteristics/actionable.css */
|
|
@@ -1747,102 +1744,82 @@
|
|
|
1747
1744
|
--salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
|
|
1748
1745
|
--salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
|
|
1749
1746
|
--salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
|
|
1750
|
-
--salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1751
1747
|
--salt-category-1-bold-background: var(--salt-palette-categorical-1);
|
|
1752
1748
|
--salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
|
|
1753
1749
|
--salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
|
|
1754
1750
|
--salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
|
|
1755
|
-
--salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1756
1751
|
--salt-category-2-bold-background: var(--salt-palette-categorical-2);
|
|
1757
1752
|
--salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
|
|
1758
1753
|
--salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
|
|
1759
1754
|
--salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
|
|
1760
|
-
--salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1761
1755
|
--salt-category-3-bold-background: var(--salt-palette-categorical-3);
|
|
1762
1756
|
--salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
|
|
1763
1757
|
--salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
|
|
1764
1758
|
--salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
|
|
1765
|
-
--salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1766
1759
|
--salt-category-4-bold-background: var(--salt-palette-categorical-4);
|
|
1767
1760
|
--salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
|
|
1768
1761
|
--salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
|
|
1769
1762
|
--salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
|
|
1770
|
-
--salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1771
1763
|
--salt-category-5-bold-background: var(--salt-palette-categorical-5);
|
|
1772
1764
|
--salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
|
|
1773
1765
|
--salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
|
|
1774
1766
|
--salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
|
|
1775
|
-
--salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1776
1767
|
--salt-category-6-bold-background: var(--salt-palette-categorical-6);
|
|
1777
1768
|
--salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
|
|
1778
1769
|
--salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
|
|
1779
1770
|
--salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
|
|
1780
|
-
--salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1781
1771
|
--salt-category-7-bold-background: var(--salt-palette-categorical-7);
|
|
1782
1772
|
--salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
|
|
1783
1773
|
--salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
|
|
1784
1774
|
--salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
|
|
1785
|
-
--salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1786
1775
|
--salt-category-8-bold-background: var(--salt-palette-categorical-8);
|
|
1787
1776
|
--salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
|
|
1788
1777
|
--salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
|
|
1789
1778
|
--salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
|
|
1790
|
-
--salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1791
1779
|
--salt-category-9-bold-background: var(--salt-palette-categorical-9);
|
|
1792
1780
|
--salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
|
|
1793
1781
|
--salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
|
|
1794
1782
|
--salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
|
|
1795
|
-
--salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1796
1783
|
--salt-category-10-bold-background: var(--salt-palette-categorical-10);
|
|
1797
1784
|
--salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
|
|
1798
1785
|
--salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
|
|
1799
1786
|
--salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
|
|
1800
|
-
--salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1801
1787
|
--salt-category-11-bold-background: var(--salt-palette-categorical-11);
|
|
1802
1788
|
--salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
|
|
1803
1789
|
--salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
|
|
1804
1790
|
--salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
|
|
1805
|
-
--salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1806
1791
|
--salt-category-12-bold-background: var(--salt-palette-categorical-12);
|
|
1807
1792
|
--salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
|
|
1808
1793
|
--salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
|
|
1809
1794
|
--salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
|
|
1810
|
-
--salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1811
1795
|
--salt-category-13-bold-background: var(--salt-palette-categorical-13);
|
|
1812
1796
|
--salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
|
|
1813
1797
|
--salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
|
|
1814
1798
|
--salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
|
|
1815
|
-
--salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1816
1799
|
--salt-category-14-bold-background: var(--salt-palette-categorical-14);
|
|
1817
1800
|
--salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
|
|
1818
1801
|
--salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
|
|
1819
1802
|
--salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
|
|
1820
|
-
--salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1821
1803
|
--salt-category-15-bold-background: var(--salt-palette-categorical-15);
|
|
1822
1804
|
--salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
|
|
1823
1805
|
--salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
|
|
1824
1806
|
--salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
|
|
1825
|
-
--salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1826
1807
|
--salt-category-16-bold-background: var(--salt-palette-categorical-16);
|
|
1827
1808
|
--salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
|
|
1828
1809
|
--salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
|
|
1829
1810
|
--salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
|
|
1830
|
-
--salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1831
1811
|
--salt-category-17-bold-background: var(--salt-palette-categorical-17);
|
|
1832
1812
|
--salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
|
|
1833
1813
|
--salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
|
|
1834
1814
|
--salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
|
|
1835
|
-
--salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1836
1815
|
--salt-category-18-bold-background: var(--salt-palette-categorical-18);
|
|
1837
1816
|
--salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
|
|
1838
1817
|
--salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
|
|
1839
1818
|
--salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
|
|
1840
|
-
--salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1841
1819
|
--salt-category-19-bold-background: var(--salt-palette-categorical-19);
|
|
1842
1820
|
--salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
|
|
1843
1821
|
--salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
|
|
1844
1822
|
--salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
|
|
1845
|
-
--salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1846
1823
|
--salt-category-20-bold-background: var(--salt-palette-categorical-20);
|
|
1847
1824
|
}
|
|
1848
1825
|
|
|
@@ -1874,10 +1851,7 @@
|
|
|
1874
1851
|
--salt-content-attention-foreground: var(--salt-palette-negative-foreground);
|
|
1875
1852
|
--salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
1876
1853
|
--salt-content-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
1877
|
-
--salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
|
|
1878
|
-
--salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
|
|
1879
1854
|
--salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
|
|
1880
|
-
--salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
|
|
1881
1855
|
}
|
|
1882
1856
|
|
|
1883
1857
|
/* css/legacy/characteristics/editable.css */
|
|
@@ -2487,6 +2461,7 @@
|
|
|
2487
2461
|
--salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);
|
|
2488
2462
|
--salt-navigable-background-hover: var(--salt-palette-alpha-contrast-lowest);
|
|
2489
2463
|
--salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
|
|
2464
|
+
--salt-accent-foreground: var(--salt-palette-accent-foreground);
|
|
2490
2465
|
--salt-track-background: var(--salt-palette-track-background);
|
|
2491
2466
|
--salt-track-background-disabled: var(--salt-palette-track-background-disabled);
|
|
2492
2467
|
--salt-track-borderColor: var(--salt-palette-neutral-border);
|
|
@@ -2581,6 +2556,29 @@
|
|
|
2581
2556
|
--salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2582
2557
|
--salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
2583
2558
|
--salt-separable-background: var(--salt-palette-alpha-none);
|
|
2559
|
+
--salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2560
|
+
--salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2561
|
+
--salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2562
|
+
--salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2563
|
+
--salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2564
|
+
--salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2565
|
+
--salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2566
|
+
--salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2567
|
+
--salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2568
|
+
--salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2569
|
+
--salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2570
|
+
--salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2571
|
+
--salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2572
|
+
--salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2573
|
+
--salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2574
|
+
--salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2575
|
+
--salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2576
|
+
--salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2577
|
+
--salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2578
|
+
--salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2579
|
+
--salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
|
|
2580
|
+
--salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
|
|
2581
|
+
--salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
|
|
2584
2582
|
}
|
|
2585
2583
|
|
|
2586
2584
|
/* css/legacy/deprecated/fade.css */
|
|
@@ -2769,6 +2767,7 @@
|
|
|
2769
2767
|
--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
|
|
2770
2768
|
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
2771
2769
|
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
|
|
2770
|
+
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
2772
2771
|
--salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
|
|
2773
2772
|
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
2774
2773
|
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
@@ -2858,6 +2857,7 @@
|
|
|
2858
2857
|
--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
|
|
2859
2858
|
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
2860
2859
|
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
|
|
2860
|
+
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
2861
2861
|
--salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
|
|
2862
2862
|
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
2863
2863
|
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
package/index.css
CHANGED
|
@@ -1162,13 +1162,11 @@
|
|
|
1162
1162
|
.salt-theme[data-mode=light] {
|
|
1163
1163
|
--salt-palette-accent: var(--salt-color-blue-500);
|
|
1164
1164
|
--salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
|
|
1165
|
-
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
1166
1165
|
--salt-palette-accent-foreground-informative: var(--salt-color-blue-600);
|
|
1167
1166
|
}
|
|
1168
1167
|
.salt-theme[data-mode=dark] {
|
|
1169
1168
|
--salt-palette-accent: var(--salt-color-blue-500);
|
|
1170
1169
|
--salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
|
|
1171
|
-
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
1172
1170
|
--salt-palette-accent-foreground-informative: var(--salt-color-blue-200);
|
|
1173
1171
|
}
|
|
1174
1172
|
|
|
@@ -1625,7 +1623,6 @@
|
|
|
1625
1623
|
--salt-accent-background-disabled: var(--salt-palette-accent-disabled);
|
|
1626
1624
|
--salt-accent-borderColor: var(--salt-palette-accent);
|
|
1627
1625
|
--salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
|
|
1628
|
-
--salt-accent-foreground: var(--salt-palette-accent-foreground);
|
|
1629
1626
|
}
|
|
1630
1627
|
|
|
1631
1628
|
/* css/legacy/characteristics/actionable.css */
|
|
@@ -1787,102 +1784,82 @@
|
|
|
1787
1784
|
--salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
|
|
1788
1785
|
--salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
|
|
1789
1786
|
--salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
|
|
1790
|
-
--salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1791
1787
|
--salt-category-1-bold-background: var(--salt-palette-categorical-1);
|
|
1792
1788
|
--salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
|
|
1793
1789
|
--salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
|
|
1794
1790
|
--salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
|
|
1795
|
-
--salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1796
1791
|
--salt-category-2-bold-background: var(--salt-palette-categorical-2);
|
|
1797
1792
|
--salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
|
|
1798
1793
|
--salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
|
|
1799
1794
|
--salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
|
|
1800
|
-
--salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1801
1795
|
--salt-category-3-bold-background: var(--salt-palette-categorical-3);
|
|
1802
1796
|
--salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
|
|
1803
1797
|
--salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
|
|
1804
1798
|
--salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
|
|
1805
|
-
--salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1806
1799
|
--salt-category-4-bold-background: var(--salt-palette-categorical-4);
|
|
1807
1800
|
--salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
|
|
1808
1801
|
--salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
|
|
1809
1802
|
--salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
|
|
1810
|
-
--salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1811
1803
|
--salt-category-5-bold-background: var(--salt-palette-categorical-5);
|
|
1812
1804
|
--salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
|
|
1813
1805
|
--salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
|
|
1814
1806
|
--salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
|
|
1815
|
-
--salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1816
1807
|
--salt-category-6-bold-background: var(--salt-palette-categorical-6);
|
|
1817
1808
|
--salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
|
|
1818
1809
|
--salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
|
|
1819
1810
|
--salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
|
|
1820
|
-
--salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1821
1811
|
--salt-category-7-bold-background: var(--salt-palette-categorical-7);
|
|
1822
1812
|
--salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
|
|
1823
1813
|
--salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
|
|
1824
1814
|
--salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
|
|
1825
|
-
--salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1826
1815
|
--salt-category-8-bold-background: var(--salt-palette-categorical-8);
|
|
1827
1816
|
--salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
|
|
1828
1817
|
--salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
|
|
1829
1818
|
--salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
|
|
1830
|
-
--salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1831
1819
|
--salt-category-9-bold-background: var(--salt-palette-categorical-9);
|
|
1832
1820
|
--salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
|
|
1833
1821
|
--salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
|
|
1834
1822
|
--salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
|
|
1835
|
-
--salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1836
1823
|
--salt-category-10-bold-background: var(--salt-palette-categorical-10);
|
|
1837
1824
|
--salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
|
|
1838
1825
|
--salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
|
|
1839
1826
|
--salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
|
|
1840
|
-
--salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1841
1827
|
--salt-category-11-bold-background: var(--salt-palette-categorical-11);
|
|
1842
1828
|
--salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
|
|
1843
1829
|
--salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
|
|
1844
1830
|
--salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
|
|
1845
|
-
--salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1846
1831
|
--salt-category-12-bold-background: var(--salt-palette-categorical-12);
|
|
1847
1832
|
--salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
|
|
1848
1833
|
--salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
|
|
1849
1834
|
--salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
|
|
1850
|
-
--salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1851
1835
|
--salt-category-13-bold-background: var(--salt-palette-categorical-13);
|
|
1852
1836
|
--salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
|
|
1853
1837
|
--salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
|
|
1854
1838
|
--salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
|
|
1855
|
-
--salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1856
1839
|
--salt-category-14-bold-background: var(--salt-palette-categorical-14);
|
|
1857
1840
|
--salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
|
|
1858
1841
|
--salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
|
|
1859
1842
|
--salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
|
|
1860
|
-
--salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1861
1843
|
--salt-category-15-bold-background: var(--salt-palette-categorical-15);
|
|
1862
1844
|
--salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
|
|
1863
1845
|
--salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
|
|
1864
1846
|
--salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
|
|
1865
|
-
--salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1866
1847
|
--salt-category-16-bold-background: var(--salt-palette-categorical-16);
|
|
1867
1848
|
--salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
|
|
1868
1849
|
--salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
|
|
1869
1850
|
--salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
|
|
1870
|
-
--salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1871
1851
|
--salt-category-17-bold-background: var(--salt-palette-categorical-17);
|
|
1872
1852
|
--salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
|
|
1873
1853
|
--salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
|
|
1874
1854
|
--salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
|
|
1875
|
-
--salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1876
1855
|
--salt-category-18-bold-background: var(--salt-palette-categorical-18);
|
|
1877
1856
|
--salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
|
|
1878
1857
|
--salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
|
|
1879
1858
|
--salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
|
|
1880
|
-
--salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1881
1859
|
--salt-category-19-bold-background: var(--salt-palette-categorical-19);
|
|
1882
1860
|
--salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
|
|
1883
1861
|
--salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
|
|
1884
1862
|
--salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
|
|
1885
|
-
--salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
|
|
1886
1863
|
--salt-category-20-bold-background: var(--salt-palette-categorical-20);
|
|
1887
1864
|
}
|
|
1888
1865
|
|
|
@@ -1914,10 +1891,7 @@
|
|
|
1914
1891
|
--salt-content-attention-foreground: var(--salt-palette-negative-foreground);
|
|
1915
1892
|
--salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
1916
1893
|
--salt-content-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
1917
|
-
--salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
|
|
1918
|
-
--salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
|
|
1919
1894
|
--salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
|
|
1920
|
-
--salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
|
|
1921
1895
|
}
|
|
1922
1896
|
|
|
1923
1897
|
/* css/legacy/characteristics/editable.css */
|
|
@@ -2527,6 +2501,7 @@
|
|
|
2527
2501
|
--salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);
|
|
2528
2502
|
--salt-navigable-background-hover: var(--salt-palette-alpha-contrast-lowest);
|
|
2529
2503
|
--salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
|
|
2504
|
+
--salt-accent-foreground: var(--salt-palette-accent-foreground);
|
|
2530
2505
|
--salt-track-background: var(--salt-palette-track-background);
|
|
2531
2506
|
--salt-track-background-disabled: var(--salt-palette-track-background-disabled);
|
|
2532
2507
|
--salt-track-borderColor: var(--salt-palette-neutral-border);
|
|
@@ -2621,6 +2596,29 @@
|
|
|
2621
2596
|
--salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2622
2597
|
--salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
2623
2598
|
--salt-separable-background: var(--salt-palette-alpha-none);
|
|
2599
|
+
--salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2600
|
+
--salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2601
|
+
--salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2602
|
+
--salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2603
|
+
--salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2604
|
+
--salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2605
|
+
--salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2606
|
+
--salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2607
|
+
--salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2608
|
+
--salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2609
|
+
--salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2610
|
+
--salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2611
|
+
--salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2612
|
+
--salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2613
|
+
--salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2614
|
+
--salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2615
|
+
--salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2616
|
+
--salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2617
|
+
--salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2618
|
+
--salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
|
|
2619
|
+
--salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
|
|
2620
|
+
--salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
|
|
2621
|
+
--salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
|
|
2624
2622
|
}
|
|
2625
2623
|
|
|
2626
2624
|
/* css/legacy/deprecated/fade.css */
|
|
@@ -2809,6 +2807,7 @@
|
|
|
2809
2807
|
--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
|
|
2810
2808
|
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
2811
2809
|
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
|
|
2810
|
+
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
2812
2811
|
--salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
|
|
2813
2812
|
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
2814
2813
|
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
@@ -2898,6 +2897,7 @@
|
|
|
2898
2897
|
--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
|
|
2899
2898
|
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
2900
2899
|
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
|
|
2900
|
+
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
2901
2901
|
--salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
|
|
2902
2902
|
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
2903
2903
|
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|