esb.lol
Bluesky's "Application Layout Framework"
feat: update palettes on-spec
+29
-29
+29
-29
src/palette.ts
+29
-29
src/palette.ts
···
68
68
like: '#EC4899',
69
69
70
70
contrast_0: '#FFFFFF',
71
-
contrast_25: '#F2F4F7',
72
-
contrast_50: '#E5EAF0',
73
-
contrast_100: '#D9DFE8',
71
+
contrast_25: '#F9FAFB',
72
+
contrast_50: '#EFF2F6',
73
+
contrast_100: '#DCE2EA',
74
74
contrast_200: '#C0CAD8',
75
75
contrast_300: '#A5B2C5',
76
76
contrast_400: '#8798B0',
···
83
83
contrast_975: '#111822',
84
84
contrast_1000: '#000000',
85
85
86
-
primary_25: '#EBF3FF',
87
-
primary_50: '#DBEAFF',
86
+
primary_25: '#F5F9FF',
87
+
primary_50: '#E5F0FF',
88
88
primary_100: '#CCE1FF',
89
89
primary_200: '#A8CCFF',
90
90
primary_300: '#75AFFF',
···
97
97
primary_950: '#001E47',
98
98
primary_975: '#001533',
99
99
100
-
positive_25: '#E2FDF0',
101
-
positive_50: '#CAFCE3',
100
+
positive_25: '#ECFEF5',
101
+
positive_50: '#D3FDE8',
102
102
positive_100: '#A3FACF',
103
103
positive_200: '#6AF6B0',
104
104
positive_300: '#2CF28F',
···
111
111
positive_950: '#032A17',
112
112
positive_975: '#021D0F',
113
113
114
-
negative_25: '#FFF0F4',
115
-
negative_50: '#FEE2E8',
114
+
negative_25: '#FFF5F7',
115
+
negative_50: '#FEE7EC',
116
116
negative_100: '#FDD3DD',
117
117
negative_200: '#FBBBCA',
118
118
negative_300: '#F891A9',
···
132
132
like: '#EC4899',
133
133
134
134
contrast_0: '#FFFFFF',
135
-
contrast_25: '#F2F4F7',
136
-
contrast_50: '#E9ECF2',
137
-
contrast_100: '#DCE2EA',
135
+
contrast_25: '#F9FAFB',
136
+
contrast_50: '#F2F4F8',
137
+
contrast_100: '#E2E7EE',
138
138
contrast_200: '#C3CDDA',
139
139
contrast_300: '#ABB8C9',
140
140
contrast_400: '#8D9DB4',
···
147
147
contrast_975: '#1C2736',
148
148
contrast_1000: '#151D28',
149
149
150
-
primary_25: '#EBF3FF',
151
-
primary_50: '#E0EDFF',
152
-
primary_100: '#D1E4FF',
150
+
primary_25: '#F5F9FF',
151
+
primary_50: '#EBF3FF',
152
+
primary_100: '#D6E7FF',
153
153
primary_200: '#ADCFFF',
154
154
primary_300: '#80B5FF',
155
155
primary_400: '#4D97FF',
156
156
primary_500: '#0F73FF',
157
157
primary_600: '#0060E5',
158
158
primary_700: '#0051C2',
159
-
primary_800: '#084191',
160
-
primary_900: '#0C336A',
161
-
primary_950: '#0D264A',
162
-
primary_975: '#0D1E35',
159
+
primary_800: '#04439A',
160
+
primary_900: '#06326F',
161
+
primary_950: '#072755',
162
+
primary_975: '#071F40',
163
163
164
-
positive_25: '#E2FDF0',
165
-
positive_50: '#CFFCE5',
164
+
positive_25: '#ECFEF5',
165
+
positive_50: '#D8FDEB',
166
166
positive_100: '#A8FAD1',
167
167
positive_200: '#6FF6B3',
168
168
positive_300: '#31F291',
···
171
171
positive_600: '#049F52',
172
172
positive_700: '#038142',
173
173
positive_800: '#056636',
174
-
positive_900: '#05572E',
175
-
positive_950: '#054224',
176
-
positive_975: '#03351C',
174
+
positive_900: '#04522B',
175
+
positive_950: '#053D21',
176
+
positive_975: '#052917',
177
177
178
-
negative_25: '#FFF0F4',
179
-
negative_50: '#FEE7EC',
178
+
negative_25: '#FFF5F7',
179
+
negative_50: '#FEEBEF',
180
180
negative_100: '#FDD8E1',
181
181
negative_200: '#FCC0CE',
182
182
negative_300: '#F99AB0',
···
185
185
negative_600: '#D81341',
186
186
negative_700: '#BA1239',
187
187
negative_800: '#910D2C',
188
-
negative_900: '#770923',
189
-
negative_950: '#5B061A',
190
-
negative_975: '#4D0415',
188
+
negative_900: '#6F0B22',
189
+
negative_950: '#500B1C',
190
+
negative_975: '#3E0915',
191
191
}
192
192
193
193
export function invertPalette(palette: Palette) {