@primer/primitives 8.2.4-rc.8aeeb948 → 8.2.4-rc.9292002d
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/dist/css/functional/themes/dark-high-contrast.css +72 -72
- package/dist/css/functional/themes/light-colorblind.css +22 -22
- package/dist/css/functional/themes/light-high-contrast.css +30 -30
- package/dist/css/functional/themes/light-tritanopia.css +22 -22
- package/dist/css/functional/themes/light.css +10 -10
- package/dist/docs/functional/themes/dark-high-contrast.json +99 -91
- package/dist/docs/functional/themes/light-colorblind.json +165 -171
- package/dist/docs/functional/themes/light-high-contrast.json +188 -184
- package/dist/docs/functional/themes/light-tritanopia.json +163 -169
- package/dist/docs/functional/themes/light.json +157 -155
- package/dist/figma/themes/dark-high-contrast.json +99 -98
- package/dist/figma/themes/light-colorblind.json +213 -214
- package/dist/figma/themes/light-high-contrast.json +171 -169
- package/dist/figma/themes/light-tritanopia.json +212 -213
- package/dist/figma/themes/light.json +135 -134
- package/dist/internalCss/dark-high-contrast.css +72 -72
- package/dist/internalCss/light-colorblind.css +22 -22
- package/dist/internalCss/light-high-contrast.css +30 -30
- package/dist/internalCss/light-tritanopia.css +22 -22
- package/dist/internalCss/light.css +10 -10
- package/dist/styleLint/functional/themes/dark-high-contrast.json +99 -91
- package/dist/styleLint/functional/themes/light-colorblind.json +165 -171
- package/dist/styleLint/functional/themes/light-high-contrast.json +188 -184
- package/dist/styleLint/functional/themes/light-tritanopia.json +163 -169
- package/dist/styleLint/functional/themes/light.json +157 -155
- package/package.json +1 -1
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +108 -2
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +46 -0
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
- package/src/tokens/functional/color/light/primitives-light.json5 +63 -62
|
@@ -988,45 +988,6 @@
|
|
|
988
988
|
"web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
|
|
989
989
|
}
|
|
990
990
|
},
|
|
991
|
-
{
|
|
992
|
-
"name": "borderColor/upsell-emphasis",
|
|
993
|
-
"value": {
|
|
994
|
-
"r": 0.5098039215686274,
|
|
995
|
-
"g": 0.3137254901960784,
|
|
996
|
-
"b": 0.8745098039215686,
|
|
997
|
-
"a": 1
|
|
998
|
-
},
|
|
999
|
-
"type": "COLOR",
|
|
1000
|
-
"refId": "mode/borderColor/upsell-emphasis",
|
|
1001
|
-
"reference": "base/color/light/base/color/purple/5",
|
|
1002
|
-
"collection": "mode",
|
|
1003
|
-
"mode": "light",
|
|
1004
|
-
"group": "semantic",
|
|
1005
|
-
"scopes": ["STROKE_COLOR"],
|
|
1006
|
-
"codeSyntax": {
|
|
1007
|
-
"web": "var(--borderColor-upsell-emphasis)"
|
|
1008
|
-
}
|
|
1009
|
-
},
|
|
1010
|
-
{
|
|
1011
|
-
"name": "borderColor/upsell-muted",
|
|
1012
|
-
"value": {
|
|
1013
|
-
"r": 0.7607843137254902,
|
|
1014
|
-
"g": 0.592156862745098,
|
|
1015
|
-
"b": 1,
|
|
1016
|
-
"a": 0.4
|
|
1017
|
-
},
|
|
1018
|
-
"type": "COLOR",
|
|
1019
|
-
"alpha": 0.4,
|
|
1020
|
-
"refId": "mode/borderColor/upsell-muted",
|
|
1021
|
-
"reference": "base/color/light/base/color/purple/3",
|
|
1022
|
-
"collection": "mode",
|
|
1023
|
-
"mode": "light",
|
|
1024
|
-
"group": "semantic",
|
|
1025
|
-
"scopes": ["STROKE_COLOR"],
|
|
1026
|
-
"codeSyntax": {
|
|
1027
|
-
"web": "var(--borderColor-upsell-muted)"
|
|
1028
|
-
}
|
|
1029
|
-
},
|
|
1030
991
|
{
|
|
1031
992
|
"name": "borderColor/done-emphasis",
|
|
1032
993
|
"value": {
|
|
@@ -1439,44 +1400,6 @@
|
|
|
1439
1400
|
"web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
|
|
1440
1401
|
}
|
|
1441
1402
|
},
|
|
1442
|
-
{
|
|
1443
|
-
"name": "bgColor/upsell-emphasis",
|
|
1444
|
-
"value": {
|
|
1445
|
-
"r": 0.5098039215686274,
|
|
1446
|
-
"g": 0.3137254901960784,
|
|
1447
|
-
"b": 0.8745098039215686,
|
|
1448
|
-
"a": 1
|
|
1449
|
-
},
|
|
1450
|
-
"type": "COLOR",
|
|
1451
|
-
"refId": "mode/bgColor/upsell-emphasis",
|
|
1452
|
-
"reference": "base/color/light/base/color/purple/5",
|
|
1453
|
-
"collection": "mode",
|
|
1454
|
-
"mode": "light",
|
|
1455
|
-
"group": "semantic",
|
|
1456
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1457
|
-
"codeSyntax": {
|
|
1458
|
-
"web": "var(--bgColor-upsell-emphasis)"
|
|
1459
|
-
}
|
|
1460
|
-
},
|
|
1461
|
-
{
|
|
1462
|
-
"name": "bgColor/upsell-muted",
|
|
1463
|
-
"value": {
|
|
1464
|
-
"r": 0.984313725490196,
|
|
1465
|
-
"g": 0.9372549019607843,
|
|
1466
|
-
"b": 1,
|
|
1467
|
-
"a": 1
|
|
1468
|
-
},
|
|
1469
|
-
"type": "COLOR",
|
|
1470
|
-
"refId": "mode/bgColor/upsell-muted",
|
|
1471
|
-
"reference": "base/color/light/base/color/purple/0",
|
|
1472
|
-
"collection": "mode",
|
|
1473
|
-
"mode": "light",
|
|
1474
|
-
"group": "semantic",
|
|
1475
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1476
|
-
"codeSyntax": {
|
|
1477
|
-
"web": "var(--bgColor-upsell-muted)"
|
|
1478
|
-
}
|
|
1479
|
-
},
|
|
1480
1403
|
{
|
|
1481
1404
|
"name": "bgColor/done-emphasis",
|
|
1482
1405
|
"value": {
|
|
@@ -1515,44 +1438,6 @@
|
|
|
1515
1438
|
"web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
|
|
1516
1439
|
}
|
|
1517
1440
|
},
|
|
1518
|
-
{
|
|
1519
|
-
"name": "bgColor/closed-emphasis",
|
|
1520
|
-
"value": {
|
|
1521
|
-
"r": 0.8117647058823529,
|
|
1522
|
-
"g": 0.13333333333333333,
|
|
1523
|
-
"b": 0.1803921568627451,
|
|
1524
|
-
"a": 1
|
|
1525
|
-
},
|
|
1526
|
-
"type": "COLOR",
|
|
1527
|
-
"refId": "mode/bgColor/closed-emphasis",
|
|
1528
|
-
"reference": "base/color/light/base/color/red/5",
|
|
1529
|
-
"collection": "mode",
|
|
1530
|
-
"mode": "light",
|
|
1531
|
-
"group": "semantic",
|
|
1532
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1533
|
-
"codeSyntax": {
|
|
1534
|
-
"web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
|
|
1535
|
-
}
|
|
1536
|
-
},
|
|
1537
|
-
{
|
|
1538
|
-
"name": "bgColor/closed-muted",
|
|
1539
|
-
"value": {
|
|
1540
|
-
"r": 1,
|
|
1541
|
-
"g": 0.9215686274509803,
|
|
1542
|
-
"b": 0.9137254901960784,
|
|
1543
|
-
"a": 1
|
|
1544
|
-
},
|
|
1545
|
-
"type": "COLOR",
|
|
1546
|
-
"refId": "mode/bgColor/closed-muted",
|
|
1547
|
-
"reference": "base/color/light/base/color/red/0",
|
|
1548
|
-
"collection": "mode",
|
|
1549
|
-
"mode": "light",
|
|
1550
|
-
"group": "semantic",
|
|
1551
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1552
|
-
"codeSyntax": {
|
|
1553
|
-
"web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
|
|
1554
|
-
}
|
|
1555
|
-
},
|
|
1556
1441
|
{
|
|
1557
1442
|
"name": "bgColor/danger-emphasis",
|
|
1558
1443
|
"value": {
|
|
@@ -1956,25 +1841,6 @@
|
|
|
1956
1841
|
"web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
|
|
1957
1842
|
}
|
|
1958
1843
|
},
|
|
1959
|
-
{
|
|
1960
|
-
"name": "fgColor/upsell",
|
|
1961
|
-
"value": {
|
|
1962
|
-
"r": 0.5098039215686274,
|
|
1963
|
-
"g": 0.3137254901960784,
|
|
1964
|
-
"b": 0.8745098039215686,
|
|
1965
|
-
"a": 1
|
|
1966
|
-
},
|
|
1967
|
-
"type": "COLOR",
|
|
1968
|
-
"refId": "mode/fgColor/upsell",
|
|
1969
|
-
"reference": "base/color/light/base/color/purple/5",
|
|
1970
|
-
"collection": "mode",
|
|
1971
|
-
"mode": "light",
|
|
1972
|
-
"group": "semantic",
|
|
1973
|
-
"scopes": ["TEXT_FILL", "SHAPE_FILL"],
|
|
1974
|
-
"codeSyntax": {
|
|
1975
|
-
"web": "var(--fgColor-upsell)"
|
|
1976
|
-
}
|
|
1977
|
-
},
|
|
1978
1844
|
{
|
|
1979
1845
|
"name": "fgColor/done",
|
|
1980
1846
|
"value": {
|
|
@@ -7462,6 +7328,45 @@
|
|
|
7462
7328
|
"group": "component",
|
|
7463
7329
|
"scopes": ["STROKE_COLOR"]
|
|
7464
7330
|
},
|
|
7331
|
+
{
|
|
7332
|
+
"name": "borderColor/upsell-emphasis",
|
|
7333
|
+
"value": {
|
|
7334
|
+
"r": 0.5098039215686274,
|
|
7335
|
+
"g": 0.3137254901960784,
|
|
7336
|
+
"b": 0.8745098039215686,
|
|
7337
|
+
"a": 1
|
|
7338
|
+
},
|
|
7339
|
+
"type": "COLOR",
|
|
7340
|
+
"refId": "mode/borderColor/upsell-emphasis",
|
|
7341
|
+
"reference": "mode/borderColor/done-emphasis",
|
|
7342
|
+
"collection": "mode",
|
|
7343
|
+
"mode": "light",
|
|
7344
|
+
"group": "semantic",
|
|
7345
|
+
"scopes": ["STROKE_COLOR"],
|
|
7346
|
+
"codeSyntax": {
|
|
7347
|
+
"web": "var(--borderColor-upsell-emphasis)"
|
|
7348
|
+
}
|
|
7349
|
+
},
|
|
7350
|
+
{
|
|
7351
|
+
"name": "borderColor/upsell-muted",
|
|
7352
|
+
"value": {
|
|
7353
|
+
"r": 0.7607843137254902,
|
|
7354
|
+
"g": 0.592156862745098,
|
|
7355
|
+
"b": 1,
|
|
7356
|
+
"a": 0.4
|
|
7357
|
+
},
|
|
7358
|
+
"type": "COLOR",
|
|
7359
|
+
"alpha": 0.4,
|
|
7360
|
+
"refId": "mode/borderColor/upsell-muted",
|
|
7361
|
+
"reference": "mode/borderColor/done-muted",
|
|
7362
|
+
"collection": "mode",
|
|
7363
|
+
"mode": "light",
|
|
7364
|
+
"group": "semantic",
|
|
7365
|
+
"scopes": ["STROKE_COLOR"],
|
|
7366
|
+
"codeSyntax": {
|
|
7367
|
+
"web": "var(--borderColor-upsell-muted)"
|
|
7368
|
+
}
|
|
7369
|
+
},
|
|
7465
7370
|
{
|
|
7466
7371
|
"name": "borderColor/open-emphasis",
|
|
7467
7372
|
"value": {
|
|
@@ -7490,6 +7395,7 @@
|
|
|
7490
7395
|
"a": 0.4
|
|
7491
7396
|
},
|
|
7492
7397
|
"type": "COLOR",
|
|
7398
|
+
"alpha": 0.4,
|
|
7493
7399
|
"refId": "mode/borderColor/open-muted",
|
|
7494
7400
|
"reference": "mode/borderColor/success-muted",
|
|
7495
7401
|
"collection": "mode",
|
|
@@ -7536,6 +7442,82 @@
|
|
|
7536
7442
|
"web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
|
|
7537
7443
|
}
|
|
7538
7444
|
},
|
|
7445
|
+
{
|
|
7446
|
+
"name": "bgColor/upsell-emphasis",
|
|
7447
|
+
"value": {
|
|
7448
|
+
"r": 0.5098039215686274,
|
|
7449
|
+
"g": 0.3137254901960784,
|
|
7450
|
+
"b": 0.8745098039215686,
|
|
7451
|
+
"a": 1
|
|
7452
|
+
},
|
|
7453
|
+
"type": "COLOR",
|
|
7454
|
+
"refId": "mode/bgColor/upsell-emphasis",
|
|
7455
|
+
"reference": "mode/bgColor/done-emphasis",
|
|
7456
|
+
"collection": "mode",
|
|
7457
|
+
"mode": "light",
|
|
7458
|
+
"group": "semantic",
|
|
7459
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
7460
|
+
"codeSyntax": {
|
|
7461
|
+
"web": "var(--bgColor-upsell-emphasis)"
|
|
7462
|
+
}
|
|
7463
|
+
},
|
|
7464
|
+
{
|
|
7465
|
+
"name": "bgColor/upsell-muted",
|
|
7466
|
+
"value": {
|
|
7467
|
+
"r": 0.984313725490196,
|
|
7468
|
+
"g": 0.9372549019607843,
|
|
7469
|
+
"b": 1,
|
|
7470
|
+
"a": 1
|
|
7471
|
+
},
|
|
7472
|
+
"type": "COLOR",
|
|
7473
|
+
"refId": "mode/bgColor/upsell-muted",
|
|
7474
|
+
"reference": "mode/bgColor/done-muted",
|
|
7475
|
+
"collection": "mode",
|
|
7476
|
+
"mode": "light",
|
|
7477
|
+
"group": "semantic",
|
|
7478
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
7479
|
+
"codeSyntax": {
|
|
7480
|
+
"web": "var(--bgColor-upsell-muted)"
|
|
7481
|
+
}
|
|
7482
|
+
},
|
|
7483
|
+
{
|
|
7484
|
+
"name": "bgColor/closed-emphasis",
|
|
7485
|
+
"value": {
|
|
7486
|
+
"r": 0.8117647058823529,
|
|
7487
|
+
"g": 0.13333333333333333,
|
|
7488
|
+
"b": 0.1803921568627451,
|
|
7489
|
+
"a": 1
|
|
7490
|
+
},
|
|
7491
|
+
"type": "COLOR",
|
|
7492
|
+
"refId": "mode/bgColor/closed-emphasis",
|
|
7493
|
+
"reference": "mode/bgColor/danger-emphasis",
|
|
7494
|
+
"collection": "mode",
|
|
7495
|
+
"mode": "light",
|
|
7496
|
+
"group": "semantic",
|
|
7497
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
7498
|
+
"codeSyntax": {
|
|
7499
|
+
"web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
|
|
7500
|
+
}
|
|
7501
|
+
},
|
|
7502
|
+
{
|
|
7503
|
+
"name": "bgColor/closed-muted",
|
|
7504
|
+
"value": {
|
|
7505
|
+
"r": 1,
|
|
7506
|
+
"g": 0.9215686274509803,
|
|
7507
|
+
"b": 0.9137254901960784,
|
|
7508
|
+
"a": 1
|
|
7509
|
+
},
|
|
7510
|
+
"type": "COLOR",
|
|
7511
|
+
"refId": "mode/bgColor/closed-muted",
|
|
7512
|
+
"reference": "mode/bgColor/danger-muted",
|
|
7513
|
+
"collection": "mode",
|
|
7514
|
+
"mode": "light",
|
|
7515
|
+
"group": "semantic",
|
|
7516
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
7517
|
+
"codeSyntax": {
|
|
7518
|
+
"web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
|
|
7519
|
+
}
|
|
7520
|
+
},
|
|
7539
7521
|
{
|
|
7540
7522
|
"name": "bgColor/open-emphasis",
|
|
7541
7523
|
"value": {
|
|
@@ -7574,6 +7556,25 @@
|
|
|
7574
7556
|
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
7575
7557
|
}
|
|
7576
7558
|
},
|
|
7559
|
+
{
|
|
7560
|
+
"name": "fgColor/upsell",
|
|
7561
|
+
"value": {
|
|
7562
|
+
"r": 0.5098039215686274,
|
|
7563
|
+
"g": 0.3137254901960784,
|
|
7564
|
+
"b": 0.8745098039215686,
|
|
7565
|
+
"a": 1
|
|
7566
|
+
},
|
|
7567
|
+
"type": "COLOR",
|
|
7568
|
+
"refId": "mode/fgColor/upsell",
|
|
7569
|
+
"reference": "mode/fgColor/done",
|
|
7570
|
+
"collection": "mode",
|
|
7571
|
+
"mode": "light",
|
|
7572
|
+
"group": "semantic",
|
|
7573
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"],
|
|
7574
|
+
"codeSyntax": {
|
|
7575
|
+
"web": "var(--fgColor-upsell)"
|
|
7576
|
+
}
|
|
7577
|
+
},
|
|
7577
7578
|
{
|
|
7578
7579
|
"name": "fgColor/closed",
|
|
7579
7580
|
"value": {
|
|
@@ -449,14 +449,14 @@
|
|
|
449
449
|
--avatarStack-fade-bgColor-muted: #3d424d;
|
|
450
450
|
--control-bgColor-rest: #3d424d;
|
|
451
451
|
--control-bgColor-hover: #494f5a;
|
|
452
|
-
--control-bgColor-active: #
|
|
452
|
+
--control-bgColor-active: #393d48;
|
|
453
453
|
--control-bgColor-disabled: #3d424db3;
|
|
454
|
-
--control-bgColor-selected: #
|
|
454
|
+
--control-bgColor-selected: #272b33;
|
|
455
455
|
--control-fgColor-rest: #f0f3f6;
|
|
456
|
-
--control-fgColor-placeholder: #
|
|
456
|
+
--control-fgColor-placeholder: #e4e9ed;
|
|
457
457
|
--control-fgColor-disabled: #9ea7b3;
|
|
458
458
|
--control-borderColor-rest: #7a828e;
|
|
459
|
-
--control-borderColor-emphasis: #
|
|
459
|
+
--control-borderColor-emphasis: #9ea7b3;
|
|
460
460
|
--control-borderColor-disabled: #3d424db3;
|
|
461
461
|
--control-borderColor-selected: #ffffff;
|
|
462
462
|
--control-borderColor-success: #09b43a;
|
|
@@ -471,7 +471,7 @@
|
|
|
471
471
|
--control-transparent-borderColor-rest: #00000000;
|
|
472
472
|
--control-transparent-borderColor-hover: #7a828e;
|
|
473
473
|
--control-transparent-borderColor-active: #9ea7b3;
|
|
474
|
-
--control-danger-fgColor-rest: #
|
|
474
|
+
--control-danger-fgColor-rest: #ff9492;
|
|
475
475
|
--control-danger-fgColor-hover: #0a0c10;
|
|
476
476
|
--control-danger-bgColor-hover: #ff6a69;
|
|
477
477
|
--control-danger-bgColor-active: #f65052;
|
|
@@ -496,15 +496,15 @@
|
|
|
496
496
|
--controlKnob-bgColor-rest: #010409;
|
|
497
497
|
--controlKnob-bgColor-disabled: #3d424db3;
|
|
498
498
|
--controlKnob-bgColor-checked: #ffffff;
|
|
499
|
-
--controlKnob-borderColor-rest: #
|
|
499
|
+
--controlKnob-borderColor-rest: #9ea7b3;
|
|
500
500
|
--controlKnob-borderColor-disabled: #3d424db3;
|
|
501
501
|
--controlKnob-borderColor-checked: #409eff;
|
|
502
502
|
--counter-borderColor: #00000000;
|
|
503
503
|
--button-default-fgColor-rest: #f0f3f6;
|
|
504
504
|
--button-default-bgColor-rest: #3d424d;
|
|
505
505
|
--button-default-bgColor-hover: #494f5a;
|
|
506
|
-
--button-default-bgColor-active: #
|
|
507
|
-
--button-default-bgColor-selected: #
|
|
506
|
+
--button-default-bgColor-active: #393d48;
|
|
507
|
+
--button-default-bgColor-selected: #393d48;
|
|
508
508
|
--button-default-bgColor-disabled: #3d424db3;
|
|
509
509
|
--button-default-borderColor-rest: #7a828e;
|
|
510
510
|
--button-default-borderColor-hover: #7a828e;
|
|
@@ -523,7 +523,7 @@
|
|
|
523
523
|
--button-primary-borderColor-active: #4ae168;
|
|
524
524
|
--button-primary-borderColor-disabled: #4ae16866;
|
|
525
525
|
--button-primary-shadow-selected: 0px 0px 0px 0px #000000;
|
|
526
|
-
--button-invisible-fgColor-rest: #
|
|
526
|
+
--button-invisible-fgColor-rest: #73b8ff;
|
|
527
527
|
--button-invisible-fgColor-hover: #1e60d5;
|
|
528
528
|
--button-invisible-fgColor-disabled: #9ea7b3;
|
|
529
529
|
--button-invisible-iconColor-rest: #f0f3f6;
|
|
@@ -539,7 +539,7 @@
|
|
|
539
539
|
--button-outline-fgColor-rest: #5cacff;
|
|
540
540
|
--button-outline-fgColor-hover: #71b7ff;
|
|
541
541
|
--button-outline-fgColor-active: #ffffff;
|
|
542
|
-
--button-outline-fgColor-disabled: #
|
|
542
|
+
--button-outline-fgColor-disabled: #73b8ff80;
|
|
543
543
|
--button-outline-bgColor-rest: #ffffff;
|
|
544
544
|
--button-outline-bgColor-hover: #525964;
|
|
545
545
|
--button-outline-bgColor-active: #2672f3;
|
|
@@ -550,8 +550,8 @@
|
|
|
550
550
|
--button-danger-fgColor-rest: #ff9492;
|
|
551
551
|
--button-danger-fgColor-hover: #ffffff;
|
|
552
552
|
--button-danger-fgColor-active: #ffffff;
|
|
553
|
-
--button-danger-fgColor-disabled: #
|
|
554
|
-
--button-danger-iconColor-rest: #
|
|
553
|
+
--button-danger-fgColor-disabled: #ff949280;
|
|
554
|
+
--button-danger-iconColor-rest: #ff9492;
|
|
555
555
|
--button-danger-iconColor-hover: #ffffff;
|
|
556
556
|
--button-danger-bgColor-rest: #3d424d;
|
|
557
557
|
--button-danger-bgColor-hover: #ff4445;
|
|
@@ -572,16 +572,16 @@
|
|
|
572
572
|
--buttonCounter-outline-bgColor-disabled: #409eff0d;
|
|
573
573
|
--buttonCounter-outline-fgColor-rest: #5cacff;
|
|
574
574
|
--buttonCounter-outline-fgColor-hover: #71b7ff;
|
|
575
|
-
--buttonCounter-outline-fgColor-disabled: #
|
|
575
|
+
--buttonCounter-outline-fgColor-disabled: #73b8ff80;
|
|
576
576
|
--buttonCounter-danger-bgColor-hover: #01040926;
|
|
577
577
|
--buttonCounter-danger-bgColor-disabled: #ff6a690d;
|
|
578
578
|
--buttonCounter-danger-bgColor-rest: #01040926;
|
|
579
|
-
--buttonCounter-danger-fgColor-rest: #
|
|
579
|
+
--buttonCounter-danger-fgColor-rest: #ff9492;
|
|
580
580
|
--buttonCounter-danger-fgColor-hover: #ffffff;
|
|
581
|
-
--buttonCounter-danger-fgColor-disabled: #
|
|
581
|
+
--buttonCounter-danger-fgColor-disabled: #ff949280;
|
|
582
582
|
--reactionButton-selected-bgColor-rest: #5cacff33;
|
|
583
583
|
--reactionButton-selected-bgColor-hover: #5dadff5c;
|
|
584
|
-
--reactionButton-selected-fgColor-rest: #
|
|
584
|
+
--reactionButton-selected-fgColor-rest: #73b8ff;
|
|
585
585
|
--reactionButton-selected-fgColor-hover: #91cbff;
|
|
586
586
|
--focus-outlineColor: #409eff;
|
|
587
587
|
--menu-bgColor-active: #272b33;
|
|
@@ -591,14 +591,14 @@
|
|
|
591
591
|
--selectMenu-borderColor: #7a828e;
|
|
592
592
|
--selectMenu-bgColor-active: #1e60d5;
|
|
593
593
|
--sideNav-bgColor-selected: #3d424d;
|
|
594
|
-
--skeletonLoader-bgColor: #
|
|
594
|
+
--skeletonLoader-bgColor: #191c22;
|
|
595
595
|
--timelineBadge-bgColor: #3d424d;
|
|
596
596
|
--treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
|
|
597
597
|
--underlineNav-borderColor-active: #ff967d;
|
|
598
598
|
--underlineNav-borderColor-hover: #bdc4cc;
|
|
599
599
|
--underlineNav-iconColor-rest: #f0f3f6;
|
|
600
600
|
--selection-bgColor: #409effb3;
|
|
601
|
-
--card-bgColor: #
|
|
601
|
+
--card-bgColor: #191c22;
|
|
602
602
|
--label-green-bgColor-rest: #122117;
|
|
603
603
|
--label-green-bgColor-hover: #182f1f;
|
|
604
604
|
--label-green-bgColor-active: #214529;
|
|
@@ -719,20 +719,20 @@
|
|
|
719
719
|
--fgColor-white: #ffffff;
|
|
720
720
|
--fgColor-black: #010409;
|
|
721
721
|
--fgColor-disabled: #9ea7b3;
|
|
722
|
-
--fgColor-link: #
|
|
722
|
+
--fgColor-link: #73b8ff;
|
|
723
723
|
--fgColor-neutral: #9ea7b3;
|
|
724
|
-
--fgColor-accent: #
|
|
724
|
+
--fgColor-accent: #73b8ff;
|
|
725
725
|
--fgColor-success: #28d751;
|
|
726
726
|
--fgColor-open: #28d751;
|
|
727
727
|
--fgColor-attention: #f0b72f;
|
|
728
|
-
--fgColor-severe: #
|
|
729
|
-
--fgColor-danger: #
|
|
730
|
-
--fgColor-closed: #
|
|
731
|
-
--fgColor-done: #
|
|
732
|
-
--fgColor-upsell: #
|
|
733
|
-
--fgColor-sponsors: #
|
|
728
|
+
--fgColor-severe: #fe9a2d;
|
|
729
|
+
--fgColor-danger: #ff9492;
|
|
730
|
+
--fgColor-closed: #ff9492;
|
|
731
|
+
--fgColor-done: #cb9eff;
|
|
732
|
+
--fgColor-upsell: #cb9eff;
|
|
733
|
+
--fgColor-sponsors: #ff8dc7;
|
|
734
734
|
--bgColor-default: #0a0c10;
|
|
735
|
-
--bgColor-muted: #
|
|
735
|
+
--bgColor-muted: #191c22;
|
|
736
736
|
--bgColor-inset: #010409;
|
|
737
737
|
--bgColor-emphasis: #ffffff;
|
|
738
738
|
--bgColor-inverse: #ffffff;
|
|
@@ -742,29 +742,29 @@
|
|
|
742
742
|
--bgColor-transparent: #00000000;
|
|
743
743
|
--bgColor-neutral-muted: #9ea7b366;
|
|
744
744
|
--bgColor-neutral-emphasis: #9ea7b3;
|
|
745
|
-
--bgColor-accent-muted: #
|
|
745
|
+
--bgColor-accent-muted: #409eff1a;
|
|
746
746
|
--bgColor-accent-emphasis: #409eff;
|
|
747
|
-
--bgColor-success-muted: #
|
|
747
|
+
--bgColor-success-muted: #0ac74024;
|
|
748
748
|
--bgColor-success-emphasis: #09b43a;
|
|
749
|
-
--bgColor-open-muted: #
|
|
749
|
+
--bgColor-open-muted: #0ac74024;
|
|
750
750
|
--bgColor-open-emphasis: #09b43a;
|
|
751
751
|
--bgColor-attention-muted: #edaa2726;
|
|
752
752
|
--bgColor-attention-emphasis: #e09b13;
|
|
753
|
-
--bgColor-severe-muted: #
|
|
753
|
+
--bgColor-severe-muted: #f48b2516;
|
|
754
754
|
--bgColor-severe-emphasis: #e7811d;
|
|
755
|
-
--bgColor-danger-muted: #
|
|
755
|
+
--bgColor-danger-muted: #ff808017;
|
|
756
756
|
--bgColor-danger-emphasis: #ff6a69;
|
|
757
|
-
--bgColor-closed-muted: #
|
|
757
|
+
--bgColor-closed-muted: #ff808017;
|
|
758
758
|
--bgColor-closed-emphasis: #ff6a69;
|
|
759
|
-
--bgColor-done-muted: #
|
|
759
|
+
--bgColor-done-muted: #b87fff17;
|
|
760
760
|
--bgColor-done-emphasis: #b87fff;
|
|
761
761
|
--bgColor-upsell-muted: #bf8fff26;
|
|
762
762
|
--bgColor-upsell-emphasis: #b87fff;
|
|
763
|
-
--bgColor-sponsors-muted: #
|
|
763
|
+
--bgColor-sponsors-muted: #ef6eb117;
|
|
764
764
|
--bgColor-sponsors-emphasis: #ef6eb1;
|
|
765
765
|
--borderColor-default: #7a828e;
|
|
766
766
|
--borderColor-muted: #7a828e;
|
|
767
|
-
--borderColor-emphasis: #
|
|
767
|
+
--borderColor-emphasis: #9ea7b3;
|
|
768
768
|
--borderColor-disabled: #3d424db3;
|
|
769
769
|
--borderColor-transparent: #00000000;
|
|
770
770
|
--borderColor-translucent: #7a828e;
|
|
@@ -1298,14 +1298,14 @@
|
|
|
1298
1298
|
--avatarStack-fade-bgColor-muted: #3d424d;
|
|
1299
1299
|
--control-bgColor-rest: #3d424d;
|
|
1300
1300
|
--control-bgColor-hover: #494f5a;
|
|
1301
|
-
--control-bgColor-active: #
|
|
1301
|
+
--control-bgColor-active: #393d48;
|
|
1302
1302
|
--control-bgColor-disabled: #3d424db3;
|
|
1303
|
-
--control-bgColor-selected: #
|
|
1303
|
+
--control-bgColor-selected: #272b33;
|
|
1304
1304
|
--control-fgColor-rest: #f0f3f6;
|
|
1305
|
-
--control-fgColor-placeholder: #
|
|
1305
|
+
--control-fgColor-placeholder: #e4e9ed;
|
|
1306
1306
|
--control-fgColor-disabled: #9ea7b3;
|
|
1307
1307
|
--control-borderColor-rest: #7a828e;
|
|
1308
|
-
--control-borderColor-emphasis: #
|
|
1308
|
+
--control-borderColor-emphasis: #9ea7b3;
|
|
1309
1309
|
--control-borderColor-disabled: #3d424db3;
|
|
1310
1310
|
--control-borderColor-selected: #ffffff;
|
|
1311
1311
|
--control-borderColor-success: #09b43a;
|
|
@@ -1320,7 +1320,7 @@
|
|
|
1320
1320
|
--control-transparent-borderColor-rest: #00000000;
|
|
1321
1321
|
--control-transparent-borderColor-hover: #7a828e;
|
|
1322
1322
|
--control-transparent-borderColor-active: #9ea7b3;
|
|
1323
|
-
--control-danger-fgColor-rest: #
|
|
1323
|
+
--control-danger-fgColor-rest: #ff9492;
|
|
1324
1324
|
--control-danger-fgColor-hover: #0a0c10;
|
|
1325
1325
|
--control-danger-bgColor-hover: #ff6a69;
|
|
1326
1326
|
--control-danger-bgColor-active: #f65052;
|
|
@@ -1345,15 +1345,15 @@
|
|
|
1345
1345
|
--controlKnob-bgColor-rest: #010409;
|
|
1346
1346
|
--controlKnob-bgColor-disabled: #3d424db3;
|
|
1347
1347
|
--controlKnob-bgColor-checked: #ffffff;
|
|
1348
|
-
--controlKnob-borderColor-rest: #
|
|
1348
|
+
--controlKnob-borderColor-rest: #9ea7b3;
|
|
1349
1349
|
--controlKnob-borderColor-disabled: #3d424db3;
|
|
1350
1350
|
--controlKnob-borderColor-checked: #409eff;
|
|
1351
1351
|
--counter-borderColor: #00000000;
|
|
1352
1352
|
--button-default-fgColor-rest: #f0f3f6;
|
|
1353
1353
|
--button-default-bgColor-rest: #3d424d;
|
|
1354
1354
|
--button-default-bgColor-hover: #494f5a;
|
|
1355
|
-
--button-default-bgColor-active: #
|
|
1356
|
-
--button-default-bgColor-selected: #
|
|
1355
|
+
--button-default-bgColor-active: #393d48;
|
|
1356
|
+
--button-default-bgColor-selected: #393d48;
|
|
1357
1357
|
--button-default-bgColor-disabled: #3d424db3;
|
|
1358
1358
|
--button-default-borderColor-rest: #7a828e;
|
|
1359
1359
|
--button-default-borderColor-hover: #7a828e;
|
|
@@ -1372,7 +1372,7 @@
|
|
|
1372
1372
|
--button-primary-borderColor-active: #4ae168;
|
|
1373
1373
|
--button-primary-borderColor-disabled: #4ae16866;
|
|
1374
1374
|
--button-primary-shadow-selected: 0px 0px 0px 0px #000000;
|
|
1375
|
-
--button-invisible-fgColor-rest: #
|
|
1375
|
+
--button-invisible-fgColor-rest: #73b8ff;
|
|
1376
1376
|
--button-invisible-fgColor-hover: #1e60d5;
|
|
1377
1377
|
--button-invisible-fgColor-disabled: #9ea7b3;
|
|
1378
1378
|
--button-invisible-iconColor-rest: #f0f3f6;
|
|
@@ -1388,7 +1388,7 @@
|
|
|
1388
1388
|
--button-outline-fgColor-rest: #5cacff;
|
|
1389
1389
|
--button-outline-fgColor-hover: #71b7ff;
|
|
1390
1390
|
--button-outline-fgColor-active: #ffffff;
|
|
1391
|
-
--button-outline-fgColor-disabled: #
|
|
1391
|
+
--button-outline-fgColor-disabled: #73b8ff80;
|
|
1392
1392
|
--button-outline-bgColor-rest: #ffffff;
|
|
1393
1393
|
--button-outline-bgColor-hover: #525964;
|
|
1394
1394
|
--button-outline-bgColor-active: #2672f3;
|
|
@@ -1399,8 +1399,8 @@
|
|
|
1399
1399
|
--button-danger-fgColor-rest: #ff9492;
|
|
1400
1400
|
--button-danger-fgColor-hover: #ffffff;
|
|
1401
1401
|
--button-danger-fgColor-active: #ffffff;
|
|
1402
|
-
--button-danger-fgColor-disabled: #
|
|
1403
|
-
--button-danger-iconColor-rest: #
|
|
1402
|
+
--button-danger-fgColor-disabled: #ff949280;
|
|
1403
|
+
--button-danger-iconColor-rest: #ff9492;
|
|
1404
1404
|
--button-danger-iconColor-hover: #ffffff;
|
|
1405
1405
|
--button-danger-bgColor-rest: #3d424d;
|
|
1406
1406
|
--button-danger-bgColor-hover: #ff4445;
|
|
@@ -1421,16 +1421,16 @@
|
|
|
1421
1421
|
--buttonCounter-outline-bgColor-disabled: #409eff0d;
|
|
1422
1422
|
--buttonCounter-outline-fgColor-rest: #5cacff;
|
|
1423
1423
|
--buttonCounter-outline-fgColor-hover: #71b7ff;
|
|
1424
|
-
--buttonCounter-outline-fgColor-disabled: #
|
|
1424
|
+
--buttonCounter-outline-fgColor-disabled: #73b8ff80;
|
|
1425
1425
|
--buttonCounter-danger-bgColor-hover: #01040926;
|
|
1426
1426
|
--buttonCounter-danger-bgColor-disabled: #ff6a690d;
|
|
1427
1427
|
--buttonCounter-danger-bgColor-rest: #01040926;
|
|
1428
|
-
--buttonCounter-danger-fgColor-rest: #
|
|
1428
|
+
--buttonCounter-danger-fgColor-rest: #ff9492;
|
|
1429
1429
|
--buttonCounter-danger-fgColor-hover: #ffffff;
|
|
1430
|
-
--buttonCounter-danger-fgColor-disabled: #
|
|
1430
|
+
--buttonCounter-danger-fgColor-disabled: #ff949280;
|
|
1431
1431
|
--reactionButton-selected-bgColor-rest: #5cacff33;
|
|
1432
1432
|
--reactionButton-selected-bgColor-hover: #5dadff5c;
|
|
1433
|
-
--reactionButton-selected-fgColor-rest: #
|
|
1433
|
+
--reactionButton-selected-fgColor-rest: #73b8ff;
|
|
1434
1434
|
--reactionButton-selected-fgColor-hover: #91cbff;
|
|
1435
1435
|
--focus-outlineColor: #409eff;
|
|
1436
1436
|
--menu-bgColor-active: #272b33;
|
|
@@ -1440,14 +1440,14 @@
|
|
|
1440
1440
|
--selectMenu-borderColor: #7a828e;
|
|
1441
1441
|
--selectMenu-bgColor-active: #1e60d5;
|
|
1442
1442
|
--sideNav-bgColor-selected: #3d424d;
|
|
1443
|
-
--skeletonLoader-bgColor: #
|
|
1443
|
+
--skeletonLoader-bgColor: #191c22;
|
|
1444
1444
|
--timelineBadge-bgColor: #3d424d;
|
|
1445
1445
|
--treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
|
|
1446
1446
|
--underlineNav-borderColor-active: #ff967d;
|
|
1447
1447
|
--underlineNav-borderColor-hover: #bdc4cc;
|
|
1448
1448
|
--underlineNav-iconColor-rest: #f0f3f6;
|
|
1449
1449
|
--selection-bgColor: #409effb3;
|
|
1450
|
-
--card-bgColor: #
|
|
1450
|
+
--card-bgColor: #191c22;
|
|
1451
1451
|
--label-green-bgColor-rest: #122117;
|
|
1452
1452
|
--label-green-bgColor-hover: #182f1f;
|
|
1453
1453
|
--label-green-bgColor-active: #214529;
|
|
@@ -1568,20 +1568,20 @@
|
|
|
1568
1568
|
--fgColor-white: #ffffff;
|
|
1569
1569
|
--fgColor-black: #010409;
|
|
1570
1570
|
--fgColor-disabled: #9ea7b3;
|
|
1571
|
-
--fgColor-link: #
|
|
1571
|
+
--fgColor-link: #73b8ff;
|
|
1572
1572
|
--fgColor-neutral: #9ea7b3;
|
|
1573
|
-
--fgColor-accent: #
|
|
1573
|
+
--fgColor-accent: #73b8ff;
|
|
1574
1574
|
--fgColor-success: #28d751;
|
|
1575
1575
|
--fgColor-open: #28d751;
|
|
1576
1576
|
--fgColor-attention: #f0b72f;
|
|
1577
|
-
--fgColor-severe: #
|
|
1578
|
-
--fgColor-danger: #
|
|
1579
|
-
--fgColor-closed: #
|
|
1580
|
-
--fgColor-done: #
|
|
1581
|
-
--fgColor-upsell: #
|
|
1582
|
-
--fgColor-sponsors: #
|
|
1577
|
+
--fgColor-severe: #fe9a2d;
|
|
1578
|
+
--fgColor-danger: #ff9492;
|
|
1579
|
+
--fgColor-closed: #ff9492;
|
|
1580
|
+
--fgColor-done: #cb9eff;
|
|
1581
|
+
--fgColor-upsell: #cb9eff;
|
|
1582
|
+
--fgColor-sponsors: #ff8dc7;
|
|
1583
1583
|
--bgColor-default: #0a0c10;
|
|
1584
|
-
--bgColor-muted: #
|
|
1584
|
+
--bgColor-muted: #191c22;
|
|
1585
1585
|
--bgColor-inset: #010409;
|
|
1586
1586
|
--bgColor-emphasis: #ffffff;
|
|
1587
1587
|
--bgColor-inverse: #ffffff;
|
|
@@ -1591,29 +1591,29 @@
|
|
|
1591
1591
|
--bgColor-transparent: #00000000;
|
|
1592
1592
|
--bgColor-neutral-muted: #9ea7b366;
|
|
1593
1593
|
--bgColor-neutral-emphasis: #9ea7b3;
|
|
1594
|
-
--bgColor-accent-muted: #
|
|
1594
|
+
--bgColor-accent-muted: #409eff1a;
|
|
1595
1595
|
--bgColor-accent-emphasis: #409eff;
|
|
1596
|
-
--bgColor-success-muted: #
|
|
1596
|
+
--bgColor-success-muted: #0ac74024;
|
|
1597
1597
|
--bgColor-success-emphasis: #09b43a;
|
|
1598
|
-
--bgColor-open-muted: #
|
|
1598
|
+
--bgColor-open-muted: #0ac74024;
|
|
1599
1599
|
--bgColor-open-emphasis: #09b43a;
|
|
1600
1600
|
--bgColor-attention-muted: #edaa2726;
|
|
1601
1601
|
--bgColor-attention-emphasis: #e09b13;
|
|
1602
|
-
--bgColor-severe-muted: #
|
|
1602
|
+
--bgColor-severe-muted: #f48b2516;
|
|
1603
1603
|
--bgColor-severe-emphasis: #e7811d;
|
|
1604
|
-
--bgColor-danger-muted: #
|
|
1604
|
+
--bgColor-danger-muted: #ff808017;
|
|
1605
1605
|
--bgColor-danger-emphasis: #ff6a69;
|
|
1606
|
-
--bgColor-closed-muted: #
|
|
1606
|
+
--bgColor-closed-muted: #ff808017;
|
|
1607
1607
|
--bgColor-closed-emphasis: #ff6a69;
|
|
1608
|
-
--bgColor-done-muted: #
|
|
1608
|
+
--bgColor-done-muted: #b87fff17;
|
|
1609
1609
|
--bgColor-done-emphasis: #b87fff;
|
|
1610
1610
|
--bgColor-upsell-muted: #bf8fff26;
|
|
1611
1611
|
--bgColor-upsell-emphasis: #b87fff;
|
|
1612
|
-
--bgColor-sponsors-muted: #
|
|
1612
|
+
--bgColor-sponsors-muted: #ef6eb117;
|
|
1613
1613
|
--bgColor-sponsors-emphasis: #ef6eb1;
|
|
1614
1614
|
--borderColor-default: #7a828e;
|
|
1615
1615
|
--borderColor-muted: #7a828e;
|
|
1616
|
-
--borderColor-emphasis: #
|
|
1616
|
+
--borderColor-emphasis: #9ea7b3;
|
|
1617
1617
|
--borderColor-disabled: #3d424db3;
|
|
1618
1618
|
--borderColor-transparent: #00000000;
|
|
1619
1619
|
--borderColor-translucent: #7a828e;
|