esb.lol
Bluesky's "Application Layout Framework"
Add pink and yellow colours, deprecate like
authored by
+22
-5
src/palette.ts
+22
-5
src/palette.ts
···
1
1
export type Palette = {
2
2
white: string
3
3
black: string
4
+
pink: string
5
+
yellow: string
6
+
7
+
/** @deprecated use `pink` instead */
4
8
like: string
5
9
6
10
contrast_0: string
···
62
66
negative_975: string
63
67
}
64
68
65
-
export const DEFAULT_PALETTE: Palette = {
69
+
const STATIC_VALUES = {
66
70
white: '#FFFFFF',
67
71
black: '#000000',
68
-
like: '#EC4899',
72
+
pink: '#EC4899',
73
+
yellow: '#FFC404',
74
+
}
75
+
76
+
export const DEFAULT_PALETTE: Palette = {
77
+
white: STATIC_VALUES.white,
78
+
black: STATIC_VALUES.black,
79
+
pink: STATIC_VALUES.pink,
80
+
yellow: STATIC_VALUES.yellow,
81
+
like: STATIC_VALUES.pink,
69
82
70
83
contrast_0: '#FFFFFF',
71
84
contrast_25: '#F9FAFB',
···
127
140
}
128
141
129
142
export const DEFAULT_SUBDUED_PALETTE: Palette = {
130
-
white: '#FFFFFF',
131
-
black: '#000000',
132
-
like: '#EC4899',
143
+
white: STATIC_VALUES.white,
144
+
black: STATIC_VALUES.black,
145
+
pink: STATIC_VALUES.pink,
146
+
yellow: STATIC_VALUES.yellow,
147
+
like: STATIC_VALUES.pink,
133
148
134
149
contrast_0: '#FFFFFF',
135
150
contrast_25: '#F9FAFB',
···
194
209
return {
195
210
white: palette.white,
196
211
black: palette.black,
212
+
pink: palette.pink,
213
+
yellow: palette.yellow,
197
214
like: palette.like,
198
215
199
216
contrast_0: palette.contrast_1000,