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
export type Palette = {
2
white: string
3
black: string
4
like: string
5
6
contrast_0: string
···
62
negative_975: string
63
}
64
65
-
export const DEFAULT_PALETTE: Palette = {
66
white: '#FFFFFF',
67
black: '#000000',
68
-
like: '#EC4899',
69
70
contrast_0: '#FFFFFF',
71
contrast_25: '#F9FAFB',
···
127
}
128
129
export const DEFAULT_SUBDUED_PALETTE: Palette = {
130
-
white: '#FFFFFF',
131
-
black: '#000000',
132
-
like: '#EC4899',
133
134
contrast_0: '#FFFFFF',
135
contrast_25: '#F9FAFB',
···
194
return {
195
white: palette.white,
196
black: palette.black,
197
like: palette.like,
198
199
contrast_0: palette.contrast_1000,
···
1
export type Palette = {
2
white: string
3
black: string
4
+
pink: string
5
+
yellow: string
6
+
7
+
/** @deprecated use `pink` instead */
8
like: string
9
10
contrast_0: string
···
66
negative_975: string
67
}
68
69
+
const STATIC_VALUES = {
70
white: '#FFFFFF',
71
black: '#000000',
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,
82
83
contrast_0: '#FFFFFF',
84
contrast_25: '#F9FAFB',
···
140
}
141
142
export const DEFAULT_SUBDUED_PALETTE: Palette = {
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,
148
149
contrast_0: '#FFFFFF',
150
contrast_25: '#F9FAFB',
···
209
return {
210
white: palette.white,
211
black: palette.black,
212
+
pink: palette.pink,
213
+
yellow: palette.yellow,
214
like: palette.like,
215
216
contrast_0: palette.contrast_1000,