forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Lighten post controls a little in light-mode and add them to the theme
+17
-12
+15
-12
src/view/com/util/PostCtrls.tsx
+15
-12
src/view/com/util/PostCtrls.tsx
···
34
34
onDeletePost: () => void
35
35
}
36
36
37
-
const redgray = '#7A6161'
38
-
const sRedgray = {color: redgray}
39
37
const HITSLOP = {top: 2, left: 2, bottom: 2, right: 2}
40
38
41
39
export function PostCtrls(opts: PostCtrlsOpts) {
42
40
const theme = useTheme()
41
+
const defaultCtrlColor = React.useMemo(
42
+
() => ({
43
+
color: theme.palette.default.postCtrl,
44
+
}),
45
+
[theme],
46
+
)
43
47
const interp1 = useAnimatedValue(0)
44
48
const interp2 = useAnimatedValue(0)
45
49
···
119
123
hitSlop={HITSLOP}
120
124
onPress={opts.onPressReply}>
121
125
<CommentBottomArrow
122
-
style={styles.ctrlIcon}
126
+
style={defaultCtrlColor}
123
127
strokeWidth={3}
124
128
size={opts.big ? 20 : 15}
125
129
/>
126
130
{typeof opts.replyCount !== 'undefined' ? (
127
-
<Text style={[sRedgray, s.ml5, s.f15]}>{opts.replyCount}</Text>
131
+
<Text style={[defaultCtrlColor, s.ml5, s.f15]}>
132
+
{opts.replyCount}
133
+
</Text>
128
134
) : undefined}
129
135
</TouchableOpacity>
130
136
</View>
···
136
142
<Animated.View style={anim1Style}>
137
143
<FontAwesomeIcon
138
144
style={
139
-
opts.isReposted ? styles.ctrlIconReposted : styles.ctrlIcon
145
+
opts.isReposted ? styles.ctrlIconReposted : defaultCtrlColor
140
146
}
141
147
icon="retweet"
142
148
size={opts.big ? 22 : 19}
···
147
153
style={
148
154
opts.isReposted
149
155
? [s.bold, s.green3, s.f15, s.ml5]
150
-
: [sRedgray, s.f15, s.ml5]
156
+
: [defaultCtrlColor, s.f15, s.ml5]
151
157
}>
152
158
{opts.repostCount}
153
159
</Text>
···
167
173
/>
168
174
) : (
169
175
<UpIcon
170
-
style={[styles.ctrlIcon]}
176
+
style={defaultCtrlColor}
171
177
size={opts.big ? 22 : 19}
172
178
strokeWidth={1.5}
173
179
/>
···
178
184
style={
179
185
opts.isUpvoted
180
186
? [s.bold, s.red3, s.f15, s.ml5]
181
-
: [sRedgray, s.f15, s.ml5]
187
+
: [defaultCtrlColor, s.f15, s.ml5]
182
188
}>
183
189
{opts.upvoteCount}
184
190
</Text>
···
202
208
s.mr5,
203
209
{
204
210
color:
205
-
theme.colorScheme === 'light' ? colors.gray3 : colors.gray5,
211
+
theme.colorScheme === 'light' ? colors.gray4 : colors.gray5,
206
212
},
207
213
]}
208
214
/>
···
220
226
ctrl: {
221
227
flexDirection: 'row',
222
228
alignItems: 'center',
223
-
},
224
-
ctrlIcon: {
225
-
color: redgray,
226
229
},
227
230
ctrlIconReposted: {
228
231
color: colors.green3,
+2
src/view/lib/themes.ts
+2
src/view/lib/themes.ts
···
20
20
replyLine: colors.gray2,
21
21
replyLineDot: colors.gray3,
22
22
unreadNotifBg: '#ebf6ff',
23
+
postCtrl: '#8A7171',
23
24
},
24
25
primary: {
25
26
background: colors.blue3,
···
164
165
replyLine: colors.gray5,
165
166
replyLineDot: colors.gray6,
166
167
unreadNotifBg: colors.blue5,
168
+
postCtrl: '#7A6161',
167
169
},
168
170
primary: {
169
171
...defaultTheme.palette.primary,