@primer/primitives 7.14.1-rc.dd15bd6 → 7.14.1
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/package.json +1 -1
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +4 -4
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +4 -4
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +4 -4
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +4 -4
- package/tokens-next-private/css/functional/themes/dark.css +4 -4
- package/tokens-next-private/css/functional/themes/light-colorblind.css +6 -6
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +6 -6
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +6 -6
- package/tokens-next-private/css/functional/themes/light.css +6 -6
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4 -4
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4 -4
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +4 -4
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4 -4
- package/tokens-next-private/docs/functional/themes/dark.json +4 -4
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +9 -7
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +8 -6
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +9 -7
- package/tokens-next-private/docs/functional/themes/light.json +9 -7
- package/tokens-next-private/figma/themes/dark.json +20 -20
- package/tokens-next-private/figma/themes/light.json +38 -37
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +2 -2
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +2 -2
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +2 -2
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +2 -2
- package/tokens-next-private/scss/functional/themes/dark.scss +2 -2
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +3 -3
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +3 -3
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +3 -3
- package/tokens-next-private/scss/functional/themes/light.scss +3 -3
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
|
@@ -1891,7 +1891,7 @@
|
|
|
1891
1891
|
"path": ["control", "transparent", "bgColor", "active"]
|
|
1892
1892
|
},
|
|
1893
1893
|
"control-transparent-bgColor-disabled": {
|
|
1894
|
-
"value": "#
|
|
1894
|
+
"value": "#ffffff00",
|
|
1895
1895
|
"$type": "color",
|
|
1896
1896
|
"$extensions": {
|
|
1897
1897
|
"org.primer.figma": {
|
|
@@ -1904,7 +1904,7 @@
|
|
|
1904
1904
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1905
1905
|
"isSource": true,
|
|
1906
1906
|
"original": {
|
|
1907
|
-
"value": "{
|
|
1907
|
+
"value": "{base.color.transparent}",
|
|
1908
1908
|
"$type": "color",
|
|
1909
1909
|
"$extensions": {
|
|
1910
1910
|
"org.primer.figma": {
|
|
@@ -1920,7 +1920,7 @@
|
|
|
1920
1920
|
"path": ["control", "transparent", "bgColor", "disabled"]
|
|
1921
1921
|
},
|
|
1922
1922
|
"control-transparent-bgColor-selected": {
|
|
1923
|
-
"value": "#
|
|
1923
|
+
"value": "#d0d7de33",
|
|
1924
1924
|
"$type": "color",
|
|
1925
1925
|
"$extensions": {
|
|
1926
1926
|
"org.primer.figma": {
|
|
@@ -1930,10 +1930,11 @@
|
|
|
1930
1930
|
"scopes": ["bgColor"]
|
|
1931
1931
|
}
|
|
1932
1932
|
},
|
|
1933
|
+
"alpha": 0.2,
|
|
1933
1934
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1934
1935
|
"isSource": true,
|
|
1935
1936
|
"original": {
|
|
1936
|
-
"value": "{base.color.gray.
|
|
1937
|
+
"value": "{base.color.gray.2}",
|
|
1937
1938
|
"$type": "color",
|
|
1938
1939
|
"$extensions": {
|
|
1939
1940
|
"org.primer.figma": {
|
|
@@ -1942,7 +1943,8 @@
|
|
|
1942
1943
|
"group": "component",
|
|
1943
1944
|
"scopes": ["bgColor"]
|
|
1944
1945
|
}
|
|
1945
|
-
}
|
|
1946
|
+
},
|
|
1947
|
+
"alpha": 0.2
|
|
1946
1948
|
},
|
|
1947
1949
|
"name": "control-transparent-bgColor-selected",
|
|
1948
1950
|
"attributes": {},
|
|
@@ -3857,7 +3859,7 @@
|
|
|
3857
3859
|
"path": ["button", "invisible", "bgColor", "active"]
|
|
3858
3860
|
},
|
|
3859
3861
|
"button-invisible-bgColor-disabled": {
|
|
3860
|
-
"value": "#
|
|
3862
|
+
"value": "#ffffff00",
|
|
3861
3863
|
"$type": "color",
|
|
3862
3864
|
"$extensions": {
|
|
3863
3865
|
"org.primer.figma": {
|
|
@@ -3870,7 +3872,7 @@
|
|
|
3870
3872
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
3871
3873
|
"isSource": true,
|
|
3872
3874
|
"original": {
|
|
3873
|
-
"value": "{control.bgColor.disabled}",
|
|
3875
|
+
"value": "{control.transparent.bgColor.disabled}",
|
|
3874
3876
|
"$type": "color",
|
|
3875
3877
|
"$extensions": {
|
|
3876
3878
|
"org.primer.figma": {
|
|
@@ -1891,7 +1891,7 @@
|
|
|
1891
1891
|
"path": ["control", "transparent", "bgColor", "active"]
|
|
1892
1892
|
},
|
|
1893
1893
|
"control-transparent-bgColor-disabled": {
|
|
1894
|
-
"value": "#
|
|
1894
|
+
"value": "#ffffff00",
|
|
1895
1895
|
"$type": "color",
|
|
1896
1896
|
"$extensions": {
|
|
1897
1897
|
"org.primer.figma": {
|
|
@@ -1904,7 +1904,7 @@
|
|
|
1904
1904
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1905
1905
|
"isSource": true,
|
|
1906
1906
|
"original": {
|
|
1907
|
-
"value": "{
|
|
1907
|
+
"value": "{base.color.transparent}",
|
|
1908
1908
|
"$type": "color",
|
|
1909
1909
|
"$extensions": {
|
|
1910
1910
|
"org.primer.figma": {
|
|
@@ -1920,7 +1920,7 @@
|
|
|
1920
1920
|
"path": ["control", "transparent", "bgColor", "disabled"]
|
|
1921
1921
|
},
|
|
1922
1922
|
"control-transparent-bgColor-selected": {
|
|
1923
|
-
"value": "#
|
|
1923
|
+
"value": "#d0d7de33",
|
|
1924
1924
|
"$type": "color",
|
|
1925
1925
|
"$extensions": {
|
|
1926
1926
|
"org.primer.figma": {
|
|
@@ -1930,10 +1930,11 @@
|
|
|
1930
1930
|
"scopes": ["bgColor"]
|
|
1931
1931
|
}
|
|
1932
1932
|
},
|
|
1933
|
+
"alpha": 0.2,
|
|
1933
1934
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1934
1935
|
"isSource": true,
|
|
1935
1936
|
"original": {
|
|
1936
|
-
"value": "{base.color.gray.
|
|
1937
|
+
"value": "{base.color.gray.2}",
|
|
1937
1938
|
"$type": "color",
|
|
1938
1939
|
"$extensions": {
|
|
1939
1940
|
"org.primer.figma": {
|
|
@@ -1942,7 +1943,8 @@
|
|
|
1942
1943
|
"group": "component",
|
|
1943
1944
|
"scopes": ["bgColor"]
|
|
1944
1945
|
}
|
|
1945
|
-
}
|
|
1946
|
+
},
|
|
1947
|
+
"alpha": 0.2
|
|
1946
1948
|
},
|
|
1947
1949
|
"name": "control-transparent-bgColor-selected",
|
|
1948
1950
|
"attributes": {},
|
|
@@ -3857,7 +3859,7 @@
|
|
|
3857
3859
|
"path": ["button", "invisible", "bgColor", "active"]
|
|
3858
3860
|
},
|
|
3859
3861
|
"button-invisible-bgColor-disabled": {
|
|
3860
|
-
"value": "#
|
|
3862
|
+
"value": "#ffffff00",
|
|
3861
3863
|
"$type": "color",
|
|
3862
3864
|
"$extensions": {
|
|
3863
3865
|
"org.primer.figma": {
|
|
@@ -3870,7 +3872,7 @@
|
|
|
3870
3872
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
3871
3873
|
"isSource": true,
|
|
3872
3874
|
"original": {
|
|
3873
|
-
"value": "{control.bgColor.disabled}",
|
|
3875
|
+
"value": "{control.transparent.bgColor.disabled}",
|
|
3874
3876
|
"$type": "color",
|
|
3875
3877
|
"$extensions": {
|
|
3876
3878
|
"org.primer.figma": {
|
|
@@ -3786,6 +3786,22 @@
|
|
|
3786
3786
|
"group": "component",
|
|
3787
3787
|
"scopes": ["STROKE_COLOR"]
|
|
3788
3788
|
},
|
|
3789
|
+
{
|
|
3790
|
+
"name": "button/invisible/bgColor/disabled",
|
|
3791
|
+
"value": {
|
|
3792
|
+
"r": 0,
|
|
3793
|
+
"g": 0,
|
|
3794
|
+
"b": 0,
|
|
3795
|
+
"a": 0
|
|
3796
|
+
},
|
|
3797
|
+
"type": "COLOR",
|
|
3798
|
+
"refId": "mode/button/invisible/bgColor/disabled",
|
|
3799
|
+
"reference": "mode/control/transparent/bgColor/disabled",
|
|
3800
|
+
"collection": "mode",
|
|
3801
|
+
"mode": "dark",
|
|
3802
|
+
"group": "component",
|
|
3803
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3804
|
+
},
|
|
3789
3805
|
{
|
|
3790
3806
|
"name": "button/invisible/bgColor/active",
|
|
3791
3807
|
"value": {
|
|
@@ -4111,14 +4127,14 @@
|
|
|
4111
4127
|
{
|
|
4112
4128
|
"name": "controlTrack/fgColor/disabled",
|
|
4113
4129
|
"value": {
|
|
4114
|
-
"r":
|
|
4115
|
-
"g":
|
|
4116
|
-
"b":
|
|
4130
|
+
"r": 1,
|
|
4131
|
+
"g": 1,
|
|
4132
|
+
"b": 1,
|
|
4117
4133
|
"a": 1
|
|
4118
4134
|
},
|
|
4119
4135
|
"type": "COLOR",
|
|
4120
4136
|
"refId": "mode/controlTrack/fgColor/disabled",
|
|
4121
|
-
"reference": "mode/fgColor/
|
|
4137
|
+
"reference": "mode/fgColor/onEmphasis",
|
|
4122
4138
|
"collection": "mode",
|
|
4123
4139
|
"mode": "dark",
|
|
4124
4140
|
"group": "component",
|
|
@@ -4769,22 +4785,6 @@
|
|
|
4769
4785
|
"group": "component",
|
|
4770
4786
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4771
4787
|
},
|
|
4772
|
-
{
|
|
4773
|
-
"name": "button/invisible/bgColor/disabled",
|
|
4774
|
-
"value": {
|
|
4775
|
-
"r": 0.08627450980392157,
|
|
4776
|
-
"g": 0.10588235294117647,
|
|
4777
|
-
"b": 0.13333333333333333,
|
|
4778
|
-
"a": 1
|
|
4779
|
-
},
|
|
4780
|
-
"type": "COLOR",
|
|
4781
|
-
"refId": "mode/button/invisible/bgColor/disabled",
|
|
4782
|
-
"reference": "mode/control/bgColor/disabled",
|
|
4783
|
-
"collection": "mode",
|
|
4784
|
-
"mode": "dark",
|
|
4785
|
-
"group": "component",
|
|
4786
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4787
|
-
},
|
|
4788
4788
|
{
|
|
4789
4789
|
"name": "button/invisible/iconColor/disabled",
|
|
4790
4790
|
"value": {
|
|
@@ -2507,14 +2507,31 @@
|
|
|
2507
2507
|
{
|
|
2508
2508
|
"name": "control/transparent/bgColor/selected",
|
|
2509
2509
|
"value": {
|
|
2510
|
-
"r": 0.
|
|
2511
|
-
"g": 0.
|
|
2512
|
-
"b": 0.
|
|
2513
|
-
"a":
|
|
2510
|
+
"r": 0.8156862745098039,
|
|
2511
|
+
"g": 0.8431372549019608,
|
|
2512
|
+
"b": 0.8705882352941177,
|
|
2513
|
+
"a": 0.2
|
|
2514
2514
|
},
|
|
2515
2515
|
"type": "COLOR",
|
|
2516
|
+
"alpha": 0.2,
|
|
2516
2517
|
"refId": "mode/control/transparent/bgColor/selected",
|
|
2517
|
-
"reference": "base/color/light/base/color/gray/
|
|
2518
|
+
"reference": "base/color/light/base/color/gray/2",
|
|
2519
|
+
"collection": "mode",
|
|
2520
|
+
"mode": "light",
|
|
2521
|
+
"group": "component",
|
|
2522
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
2523
|
+
},
|
|
2524
|
+
{
|
|
2525
|
+
"name": "control/transparent/bgColor/disabled",
|
|
2526
|
+
"value": {
|
|
2527
|
+
"r": 1,
|
|
2528
|
+
"g": 1,
|
|
2529
|
+
"b": 1,
|
|
2530
|
+
"a": 0
|
|
2531
|
+
},
|
|
2532
|
+
"type": "COLOR",
|
|
2533
|
+
"refId": "mode/control/transparent/bgColor/disabled",
|
|
2534
|
+
"reference": "base/color/light/base/color/transparent",
|
|
2518
2535
|
"collection": "mode",
|
|
2519
2536
|
"mode": "light",
|
|
2520
2537
|
"group": "component",
|
|
@@ -3723,6 +3740,22 @@
|
|
|
3723
3740
|
"group": "component",
|
|
3724
3741
|
"scopes": ["STROKE_COLOR"]
|
|
3725
3742
|
},
|
|
3743
|
+
{
|
|
3744
|
+
"name": "button/invisible/bgColor/disabled",
|
|
3745
|
+
"value": {
|
|
3746
|
+
"r": 1,
|
|
3747
|
+
"g": 1,
|
|
3748
|
+
"b": 1,
|
|
3749
|
+
"a": 0
|
|
3750
|
+
},
|
|
3751
|
+
"type": "COLOR",
|
|
3752
|
+
"refId": "mode/button/invisible/bgColor/disabled",
|
|
3753
|
+
"reference": "mode/control/transparent/bgColor/disabled",
|
|
3754
|
+
"collection": "mode",
|
|
3755
|
+
"mode": "light",
|
|
3756
|
+
"group": "component",
|
|
3757
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3758
|
+
},
|
|
3726
3759
|
{
|
|
3727
3760
|
"name": "button/invisible/bgColor/active",
|
|
3728
3761
|
"value": {
|
|
@@ -4786,22 +4819,6 @@
|
|
|
4786
4819
|
"group": "component",
|
|
4787
4820
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4788
4821
|
},
|
|
4789
|
-
{
|
|
4790
|
-
"name": "button/invisible/bgColor/disabled",
|
|
4791
|
-
"value": {
|
|
4792
|
-
"r": 0.9647058823529412,
|
|
4793
|
-
"g": 0.9725490196078431,
|
|
4794
|
-
"b": 0.9803921568627451,
|
|
4795
|
-
"a": 1
|
|
4796
|
-
},
|
|
4797
|
-
"type": "COLOR",
|
|
4798
|
-
"refId": "mode/button/invisible/bgColor/disabled",
|
|
4799
|
-
"reference": "mode/control/bgColor/disabled",
|
|
4800
|
-
"collection": "mode",
|
|
4801
|
-
"mode": "light",
|
|
4802
|
-
"group": "component",
|
|
4803
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4804
|
-
},
|
|
4805
4822
|
{
|
|
4806
4823
|
"name": "button/invisible/iconColor/disabled",
|
|
4807
4824
|
"value": {
|
|
@@ -4882,22 +4899,6 @@
|
|
|
4882
4899
|
"group": "component",
|
|
4883
4900
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4884
4901
|
},
|
|
4885
|
-
{
|
|
4886
|
-
"name": "control/transparent/bgColor/disabled",
|
|
4887
|
-
"value": {
|
|
4888
|
-
"r": 0.9647058823529412,
|
|
4889
|
-
"g": 0.9725490196078431,
|
|
4890
|
-
"b": 0.9803921568627451,
|
|
4891
|
-
"a": 1
|
|
4892
|
-
},
|
|
4893
|
-
"type": "COLOR",
|
|
4894
|
-
"refId": "mode/control/transparent/bgColor/disabled",
|
|
4895
|
-
"reference": "mode/control/bgColor/disabled",
|
|
4896
|
-
"collection": "mode",
|
|
4897
|
-
"mode": "light",
|
|
4898
|
-
"group": "component",
|
|
4899
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4900
|
-
},
|
|
4901
4902
|
{
|
|
4902
4903
|
"name": "control/borderColor/disabled",
|
|
4903
4904
|
"value": {
|
|
@@ -86,7 +86,7 @@ $controlTrack-bgColor-hover: #292e36;
|
|
|
86
86
|
$controlTrack-bgColor-active: #31363e;
|
|
87
87
|
$controlTrack-bgColor-disabled: #8b949e;
|
|
88
88
|
$controlTrack-fgColor-rest: #7d8590;
|
|
89
|
-
$controlTrack-fgColor-disabled: #
|
|
89
|
+
$controlTrack-fgColor-disabled: #ffffff;
|
|
90
90
|
$controlTrack-borderColor-rest: #00000000;
|
|
91
91
|
$controlTrack-borderColor-disabled: #8b949e;
|
|
92
92
|
$controlKnob-bgColor-rest: #010409;
|
|
@@ -128,7 +128,7 @@ $button-invisible-iconColor-disabled: #8b949e;
|
|
|
128
128
|
$button-invisible-bgColor-rest: #00000000;
|
|
129
129
|
$button-invisible-bgColor-hover: #b1bac41f;
|
|
130
130
|
$button-invisible-bgColor-active: #b1bac433;
|
|
131
|
-
$button-invisible-bgColor-disabled: #
|
|
131
|
+
$button-invisible-bgColor-disabled: #00000000;
|
|
132
132
|
$button-invisible-borderColor-rest: #00000000;
|
|
133
133
|
$button-invisible-borderColor-hover: #00000000;
|
|
134
134
|
$button-invisible-borderColor-disabled: #161b22;
|
|
@@ -86,7 +86,7 @@ $controlTrack-bgColor-hover: #3d444e;
|
|
|
86
86
|
$controlTrack-bgColor-active: #434a54;
|
|
87
87
|
$controlTrack-bgColor-disabled: #768390;
|
|
88
88
|
$controlTrack-fgColor-rest: #6d7986;
|
|
89
|
-
$controlTrack-fgColor-disabled: #
|
|
89
|
+
$controlTrack-fgColor-disabled: #cdd9e5;
|
|
90
90
|
$controlTrack-borderColor-rest: #00000000;
|
|
91
91
|
$controlTrack-borderColor-disabled: #768390;
|
|
92
92
|
$controlKnob-bgColor-rest: #1c2128;
|
|
@@ -128,7 +128,7 @@ $button-invisible-iconColor-disabled: #768390;
|
|
|
128
128
|
$button-invisible-bgColor-rest: #00000000;
|
|
129
129
|
$button-invisible-bgColor-hover: #909dab1f;
|
|
130
130
|
$button-invisible-bgColor-active: #909dab33;
|
|
131
|
-
$button-invisible-bgColor-disabled: #
|
|
131
|
+
$button-invisible-bgColor-disabled: #00000000;
|
|
132
132
|
$button-invisible-borderColor-rest: #00000000;
|
|
133
133
|
$button-invisible-borderColor-hover: #00000000;
|
|
134
134
|
$button-invisible-borderColor-disabled: #2d333b;
|
|
@@ -86,7 +86,7 @@ $controlTrack-bgColor-hover: #383c45;
|
|
|
86
86
|
$controlTrack-bgColor-active: #484e57;
|
|
87
87
|
$controlTrack-bgColor-disabled: #bdc4cc;
|
|
88
88
|
$controlTrack-fgColor-rest: #0a0c10;
|
|
89
|
-
$controlTrack-fgColor-disabled: #
|
|
89
|
+
$controlTrack-fgColor-disabled: #0a0c10;
|
|
90
90
|
$controlTrack-borderColor-rest: #00000000;
|
|
91
91
|
$controlTrack-borderColor-disabled: #bdc4cc;
|
|
92
92
|
$controlKnob-bgColor-rest: #010409;
|
|
@@ -128,7 +128,7 @@ $button-invisible-iconColor-disabled: #bdc4cc;
|
|
|
128
128
|
$button-invisible-bgColor-rest: #00000000;
|
|
129
129
|
$button-invisible-bgColor-hover: #f0f3f6;
|
|
130
130
|
$button-invisible-bgColor-active: #d9dee3;
|
|
131
|
-
$button-invisible-bgColor-disabled: #
|
|
131
|
+
$button-invisible-bgColor-disabled: #00000000;
|
|
132
132
|
$button-invisible-borderColor-rest: #00000000;
|
|
133
133
|
$button-invisible-borderColor-hover: #7a828e;
|
|
134
134
|
$button-invisible-borderColor-disabled: #272b33;
|
|
@@ -86,7 +86,7 @@ $controlTrack-bgColor-hover: #292e36;
|
|
|
86
86
|
$controlTrack-bgColor-active: #31363e;
|
|
87
87
|
$controlTrack-bgColor-disabled: #8b949e;
|
|
88
88
|
$controlTrack-fgColor-rest: #7d8590;
|
|
89
|
-
$controlTrack-fgColor-disabled: #
|
|
89
|
+
$controlTrack-fgColor-disabled: #ffffff;
|
|
90
90
|
$controlTrack-borderColor-rest: #00000000;
|
|
91
91
|
$controlTrack-borderColor-disabled: #8b949e;
|
|
92
92
|
$controlKnob-bgColor-rest: #010409;
|
|
@@ -128,7 +128,7 @@ $button-invisible-iconColor-disabled: #8b949e;
|
|
|
128
128
|
$button-invisible-bgColor-rest: #00000000;
|
|
129
129
|
$button-invisible-bgColor-hover: #b1bac41f;
|
|
130
130
|
$button-invisible-bgColor-active: #b1bac433;
|
|
131
|
-
$button-invisible-bgColor-disabled: #
|
|
131
|
+
$button-invisible-bgColor-disabled: #00000000;
|
|
132
132
|
$button-invisible-borderColor-rest: #00000000;
|
|
133
133
|
$button-invisible-borderColor-hover: #00000000;
|
|
134
134
|
$button-invisible-borderColor-disabled: #161b22;
|
|
@@ -86,7 +86,7 @@ $controlTrack-bgColor-hover: #292e36;
|
|
|
86
86
|
$controlTrack-bgColor-active: #31363e;
|
|
87
87
|
$controlTrack-bgColor-disabled: #8b949e;
|
|
88
88
|
$controlTrack-fgColor-rest: #7d8590;
|
|
89
|
-
$controlTrack-fgColor-disabled: #
|
|
89
|
+
$controlTrack-fgColor-disabled: #ffffff;
|
|
90
90
|
$controlTrack-borderColor-rest: #00000000;
|
|
91
91
|
$controlTrack-borderColor-disabled: #8b949e;
|
|
92
92
|
$controlKnob-bgColor-rest: #010409;
|
|
@@ -128,7 +128,7 @@ $button-invisible-iconColor-disabled: #8b949e;
|
|
|
128
128
|
$button-invisible-bgColor-rest: #00000000;
|
|
129
129
|
$button-invisible-bgColor-hover: #b1bac41f;
|
|
130
130
|
$button-invisible-bgColor-active: #b1bac433;
|
|
131
|
-
$button-invisible-bgColor-disabled: #
|
|
131
|
+
$button-invisible-bgColor-disabled: #00000000;
|
|
132
132
|
$button-invisible-borderColor-rest: #00000000;
|
|
133
133
|
$button-invisible-borderColor-hover: #00000000;
|
|
134
134
|
$button-invisible-borderColor-disabled: #161b22;
|
|
@@ -62,8 +62,8 @@ $control-iconColor-rest: #636c76;
|
|
|
62
62
|
$control-transparent-bgColor-rest: #ffffff00;
|
|
63
63
|
$control-transparent-bgColor-hover: #d0d7de33;
|
|
64
64
|
$control-transparent-bgColor-active: #d0d7de66;
|
|
65
|
-
$control-transparent-bgColor-disabled: #
|
|
66
|
-
$control-transparent-bgColor-selected: #
|
|
65
|
+
$control-transparent-bgColor-disabled: #ffffff00;
|
|
66
|
+
$control-transparent-bgColor-selected: #d0d7de33;
|
|
67
67
|
$control-transparent-borderColor-rest: #ffffff00;
|
|
68
68
|
$control-transparent-borderColor-hover: #ffffff00;
|
|
69
69
|
$control-transparent-borderColor-active: #ffffff00;
|
|
@@ -128,7 +128,7 @@ $button-invisible-iconColor-disabled: #8c959f;
|
|
|
128
128
|
$button-invisible-bgColor-rest: #ffffff00;
|
|
129
129
|
$button-invisible-bgColor-hover: #d0d7de33;
|
|
130
130
|
$button-invisible-bgColor-active: #d0d7de66;
|
|
131
|
-
$button-invisible-bgColor-disabled: #
|
|
131
|
+
$button-invisible-bgColor-disabled: #ffffff00;
|
|
132
132
|
$button-invisible-borderColor-rest: #ffffff00;
|
|
133
133
|
$button-invisible-borderColor-hover: #ffffff00;
|
|
134
134
|
$button-invisible-borderColor-disabled: #f6f8fa;
|
|
@@ -62,8 +62,8 @@ $control-iconColor-rest: #0e1116;
|
|
|
62
62
|
$control-transparent-bgColor-rest: #ffffff00;
|
|
63
63
|
$control-transparent-bgColor-hover: #e7ecf0;
|
|
64
64
|
$control-transparent-bgColor-active: #ced5dc;
|
|
65
|
-
$control-transparent-bgColor-disabled: #
|
|
66
|
-
$control-transparent-bgColor-selected: #
|
|
65
|
+
$control-transparent-bgColor-disabled: #ffffff00;
|
|
66
|
+
$control-transparent-bgColor-selected: #ced5dc33;
|
|
67
67
|
$control-transparent-borderColor-rest: #ffffff00;
|
|
68
68
|
$control-transparent-borderColor-hover: #20252c;
|
|
69
69
|
$control-transparent-borderColor-active: #ffffff00;
|
|
@@ -128,7 +128,7 @@ $button-invisible-iconColor-disabled: #4b535d;
|
|
|
128
128
|
$button-invisible-bgColor-rest: #ffffff00;
|
|
129
129
|
$button-invisible-bgColor-hover: #20252c;
|
|
130
130
|
$button-invisible-bgColor-active: #4b535d;
|
|
131
|
-
$button-invisible-bgColor-disabled: #
|
|
131
|
+
$button-invisible-bgColor-disabled: #ffffff00;
|
|
132
132
|
$button-invisible-borderColor-rest: #ffffff00;
|
|
133
133
|
$button-invisible-borderColor-hover: #20252c;
|
|
134
134
|
$button-invisible-borderColor-disabled: #e7ecf0;
|
|
@@ -62,8 +62,8 @@ $control-iconColor-rest: #636c76;
|
|
|
62
62
|
$control-transparent-bgColor-rest: #ffffff00;
|
|
63
63
|
$control-transparent-bgColor-hover: #d0d7de33;
|
|
64
64
|
$control-transparent-bgColor-active: #d0d7de66;
|
|
65
|
-
$control-transparent-bgColor-disabled: #
|
|
66
|
-
$control-transparent-bgColor-selected: #
|
|
65
|
+
$control-transparent-bgColor-disabled: #ffffff00;
|
|
66
|
+
$control-transparent-bgColor-selected: #d0d7de33;
|
|
67
67
|
$control-transparent-borderColor-rest: #ffffff00;
|
|
68
68
|
$control-transparent-borderColor-hover: #ffffff00;
|
|
69
69
|
$control-transparent-borderColor-active: #ffffff00;
|
|
@@ -128,7 +128,7 @@ $button-invisible-iconColor-disabled: #8c959f;
|
|
|
128
128
|
$button-invisible-bgColor-rest: #ffffff00;
|
|
129
129
|
$button-invisible-bgColor-hover: #d0d7de33;
|
|
130
130
|
$button-invisible-bgColor-active: #d0d7de66;
|
|
131
|
-
$button-invisible-bgColor-disabled: #
|
|
131
|
+
$button-invisible-bgColor-disabled: #ffffff00;
|
|
132
132
|
$button-invisible-borderColor-rest: #ffffff00;
|
|
133
133
|
$button-invisible-borderColor-hover: #ffffff00;
|
|
134
134
|
$button-invisible-borderColor-disabled: #f6f8fa;
|
|
@@ -62,8 +62,8 @@ $control-iconColor-rest: #636c76;
|
|
|
62
62
|
$control-transparent-bgColor-rest: #ffffff00;
|
|
63
63
|
$control-transparent-bgColor-hover: #d0d7de33;
|
|
64
64
|
$control-transparent-bgColor-active: #d0d7de66;
|
|
65
|
-
$control-transparent-bgColor-disabled: #
|
|
66
|
-
$control-transparent-bgColor-selected: #
|
|
65
|
+
$control-transparent-bgColor-disabled: #ffffff00;
|
|
66
|
+
$control-transparent-bgColor-selected: #d0d7de33;
|
|
67
67
|
$control-transparent-borderColor-rest: #ffffff00;
|
|
68
68
|
$control-transparent-borderColor-hover: #ffffff00;
|
|
69
69
|
$control-transparent-borderColor-active: #ffffff00;
|
|
@@ -128,7 +128,7 @@ $button-invisible-iconColor-disabled: #8c959f;
|
|
|
128
128
|
$button-invisible-bgColor-rest: #ffffff00;
|
|
129
129
|
$button-invisible-bgColor-hover: #d0d7de33;
|
|
130
130
|
$button-invisible-bgColor-active: #d0d7de66;
|
|
131
|
-
$button-invisible-bgColor-disabled: #
|
|
131
|
+
$button-invisible-bgColor-disabled: #ffffff00;
|
|
132
132
|
$button-invisible-borderColor-rest: #ffffff00;
|
|
133
133
|
$button-invisible-borderColor-hover: #ffffff00;
|
|
134
134
|
$button-invisible-borderColor-disabled: #f6f8fa;
|