@gitbutler/design-core 1.3.11 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +15 -1
  2. package/package.json +8 -5
  3. package/tokens/tokens.css +73 -142
  4. package/tokens/tokens.json +84 -498
package/README.md CHANGED
@@ -147,5 +147,19 @@ npm install
147
147
  npm run build
148
148
 
149
149
  # Watch for changes
150
- npm run dev
150
+ npm run dev:tokens
151
151
  ```
152
+
153
+ ## Color Generator Tool
154
+
155
+ An interactive SvelteKit application for designing and testing color scales is available in the [`color-generator/`](./color-generator) directory.
156
+
157
+ ```bash
158
+ # Start the color generator
159
+ npm run dev:generator
160
+
161
+ # Build the color generator
162
+ npm run build:generator
163
+ ```
164
+
165
+ See [color-generator/README.md](./color-generator/README.md) for more details.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitbutler/design-core",
3
- "version": "1.3.11",
3
+ "version": "1.4.0",
4
4
  "type": "module",
5
5
  "description": "Design tokens for GitButler applications",
6
6
  "keywords": [
@@ -32,10 +32,13 @@
32
32
  },
33
33
  "scripts": {
34
34
  "build": "npx tz build",
35
- "dev": "npx tz build --watch",
36
- "prepublishOnly": "npm run build",
37
- "format": "prettier --write \"**/*.css\"",
38
- "format:check": "prettier --check \"**/*.css\""
35
+ "build:tokens": "npx tz build",
36
+ "dev:tokens": "npx tz build --watch",
37
+ "prepublishOnly": "npm run build:tokens",
38
+ "format": "prettier --write \"**/*.{css,ts,js}\"",
39
+ "format:check": "prettier --check \"**/*.{css,ts,js}\"",
40
+ "dev:generator": "cd color-generator && pnpm dev",
41
+ "build:generator": "cd color-generator && pnpm build"
39
42
  },
40
43
  "devDependencies": {
41
44
  "@terrazzo/cli": "0.10.3",
package/tokens/tokens.css CHANGED
@@ -45,127 +45,107 @@
45
45
  --clr-commit-remote: var(--clr-core-pop-50);
46
46
  --clr-commit-shadow: var(--clr-core-pop-60);
47
47
  --clr-commit-upstream: var(--clr-core-warn-50);
48
- --clr-core-err-5: color(srgb 0.14901960784313725 0.050980392156862744 0.058823529411764705);
49
- --clr-core-err-10: color(srgb 0.2980392156862745 0.10196078431372549 0.12156862745098039);
50
- --clr-core-err-20: color(srgb 0.4196078431372549 0.1411764705882353 0.16862745098039217);
51
- --clr-core-err-30: color(srgb 0.5843137254901961 0.19607843137254902 0.23529411764705882);
52
- --clr-core-err-40: color(srgb 0.7411764705882353 0.2823529411764706 0.3215686274509804);
53
- --clr-core-err-45: color(srgb 0.8196078431372549 0.3215686274509804 0.36470588235294116);
54
- --clr-core-err-50: color(srgb 0.8627450980392157 0.3764705882352941 0.4196078431372549);
55
- --clr-core-err-55: color(srgb 0.8980392156862745 0.45098039215686275 0.49019607843137253);
56
- --clr-core-err-60: color(srgb 0.9215686274509803 0.596078431372549 0.6509803921568628);
57
- --clr-core-err-70: color(srgb 1 0.788235294117647 0.8117647058823529);
58
- --clr-core-err-80: color(srgb 0.984313725490196 0.8666666666666667 0.8784313725490196);
59
- --clr-core-err-90: color(srgb 0.9921568627450981 0.9450980392156862 0.9568627450980393);
60
- --clr-core-err-95: color(srgb 1 0.9803921568627451 0.9882352941176471);
61
- --clr-core-ntrl-0: color(srgb 0.0392156862745098 0.0392156862745098 0.0392156862745098);
62
- --clr-core-ntrl-5: color(srgb 0.10196078431372549 0.08627450980392157 0.0784313725490196);
63
- --clr-core-ntrl-10: color(srgb 0.15294117647058825 0.13725490196078433 0.12941176470588237);
64
- --clr-core-ntrl-20: color(srgb 0.2196078431372549 0.20392156862745098 0.2);
65
- --clr-core-ntrl-30: color(srgb 0.30980392156862746 0.29411764705882354 0.2823529411764706);
66
- --clr-core-ntrl-40: color(srgb 0.403921568627451 0.38823529411764707 0.3686274509803922);
67
- --clr-core-ntrl-45: color(srgb 0.47843137254901963 0.45098039215686275 0.43529411764705883);
68
- --clr-core-ntrl-50: color(srgb 0.5254901960784314 0.49411764705882355 0.4745098039215686);
69
- --clr-core-ntrl-55: color(srgb 0.6039215686274509 0.5725490196078431 0.5529411764705883);
70
- --clr-core-ntrl-60: color(srgb 0.7058823529411765 0.6862745098039216 0.6745098039215687);
71
- --clr-core-ntrl-70: color(srgb 0.8392156862745098 0.8274509803921568 0.8196078431372549);
72
- --clr-core-ntrl-80: color(srgb 0.9176470588235294 0.9137254901960784 0.9098039215686274);
73
- --clr-core-ntrl-90: color(srgb 0.9529411764705882 0.9529411764705882 0.9490196078431372);
74
- --clr-core-ntrl-95: color(srgb 0.9725490196078431 0.9725490196078431 0.9686274509803922);
48
+ --clr-core-err-5: color(srgb 0.3411764705882353 0.10196078431372549 0.06666666666666667);
49
+ --clr-core-err-10: color(srgb 0.396078431372549 0.11764705882352941 0.07450980392156863);
50
+ --clr-core-err-20: color(srgb 0.43137254901960786 0.12941176470588237 0.08235294117647059);
51
+ --clr-core-err-30: color(srgb 0.5725490196078431 0.16862745098039217 0.10980392156862745);
52
+ --clr-core-err-40: color(srgb 0.6980392156862745 0.20784313725490197 0.13333333333333333);
53
+ --clr-core-err-50: color(srgb 0.8392156862745098 0.25098039215686274 0.1607843137254902);
54
+ --clr-core-err-60: color(srgb 0.8862745098039215 0.615686274509804 0.5725490196078431);
55
+ --clr-core-err-70: color(srgb 0.9333333333333333 0.7647058823529411 0.7372549019607844);
56
+ --clr-core-err-80: color(srgb 0.9529411764705882 0.8274509803921568 0.807843137254902);
57
+ --clr-core-err-90: color(srgb 0.9686274509803922 0.8901960784313725 0.8784313725490196);
58
+ --clr-core-err-95: color(srgb 0.9803921568627451 0.9254901960784314 0.9137254901960784);
59
+ --clr-core-ntrl-0: color(srgb 0.08627450980392157 0.0784313725490196 0.07450980392156863);
60
+ --clr-core-ntrl-5: color(srgb 0.13333333333333333 0.12156862745098039 0.11372549019607843);
61
+ --clr-core-ntrl-10: color(srgb 0.16862745098039217 0.1568627450980392 0.1450980392156863);
62
+ --clr-core-ntrl-20: color(srgb 0.22745098039215686 0.20784313725490197 0.19607843137254902);
63
+ --clr-core-ntrl-30: color(srgb 0.30980392156862746 0.2823529411764706 0.26666666666666666);
64
+ --clr-core-ntrl-40: color(srgb 0.38823529411764707 0.3568627450980392 0.3333333333333333);
65
+ --clr-core-ntrl-50: color(srgb 0.48627450980392156 0.44313725490196076 0.41568627450980394);
66
+ --clr-core-ntrl-60: color(srgb 0.6980392156862745 0.6705882352941176 0.6509803921568628);
67
+ --clr-core-ntrl-70: color(srgb 0.8156862745098039 0.8 0.792156862745098);
68
+ --clr-core-ntrl-80: color(srgb 0.9176470588235294 0.9098039215686274 0.9019607843137255);
69
+ --clr-core-ntrl-90: color(srgb 0.9647058823529412 0.9607843137254902 0.9568627450980393);
70
+ --clr-core-ntrl-95: color(srgb 0.984313725490196 0.984313725490196 0.984313725490196);
75
71
  --clr-core-ntrl-100: color(srgb 1 1 1);
76
- --clr-core-pop-5: color(srgb 0.054901960784313725 0.16470588235294117 0.1607843137254902);
77
- --clr-core-pop-10: color(srgb 0.09019607843137255 0.27058823529411763 0.2627450980392157);
78
- --clr-core-pop-20: color(srgb 0.10980392156862745 0.32941176470588235 0.3176470588235294);
79
- --clr-core-pop-30: color(srgb 0.1450980392156863 0.43529411764705883 0.4196078431372549);
80
- --clr-core-pop-40: color(srgb 0.16470588235294117 0.5725490196078431 0.5529411764705883);
81
- --clr-core-pop-45: color(srgb 0.1411764705882353 0.6509803921568628 0.6235294117647059);
82
- --clr-core-pop-50: color(srgb 0.1411764705882353 0.7058823529411765 0.6784313725490196);
83
- --clr-core-pop-55: color(srgb 0.34901960784313724 0.7450980392156863 0.7254901960784313);
84
- --clr-core-pop-60: color(srgb 0.5607843137254902 0.8392156862745098 0.8235294117647058);
85
- --clr-core-pop-70: color(srgb 0.7568627450980392 0.9215686274509803 0.9137254901960784);
86
- --clr-core-pop-80: color(srgb 0.8431372549019608 0.9568627450980393 0.9490196078431372);
87
- --clr-core-pop-90: color(srgb 0.9058823529411765 0.9725490196078431 0.9686274509803922);
88
- --clr-core-pop-95: color(srgb 0.9529411764705882 0.9882352941176471 0.984313725490196);
89
- --clr-core-purp-5: color(srgb 0.1568627450980392 0.11372549019607843 0.26666666666666666);
90
- --clr-core-purp-10: color(srgb 0.24705882352941178 0.17254901960784313 0.40784313725490196);
91
- --clr-core-purp-20: color(srgb 0.29411764705882354 0.20392156862745098 0.4745098039215686);
92
- --clr-core-purp-30: color(srgb 0.3686274509803922 0.25882352941176473 0.6039215686274509);
93
- --clr-core-purp-40: color(srgb 0.4627450980392157 0.3411764705882353 0.7176470588235294);
94
- --clr-core-purp-45: color(srgb 0.5254901960784314 0.4117647058823529 0.7607843137254902);
95
- --clr-core-purp-50: color(srgb 0.6 0.47058823529411764 0.8666666666666667);
96
- --clr-core-purp-55: color(srgb 0.6666666666666666 0.5411764705882353 0.9215686274509803);
97
- --clr-core-purp-60: color(srgb 0.7607843137254902 0.6745098039215687 0.9450980392156862);
98
- --clr-core-purp-70: color(srgb 0.8745098039215686 0.8274509803921568 0.9725490196078431);
99
- --clr-core-purp-80: color(srgb 0.9137254901960784 0.8784313725490196 0.9803921568627451);
100
- --clr-core-purp-90: color(srgb 0.9490196078431372 0.9294117647058824 0.9882352941176471);
101
- --clr-core-purp-95: color(srgb 0.9764705882352941 0.9647058823529412 0.9921568627450981);
102
- --clr-core-succ-5: color(srgb 0.050980392156862744 0.14901960784313725 0.10196078431372549);
103
- --clr-core-succ-10: color(srgb 0.10980392156862745 0.25098039215686274 0.1843137254901961);
104
- --clr-core-succ-20: color(srgb 0.13333333333333333 0.3254901960784314 0.23529411764705882);
105
- --clr-core-succ-30: color(srgb 0.1568627450980392 0.4823529411764706 0.3333333333333333);
106
- --clr-core-succ-40: color(srgb 0.23529411764705882 0.6039215686274509 0.43529411764705883);
107
- --clr-core-succ-45: color(srgb 0.27058823529411763 0.6588235294117647 0.4745098039215686);
108
- --clr-core-succ-50: color(srgb 0.2901960784313726 0.7098039215686275 0.5098039215686274);
109
- --clr-core-succ-55: color(srgb 0.3764705882352941 0.7647058823529411 0.5803921568627451);
110
- --clr-core-succ-60: color(srgb 0.5725490196078431 0.8666666666666667 0.7294117647058823);
111
- --clr-core-succ-70: color(srgb 0.7607843137254902 0.9411764705882353 0.8549019607843137);
112
- --clr-core-succ-80: color(srgb 0.8235294117647058 0.9568627450980393 0.8941176470588236);
113
- --clr-core-succ-90: color(srgb 0.9058823529411765 0.9764705882352941 0.9411764705882353);
114
- --clr-core-succ-95: color(srgb 0.9647058823529412 0.9882352941176471 0.984313725490196);
115
- --clr-core-warn-5: color(srgb 0.14901960784313725 0.10588235294117647 0.043137254901960784);
116
- --clr-core-warn-10: color(srgb 0.2627450980392157 0.17254901960784313 0.050980392156862744);
117
- --clr-core-warn-20: color(srgb 0.3764705882352941 0.24705882352941178 0.06666666666666667);
118
- --clr-core-warn-30: color(srgb 0.5411764705882353 0.3333333333333333 0.043137254901960784);
119
- --clr-core-warn-40: color(srgb 0.7450980392156863 0.44313725490196076 0.0196078431372549);
120
- --clr-core-warn-45: color(srgb 0.8588235294117647 0.5568627450980392 0.03529411764705882);
121
- --clr-core-warn-50: color(srgb 0.9098039215686274 0.6 0.06274509803921569);
122
- --clr-core-warn-55: color(srgb 0.9411764705882353 0.6666666666666666 0.19607843137254902);
123
- --clr-core-warn-60: color(srgb 0.9568627450980393 0.7607843137254902 0.4235294117647059);
124
- --clr-core-warn-70: color(srgb 0.996078431372549 0.8823529411764706 0.6823529411764706);
125
- --clr-core-warn-80: color(srgb 1 0.9254901960784314 0.7803921568627451);
126
- --clr-core-warn-90: color(srgb 1 0.9686274509803922 0.8784313725490196);
127
- --clr-core-warn-95: color(srgb 0.9921568627450981 0.9764705882352941 0.9294117647058824);
72
+ --clr-core-pop-5: color(srgb 0.03529411764705882 0.17254901960784313 0.17254901960784313);
73
+ --clr-core-pop-10: color(srgb 0.050980392156862744 0.24313725490196078 0.24313725490196078);
74
+ --clr-core-pop-20: color(srgb 0.058823529411764705 0.2823529411764706 0.2823529411764706);
75
+ --clr-core-pop-30: color(srgb 0.08627450980392157 0.403921568627451 0.403921568627451);
76
+ --clr-core-pop-40: color(srgb 0.11372549019607843 0.5411764705882353 0.5411764705882353);
77
+ --clr-core-pop-50: color(srgb 0.1450980392156863 0.6941176470588235 0.6941176470588235);
78
+ --clr-core-pop-60: color(srgb 0.44313725490196076 0.8392156862745098 0.8392156862745098);
79
+ --clr-core-pop-70: color(srgb 0.6627450980392157 0.9058823529411765 0.9058823529411765);
80
+ --clr-core-pop-80: color(srgb 0.8117647058823529 0.9490196078431372 0.9490196078431372);
81
+ --clr-core-pop-90: color(srgb 0.8823529411764706 0.9686274509803922 0.9686274509803922);
82
+ --clr-core-pop-95: color(srgb 0.9176470588235294 0.9764705882352941 0.9764705882352941);
83
+ --clr-core-purp-5: color(srgb 0.1843137254901961 0.07450980392156863 0.2980392156862745);
84
+ --clr-core-purp-10: color(srgb 0.2196078431372549 0.08627450980392157 0.35294117647058826);
85
+ --clr-core-purp-20: color(srgb 0.2549019607843137 0.10196078431372549 0.40784313725490196);
86
+ --clr-core-purp-30: color(srgb 0.3568627450980392 0.1411764705882353 0.5725490196078431);
87
+ --clr-core-purp-40: color(srgb 0.4588235294117647 0.1843137254901961 0.7333333333333333);
88
+ --clr-core-purp-50: color(srgb 0.5411764705882353 0.2627450980392157 0.8156862745098039);
89
+ --clr-core-purp-60: color(srgb 0.7725490196078432 0.6588235294117647 0.8901960784313725);
90
+ --clr-core-purp-70: color(srgb 0.8588235294117647 0.788235294117647 0.9333333333333333);
91
+ --clr-core-purp-80: color(srgb 0.8784313725490196 0.8156862745098039 0.9411764705882353);
92
+ --clr-core-purp-90: color(srgb 0.9254901960784314 0.8862745098039215 0.9647058823529412);
93
+ --clr-core-purp-95: color(srgb 0.9490196078431372 0.9176470588235294 0.9764705882352941);
94
+ --clr-core-succ-5: color(srgb 0.0392156862745098 0.15294117647058825 0.10588235294117647);
95
+ --clr-core-succ-10: color(srgb 0.054901960784313725 0.2235294117647059 0.15294117647058825);
96
+ --clr-core-succ-20: color(srgb 0.07058823529411765 0.27450980392156865 0.18823529411764706);
97
+ --clr-core-succ-30: color(srgb 0.10588235294117647 0.4196078431372549 0.28627450980392155);
98
+ --clr-core-succ-40: color(srgb 0.1450980392156863 0.5764705882352941 0.396078431372549);
99
+ --clr-core-succ-50: color(srgb 0.1803921568627451 0.7215686274509804 0.49411764705882355);
100
+ --clr-core-succ-60: color(srgb 0.5098039215686274 0.8392156862745098 0.7019607843137254);
101
+ --clr-core-succ-70: color(srgb 0.7019607843137254 0.9058823529411765 0.8196078431372549);
102
+ --clr-core-succ-80: color(srgb 0.8156862745098039 0.9411764705882353 0.8901960784313725);
103
+ --clr-core-succ-90: color(srgb 0.8862745098039215 0.9647058823529412 0.9333333333333333);
104
+ --clr-core-succ-95: color(srgb 0.9176470588235294 0.9764705882352941 0.9529411764705882);
105
+ --clr-core-warn-5: color(srgb 0.35294117647058826 0.21176470588235294 0.00784313725490196);
106
+ --clr-core-warn-10: color(srgb 0.4196078431372549 0.25098039215686274 0.011764705882352941);
107
+ --clr-core-warn-20: color(srgb 0.47058823529411764 0.2784313725490196 0.011764705882352941);
108
+ --clr-core-warn-30: color(srgb 0.6431372549019608 0.3843137254901961 0.01568627450980392);
109
+ --clr-core-warn-40: color(srgb 0.8117647058823529 0.4823529411764706 0.0196078431372549);
110
+ --clr-core-warn-50: color(srgb 0.9764705882352941 0.5803921568627451 0.023529411764705882);
111
+ --clr-core-warn-60: color(srgb 0.9490196078431372 0.7647058823529411 0.5098039215686274);
112
+ --clr-core-warn-70: color(srgb 0.9686274509803922 0.8588235294117647 0.7019607843137254);
113
+ --clr-core-warn-80: color(srgb 0.9803921568627451 0.8980392156862745 0.7803921568627451);
114
+ --clr-core-warn-90: color(srgb 0.9882352941176471 0.9372549019607843 0.8627450980392157);
115
+ --clr-core-warn-95: color(srgb 0.9921568627450981 0.9568627450980393 0.9019607843137255);
128
116
  --clr-diff-addition-contrast-2-count-bg: color(srgb 0.7411764705882353 0.9529411764705882 0.8666666666666667);
129
- --clr-diff-addition-contrast-2-count-bg-hover: color(srgb 0.6588235294117647 0.9176470588235294 0.8117647058823529);
130
117
  --clr-diff-addition-contrast-2-count-border: color(srgb 0.5450980392156862 0.792156862745098 0.6862745098039216);
131
118
  --clr-diff-addition-contrast-2-count-text: color(srgb 0.38823529411764707 0.5450980392156862 0.47843137254901963);
132
119
  --clr-diff-addition-contrast-2-line-bg: color(srgb 0.8 0.9803921568627451 0.9058823529411765);
133
120
  --clr-diff-addition-contrast-2-line-highlight: color(srgb 0.6039215686274509 0.9254901960784314 0.792156862745098);
134
121
  --clr-diff-addition-contrast-3-count-bg: color(srgb 0.6509803921568628 0.9372549019607843 0.8196078431372549);
135
- --clr-diff-addition-contrast-3-count-bg-hover: color(srgb 0.5686274509803921 0.8901960784313725 0.7568627450980392);
136
122
  --clr-diff-addition-contrast-3-count-border: color(srgb 0.5176470588235295 0.8196078431372549 0.6901960784313725);
137
123
  --clr-diff-addition-contrast-3-count-text: color(srgb 0.2980392156862745 0.5058823529411764 0.4196078431372549);
138
124
  --clr-diff-addition-contrast-3-line-bg: color(srgb 0.7607843137254902 0.9764705882352941 0.8901960784313725);
139
125
  --clr-diff-addition-contrast-3-line-highlight: color(srgb 0.5215686274509804 0.9294117647058824 0.7568627450980392);
140
126
  --clr-diff-addition-count-bg: color(srgb 0.796078431372549 0.9568627450980393 0.8901960784313725);
141
- --clr-diff-addition-count-bg-hover: color(srgb 0.7058823529411765 0.9294117647058824 0.8352941176470589);
142
127
  --clr-diff-addition-count-border: color(srgb 0.6509803921568628 0.803921568627451 0.7411764705882353);
143
128
  --clr-diff-addition-count-checkmark: color(srgb 0.2980392156862745 0.5058823529411764 0.4196078431372549);
144
129
  --clr-diff-addition-count-text: color(srgb 0.5294117647058824 0.6588235294117647 0.6039215686274509);
145
130
  --clr-diff-addition-line-bg: color(srgb 0.8784313725490196 0.984313725490196 0.9411764705882353);
146
131
  --clr-diff-addition-line-highlight: color(srgb 0.7137254901960784 0.9294117647058824 0.8392156862745098);
147
132
  --clr-diff-count-bg: color(srgb 0.9686274509803922 0.9686274509803922 0.9647058823529412);
148
- --clr-diff-count-bg-hover: color(srgb 0.9254901960784314 0.9254901960784314 0.9215686274509803);
149
133
  --clr-diff-count-border: var(--clr-border-2);
150
134
  --clr-diff-count-checkmark: var(--clr-text-2);
151
- --clr-diff-count-hover-overlay: color(srgb 0 0 0 / 0.050980392156862744);
152
135
  --clr-diff-count-text: var(--clr-text-3);
153
136
  --clr-diff-count-text-contrast-2: color(srgb 0.611764705882353 0.5725490196078431 0.5490196078431373);
154
137
  --clr-diff-count-text-contrast-3: color(srgb 0.5490196078431373 0.5176470588235295 0.49411764705882355);
155
138
  --clr-diff-deletion-contrast-2-count-bg: color(srgb 1 0.8431372549019608 0.8666666666666667);
156
- --clr-diff-deletion-contrast-2-count-bg-hover: color(srgb 0.9803921568627451 0.7843137254901961 0.8196078431372549);
157
139
  --clr-diff-deletion-contrast-2-count-border: color(srgb 0.9098039215686274 0.7176470588235294 0.7176470588235294);
158
140
  --clr-diff-deletion-contrast-2-count-text: color(srgb 0.6196078431372549 0.4470588235294118 0.4470588235294118);
159
141
  --clr-diff-deletion-contrast-2-line-bg: color(srgb 1 0.8980392156862745 0.9098039215686274);
160
142
  --clr-diff-deletion-contrast-2-line-highlight: color(srgb 0.9882352941176471 0.7725490196078432 0.8156862745098039);
161
143
  --clr-diff-deletion-contrast-3-count-bg: color(srgb 1 0.807843137254902 0.8431372549019608);
162
- --clr-diff-deletion-contrast-3-count-bg-hover: color(srgb 0.9686274509803922 0.7568627450980392 0.796078431372549);
163
144
  --clr-diff-deletion-contrast-3-count-border: color(srgb 0.8784313725490196 0.6862745098039216 0.6862745098039216);
164
145
  --clr-diff-deletion-contrast-3-count-text: color(srgb 0.5333333333333333 0.3843137254901961 0.3843137254901961);
165
146
  --clr-diff-deletion-contrast-3-line-bg: color(srgb 1 0.8784313725490196 0.8941176470588236);
166
147
  --clr-diff-deletion-contrast-3-line-highlight: color(srgb 0.9686274509803922 0.7372549019607844 0.7803921568627451);
167
148
  --clr-diff-deletion-count-bg: color(srgb 0.9882352941176471 0.8745098039215686 0.8941176470588236);
168
- --clr-diff-deletion-count-bg-hover: color(srgb 0.9803921568627451 0.8117647058823529 0.8392156862745098);
169
149
  --clr-diff-deletion-count-border: color(srgb 0.8705882352941177 0.7058823529411765 0.7058823529411765);
170
150
  --clr-diff-deletion-count-checkmark: color(srgb 0.5333333333333333 0.3843137254901961 0.3843137254901961);
171
151
  --clr-diff-deletion-count-text: color(srgb 0.7137254901960784 0.5725490196078431 0.5725490196078431);
@@ -173,28 +153,23 @@
173
153
  --clr-diff-deletion-line-highlight: color(srgb 0.9921568627450981 0.8235294117647058 0.8549019607843137);
174
154
  --clr-diff-line-bg: var(--clr-bg-1);
175
155
  --clr-diff-locked-contrast-2-count-bg: color(srgb 0.9921568627450981 0.9294117647058824 0.803921568627451);
176
- --clr-diff-locked-contrast-2-count-bg-hover: color(srgb 0.9803921568627451 0.8980392156862745 0.7254901960784313);
177
156
  --clr-diff-locked-contrast-2-count-border: color(srgb 0.9333333333333333 0.7764705882352941 0.5058823529411764);
178
157
  --clr-diff-locked-contrast-2-count-checkmark: color(srgb 0.8156862745098039 0.5725490196078431 0.15294117647058825);
179
158
  --clr-diff-locked-contrast-2-count-text: color(srgb 0.8156862745098039 0.5725490196078431 0.15294117647058825);
180
159
  --clr-diff-locked-contrast-3-count-bg: color(srgb 0.9803921568627451 0.9019607843137255 0.6784313725490196);
181
- --clr-diff-locked-contrast-3-count-bg-hover: color(srgb 0.9725490196078431 0.8509803921568627 0.5882352941176471);
182
160
  --clr-diff-locked-contrast-3-count-border: color(srgb 0.9019607843137255 0.7450980392156863 0.4745098039215686);
183
161
  --clr-diff-locked-contrast-3-count-checkmark: color(srgb 0.7372549019607844 0.49411764705882355 0.07450980392156863);
184
162
  --clr-diff-locked-contrast-3-count-text: color(srgb 0.7372549019607844 0.49411764705882355 0.07450980392156863);
185
163
  --clr-diff-locked-count-bg: color(srgb 0.9921568627450981 0.9294117647058824 0.803921568627451);
186
- --clr-diff-locked-count-bg-hover: color(srgb 0.9803921568627451 0.8980392156862745 0.7254901960784313);
187
164
  --clr-diff-locked-count-border: color(srgb 0.9372549019607843 0.803921568627451 0.5725490196078431);
188
165
  --clr-diff-locked-count-checkmark: color(srgb 0.8274509803921568 0.5607843137254902 0.09803921568627451);
189
166
  --clr-diff-locked-count-text: color(srgb 0.8156862745098039 0.5725490196078431 0.14901960784313725);
190
167
  --clr-diff-locked-selected-count-bg: color(srgb 0.9803921568627451 0.8313725490196079 0.5294117647058824);
191
- --clr-diff-locked-selected-count-bg-hover: color(srgb 0.9607843137254902 0.7803921568627451 0.41568627450980394);
192
168
  --clr-diff-locked-selected-count-border: color(srgb 0.8666666666666667 0.6588235294117647 0.30196078431372547);
193
169
  --clr-diff-locked-selected-count-checkmark: color(srgb 0.6431372549019608 0.4588235294117647 0.1411764705882353);
194
170
  --clr-diff-locked-selected-count-text: color(srgb 0.6431372549019608 0.4588235294117647 0.1411764705882353);
195
- --clr-diff-selected-count-bg: var(--clr-core-pop-55);
196
- --clr-diff-selected-count-bg-hover: var(--clr-core-pop-50);
197
- --clr-diff-selected-count-border: var(--clr-core-pop-45);
171
+ --clr-diff-selected-count-bg: var(--clr-core-pop-50);
172
+ --clr-diff-selected-count-border: var(--clr-scale-pop-40);
198
173
  --clr-diff-selected-count-checkmark: var(--clr-core-pop-95);
199
174
  --clr-diff-selected-count-text: var(--clr-core-pop-90);
200
175
  --clr-illustration-bg: color(srgb 0.8392156862745098 0.9411764705882353 0.9333333333333333);
@@ -273,70 +248,54 @@
273
248
  --clr-selected-in-focus-element: var(--clr-core-pop-50);
274
249
  --clr-selected-not-in-focus-bg: var(--clr-core-ntrl-95);
275
250
  --clr-selected-not-in-focus-element: var(--clr-core-ntrl-60);
276
- --clr-stack-tab-active: var(--clr-bg-1);
277
- --clr-stack-tab-inactive: var(--clr-bg-2);
278
- --clr-stack-tab-inactive-hover: var(--clr-scale-ntrl-95);
279
251
  --clr-text-1: var(--clr-core-ntrl-5);
280
252
  --clr-text-2: var(--clr-core-ntrl-50);
281
253
  --clr-text-3: var(--clr-core-ntrl-60);
282
254
  --clr-theme-err-bg: var(--clr-core-err-95);
283
255
  --clr-theme-err-bg-muted: var(--clr-core-err-90);
284
256
  --clr-theme-err-element: var(--clr-core-err-50);
285
- --clr-theme-err-element-hover: var(--clr-core-err-45);
286
257
  --clr-theme-err-on-element: var(--clr-core-err-95);
287
258
  --clr-theme-err-on-soft: var(--clr-core-err-40);
288
259
  --clr-theme-err-soft: var(--clr-core-err-80);
289
- --clr-theme-err-soft-hover: var(--clr-core-err-70);
290
260
  --clr-theme-ntrl-element: var(--clr-core-ntrl-30);
291
- --clr-theme-ntrl-element-hover: var(--clr-core-ntrl-20);
292
261
  --clr-theme-ntrl-on-element: var(--clr-core-ntrl-100);
293
262
  --clr-theme-ntrl-on-soft: var(--clr-core-ntrl-20);
294
263
  --clr-theme-ntrl-soft: var(--clr-core-ntrl-80);
295
- --clr-theme-ntrl-soft-hover: var(--clr-core-ntrl-70);
296
264
  --clr-theme-pop-bg: var(--clr-core-pop-95);
297
265
  --clr-theme-pop-bg-muted: var(--clr-core-pop-90);
298
266
  --clr-theme-pop-element: var(--clr-core-pop-50);
299
- --clr-theme-pop-element-hover: var(--clr-core-pop-45);
300
267
  --clr-theme-pop-on-element: var(--clr-core-ntrl-100);
301
268
  --clr-theme-pop-on-soft: var(--clr-core-pop-40);
302
269
  --clr-theme-pop-soft: var(--clr-core-pop-80);
303
- --clr-theme-pop-soft-hover: var(--clr-core-pop-70);
304
270
  --clr-theme-purp-bg: var(--clr-core-purp-95);
305
271
  --clr-theme-purp-bg-muted: var(--clr-core-purp-90);
306
272
  --clr-theme-purp-element: var(--clr-core-purp-50);
307
- --clr-theme-purp-element-hover: var(--clr-core-purp-45);
308
273
  --clr-theme-purp-on-element: var(--clr-core-purp-95);
309
274
  --clr-theme-purp-on-soft: var(--clr-core-purp-40);
310
275
  --clr-theme-purp-soft: var(--clr-core-purp-80);
311
- --clr-theme-purp-soft-hover: var(--clr-core-purp-70);
312
276
  --clr-theme-succ-bg: var(--clr-core-succ-95);
313
277
  --clr-theme-succ-bg-muted: var(--clr-core-succ-90);
314
278
  --clr-theme-succ-element: var(--clr-core-succ-50);
315
- --clr-theme-succ-element-hover: var(--clr-core-succ-45);
316
279
  --clr-theme-succ-on-element: var(--clr-core-succ-95);
317
280
  --clr-theme-succ-on-soft: var(--clr-core-succ-40);
318
281
  --clr-theme-succ-soft: var(--clr-core-succ-80);
319
- --clr-theme-succ-soft-hover: var(--clr-core-succ-70);
320
282
  --clr-theme-warn-bg: var(--clr-core-warn-95);
321
283
  --clr-theme-warn-bg-muted: var(--clr-core-warn-90);
322
284
  --clr-theme-warn-element: var(--clr-core-warn-50);
323
- --clr-theme-warn-element-hover: var(--clr-core-warn-45);
324
285
  --clr-theme-warn-on-element: var(--clr-core-warn-95);
325
286
  --clr-theme-warn-on-soft: var(--clr-core-warn-40);
326
287
  --clr-theme-warn-soft: var(--clr-core-warn-80);
327
- --clr-theme-warn-soft-hover: var(--clr-core-warn-70);
328
288
  --clr-tooltip-bg: var(--clr-core-ntrl-95);
329
289
  --clr-tooltip-border: var(--clr-core-ntrl-80);
330
290
  --fx-shadow-l: 0 10px 40px 0 color(srgb 0 0 0 / 0.10196078431372549);
331
291
  --fx-shadow-m: 0 6px 30px 0 color(srgb 0 0 0 / 0.0784313725490196);
332
292
  --fx-shadow-s: 0 4px 14px 0 color(srgb 0 0 0 / 0.058823529411764705);
333
293
  --opacity-btn-icon-outline: 0.7;
334
- --opacity-btn-icon-outline-hover: 0.8;
335
294
  --opacity-btn-icon-solid: 0.8;
336
- --opacity-btn-icon-solid-hover: 0.9;
337
295
  --opacity-btn-outline: 0.4;
338
- --opacity-btn-outline-bg: 10px;
339
- --opacity-btn-outline-bg-hover: 0.2;
296
+ --opacity-btn-outline-bg: 0.1;
297
+ --opacity-btn-outline-bg-hover: 0.25;
298
+ --opacity-btn-solid-hover: 0.1;
340
299
  --radius-btn: var(--radius-m);
341
300
  --radius-l: 12px;
342
301
  --radius-m: 6px;
@@ -402,46 +361,38 @@
402
361
  --clr-commit-shadow: var(--clr-core-pop-30);
403
362
  --clr-commit-upstream: var(--clr-core-warn-50);
404
363
  --clr-diff-addition-contrast-2-count-bg: color(srgb 0.11764705882352941 0.3411764705882353 0.2901960784313726);
405
- --clr-diff-addition-contrast-2-count-bg-hover: color(srgb 0.14901960784313725 0.4 0.3411764705882353);
406
364
  --clr-diff-addition-contrast-2-count-border: color(srgb 0.3137254901960784 0.5450980392156862 0.45098039215686275);
407
365
  --clr-diff-addition-contrast-2-count-text: color(srgb 0.4980392156862745 0.7490196078431373 0.6980392156862745);
408
366
  --clr-diff-addition-contrast-2-line-bg: color(srgb 0.08235294117647059 0.2823529411764706 0.23529411764705882);
409
367
  --clr-diff-addition-contrast-2-line-highlight: color(srgb 0.08235294117647059 0.4823529411764706 0.403921568627451);
410
368
  --clr-diff-addition-contrast-3-count-bg: color(srgb 0.07450980392156863 0.38823529411764707 0.3137254901960784);
411
- --clr-diff-addition-contrast-3-count-bg-hover: color(srgb 0.16862745098039217 0.47843137254901963 0.40784313725490196);
412
369
  --clr-diff-addition-contrast-3-count-border: color(srgb 0.33725490196078434 0.5803921568627451 0.4823529411764706);
413
370
  --clr-diff-addition-contrast-3-count-text: color(srgb 0.615686274509804 0.8274509803921568 0.7411764705882353);
414
371
  --clr-diff-addition-contrast-3-line-bg: color(srgb 0.12156862745098039 0.33725490196078434 0.3058823529411765);
415
372
  --clr-diff-addition-contrast-3-line-highlight: color(srgb 0.1568627450980392 0.5764705882352941 0.49411764705882355);
416
373
  --clr-diff-addition-count-bg: color(srgb 0.047058823529411764 0.27058823529411763 0.2196078431372549);
417
- --clr-diff-addition-count-bg-hover: color(srgb 0.06666666666666667 0.3411764705882353 0.27058823529411763);
418
374
  --clr-diff-addition-count-border: color(srgb 0.16862745098039217 0.43137254901960786 0.3254901960784314);
419
375
  --clr-diff-addition-count-checkmark: color(srgb 0.5764705882352941 0.788235294117647 0.7019607843137254);
420
376
  --clr-diff-addition-count-text: color(srgb 0.40784313725490196 0.6196078431372549 0.5333333333333333);
421
377
  --clr-diff-addition-line-bg: color(srgb 0.054901960784313725 0.1843137254901961 0.1450980392156863);
422
378
  --clr-diff-addition-line-highlight: color(srgb 0.027450980392156862 0.32941176470588235 0.27058823529411763);
423
379
  --clr-diff-count-bg: color(srgb 0.18823529411764706 0.17254901960784313 0.16862745098039217);
424
- --clr-diff-count-bg-hover: color(srgb 0.23921568627450981 0.2235294117647059 0.2196078431372549);
425
380
  --clr-diff-count-border: var(--clr-border-2);
426
381
  --clr-diff-count-checkmark: var(--clr-text-2);
427
- --clr-diff-count-hover-overlay: color(srgb 1 1 1 / 0.058823529411764705);
428
382
  --clr-diff-count-text: var(--clr-text-3);
429
383
  --clr-diff-count-text-contrast-2: color(srgb 0.5019607843137255 0.4823529411764706 0.4549019607843137);
430
384
  --clr-diff-count-text-contrast-3: color(srgb 0.6 0.5764705882352941 0.5450980392156862);
431
385
  --clr-diff-deletion-contrast-2-count-bg: color(srgb 0.4392156862745098 0.13725490196078433 0.18823529411764706);
432
- --clr-diff-deletion-contrast-2-count-bg-hover: color(srgb 0.5607843137254902 0.19607843137254902 0.25882352941176473);
433
386
  --clr-diff-deletion-contrast-2-count-border: color(srgb 0.6509803921568628 0.32941176470588235 0.32941176470588235);
434
387
  --clr-diff-deletion-contrast-2-count-text: color(srgb 0.9137254901960784 0.5803921568627451 0.6352941176470588);
435
388
  --clr-diff-deletion-contrast-2-line-bg: color(srgb 0.3333333333333333 0.09019607843137255 0.13725490196078433);
436
389
  --clr-diff-deletion-contrast-2-line-highlight: color(srgb 0.6196078431372549 0.17254901960784313 0.25882352941176473);
437
390
  --clr-diff-deletion-contrast-3-count-bg: color(srgb 0.49411764705882355 0.1568627450980392 0.21568627450980393);
438
- --clr-diff-deletion-contrast-3-count-bg-hover: color(srgb 0.611764705882353 0.22745098039215686 0.29411764705882354);
439
391
  --clr-diff-deletion-contrast-3-count-border: color(srgb 0.7098039215686275 0.3764705882352941 0.3764705882352941);
440
392
  --clr-diff-deletion-contrast-3-count-text: color(srgb 0.9882352941176471 0.6431372549019608 0.6980392156862745);
441
393
  --clr-diff-deletion-contrast-3-line-bg: color(srgb 0.3607843137254902 0.11764705882352941 0.16470588235294117);
442
394
  --clr-diff-deletion-contrast-3-line-highlight: color(srgb 0.6392156862745098 0.20392156862745098 0.2901960784313726);
443
395
  --clr-diff-deletion-count-bg: color(srgb 0.3254901960784314 0.07450980392156863 0.11764705882352941);
444
- --clr-diff-deletion-count-bg-hover: color(srgb 0.4117647058823529 0.11764705882352941 0.17254901960784313);
445
396
  --clr-diff-deletion-count-border: color(srgb 0.5568627450980392 0.23529411764705882 0.23529411764705882);
446
397
  --clr-diff-deletion-count-checkmark: color(srgb 0.8156862745098039 0.48627450980392156 0.5411764705882353);
447
398
  --clr-diff-deletion-count-text: color(srgb 0.7019607843137254 0.403921568627451 0.45098039215686275);
@@ -449,27 +400,22 @@
449
400
  --clr-diff-deletion-line-highlight: color(srgb 0.47058823529411764 0.023529411764705882 0.10980392156862745);
450
401
  --clr-diff-line-bg: var(--clr-bg-1);
451
402
  --clr-diff-locked-contrast-2-count-bg: color(srgb 0.42745098039215684 0.29411764705882354 0.09803921568627451);
452
- --clr-diff-locked-contrast-2-count-bg-hover: color(srgb 0.45098039215686275 0.3176470588235294 0.11372549019607843);
453
403
  --clr-diff-locked-contrast-2-count-border: color(srgb 0.5686274509803921 0.42745098039215684 0.2235294117647059);
454
404
  --clr-diff-locked-contrast-2-count-checkmark: color(srgb 0.8745098039215686 0.7137254901960784 0.4392156862745098);
455
405
  --clr-diff-locked-contrast-2-count-text: color(srgb 0.8823529411764706 0.6941176470588235 0.3686274509803922);
456
406
  --clr-diff-locked-contrast-3-count-bg: color(srgb 0.4666666666666667 0.3176470588235294 0.09411764705882353);
457
- --clr-diff-locked-contrast-3-count-bg-hover: color(srgb 0.5294117647058824 0.37254901960784315 0.13725490196078433);
458
407
  --clr-diff-locked-contrast-3-count-border: color(srgb 0.611764705882353 0.4470588235294118 0.21568627450980393);
459
408
  --clr-diff-locked-contrast-3-count-checkmark: color(srgb 0.8823529411764706 0.6941176470588235 0.3686274509803922);
460
409
  --clr-diff-locked-contrast-3-count-text: color(srgb 0.9176470588235294 0.7294117647058823 0.403921568627451);
461
410
  --clr-diff-locked-count-bg: color(srgb 0.3764705882352941 0.25882352941176473 0.08627450980392157);
462
- --clr-diff-locked-count-bg-hover: color(srgb 0.4196078431372549 0.28627450980392155 0.08627450980392157);
463
411
  --clr-diff-locked-count-border: color(srgb 0.5294117647058824 0.38823529411764707 0.1843137254901961);
464
412
  --clr-diff-locked-count-checkmark: color(srgb 0.8431372549019608 0.6549019607843137 0.32941176470588235);
465
413
  --clr-diff-locked-count-text: color(srgb 0.8431372549019608 0.6549019607843137 0.32941176470588235);
466
414
  --clr-diff-locked-selected-count-bg: color(srgb 0.6078431372549019 0.40784313725490196 0.11372549019607843);
467
- --clr-diff-locked-selected-count-bg-hover: color(srgb 0.6666666666666666 0.4470588235294118 0.12549019607843137);
468
415
  --clr-diff-locked-selected-count-border: color(srgb 0.45098039215686275 0.30980392156862746 0.10588235294117647);
469
416
  --clr-diff-locked-selected-count-checkmark: color(srgb 0.9254901960784314 0.8235294117647058 0.6470588235294118);
470
417
  --clr-diff-locked-selected-count-text: color(srgb 0.9254901960784314 0.8235294117647058 0.6470588235294118);
471
418
  --clr-diff-selected-count-bg: var(--clr-core-pop-30);
472
- --clr-diff-selected-count-bg-hover: var(--clr-core-pop-40);
473
419
  --clr-diff-selected-count-border: var(--clr-core-pop-20);
474
420
  --clr-diff-selected-count-checkmark: var(--clr-core-pop-60);
475
421
  --clr-diff-selected-count-text: var(--clr-core-pop-60);
@@ -549,58 +495,43 @@
549
495
  --clr-selected-in-focus-element: var(--clr-core-pop-40);
550
496
  --clr-selected-not-in-focus-bg: var(--clr-core-ntrl-20);
551
497
  --clr-selected-not-in-focus-element: var(--clr-core-ntrl-40);
552
- --clr-stack-tab-active: var(--clr-bg-1);
553
- --clr-stack-tab-inactive: var(--clr-bg-2);
554
- --clr-stack-tab-inactive-hover: var(--clr-core-ntrl-10);
555
498
  --clr-text-1: var(--clr-core-ntrl-95);
556
499
  --clr-text-2: var(--clr-core-ntrl-60);
557
500
  --clr-text-3: var(--clr-core-ntrl-40);
558
501
  --clr-theme-err-bg: var(--clr-core-err-5);
559
502
  --clr-theme-err-bg-muted: var(--clr-core-err-10);
560
503
  --clr-theme-err-element: var(--clr-core-err-30);
561
- --clr-theme-err-element-hover: var(--clr-core-err-30);
562
504
  --clr-theme-err-on-element: var(--clr-core-err-95);
563
505
  --clr-theme-err-on-soft: var(--clr-core-err-60);
564
506
  --clr-theme-err-soft: var(--clr-core-err-10);
565
- --clr-theme-err-soft-hover: var(--clr-core-err-20);
566
507
  --clr-theme-ntrl-element: var(--clr-core-ntrl-80);
567
- --clr-theme-ntrl-element-hover: var(--clr-core-ntrl-95);
568
508
  --clr-theme-ntrl-on-element: var(--clr-core-ntrl-0);
569
509
  --clr-theme-ntrl-on-soft: var(--clr-core-ntrl-70);
570
510
  --clr-theme-ntrl-soft: var(--clr-core-ntrl-20);
571
- --clr-theme-ntrl-soft-hover: var(--clr-core-ntrl-30);
572
511
  --clr-theme-pop-bg: var(--clr-core-pop-5);
573
512
  --clr-theme-pop-bg-muted: var(--clr-core-pop-10);
574
- --clr-theme-pop-element: var(--clr-core-pop-30);
575
- --clr-theme-pop-element-hover: var(--clr-core-pop-30);
513
+ --clr-theme-pop-element: var(--clr-core-pop-40);
576
514
  --clr-theme-pop-on-element: var(--clr-core-ntrl-100);
577
515
  --clr-theme-pop-on-soft: var(--clr-core-pop-60);
578
516
  --clr-theme-pop-soft: var(--clr-core-pop-10);
579
- --clr-theme-pop-soft-hover: var(--clr-core-pop-20);
580
517
  --clr-theme-purp-bg: var(--clr-core-purp-5);
581
518
  --clr-theme-purp-bg-muted: var(--clr-core-purp-10);
582
519
  --clr-theme-purp-element: var(--clr-core-purp-50);
583
- --clr-theme-purp-element-hover: var(--clr-core-purp-40);
584
520
  --clr-theme-purp-on-element: var(--clr-core-purp-90);
585
521
  --clr-theme-purp-on-soft: var(--clr-core-purp-60);
586
522
  --clr-theme-purp-soft: var(--clr-core-purp-10);
587
- --clr-theme-purp-soft-hover: var(--clr-core-purp-20);
588
523
  --clr-theme-succ-bg: var(--clr-core-succ-5);
589
524
  --clr-theme-succ-bg-muted: var(--clr-core-succ-10);
590
525
  --clr-theme-succ-element: var(--clr-core-succ-30);
591
- --clr-theme-succ-element-hover: var(--clr-core-succ-20);
592
526
  --clr-theme-succ-on-element: var(--clr-core-succ-90);
593
527
  --clr-theme-succ-on-soft: var(--clr-core-succ-60);
594
528
  --clr-theme-succ-soft: var(--clr-core-succ-10);
595
- --clr-theme-succ-soft-hover: var(--clr-core-succ-20);
596
529
  --clr-theme-warn-bg: var(--clr-core-warn-5);
597
530
  --clr-theme-warn-bg-muted: var(--clr-core-warn-10);
598
531
  --clr-theme-warn-element: var(--clr-core-warn-40);
599
- --clr-theme-warn-element-hover: var(--clr-core-warn-30);
600
532
  --clr-theme-warn-on-element: var(--clr-core-warn-90);
601
533
  --clr-theme-warn-on-soft: var(--clr-core-warn-60);
602
534
  --clr-theme-warn-soft: var(--clr-core-warn-10);
603
- --clr-theme-warn-soft-hover: var(--clr-core-warn-20);
604
535
  --clr-tooltip-bg: var(--clr-core-ntrl-10);
605
536
  --clr-tooltip-border: var(--clr-core-ntrl-30);
606
537
  }