git ssb - dx: update void colors in the palette · Daan Patchwork/manyverse@175f1bf5

Commit 175f1bf5d085dcad0705afcda5670ba659b460d0

dx: update void colors in the palette

David Gomez authored on 11/6/2020, 8:16:08 PM
Andre Staltz committed on 12/3/2020, 5:22:26 PM
Parent: 69a4bde0c36c66fde5630722da84a0fd0306e325

Files changed

src/frontend/components/Feed.ts	changed
src/frontend/components/FullThread.ts	changed
src/frontend/components/RawFeed.ts	changed
src/frontend/components/ToggleButton.ts	changed
src/frontend/components/ZoomableImage.ts	changed
src/frontend/components/messages/PlaceholderMessage.ts	changed
src/frontend/components/messages/PlaceholderMessageFooter.ts	changed
src/frontend/components/messages/PlaceholderMessageHeader.ts	changed
src/frontend/global-styles/palette.ts	changed
src/frontend/screens/accounts/index.ts	changed
src/frontend/screens/backup/index.ts	changed
src/frontend/screens/central/connections-tab/view/ConnectivityModes.ts	changed
src/frontend/screens/central/connections-tab/view/styles.ts	changed
src/frontend/screens/central/styles.ts	changed
src/frontend/screens/conversation/index.ts	changed
src/frontend/screens/conversation/view.ts	changed
src/frontend/screens/drawer/view.ts	changed
src/frontend/screens/layouts.ts	changed
src/frontend/screens/libraries/index.ts	changed
src/frontend/screens/profile/styles.ts	changed
src/frontend/screens/raw-db/index.ts	changed
src/frontend/screens/raw-msg/index.ts	changed
src/frontend/screens/recipients-input/styles.ts	changed
src/frontend/screens/secret-input/view.ts	changed
src/frontend/screens/secret-output/index.ts	changed
src/frontend/screens/settings/view/LinkSetting.ts	changed
src/frontend/screens/settings/view/ToggleSetting.ts	changed
src/frontend/screens/settings/view/styles.ts	changed
src/frontend/screens/thread/styles.ts	changed

src/frontend/components/Feed.tsView
		@@ -52,9 +52,9 @@
52	52	flex: 1,
53	53	},
54	54
55	55	itemSeparator: {
56		- backgroundColor: Palette.backgroundVoid,
	56	+ backgroundColor: Palette.voidMain,
57	57	height: SEPARATOR_HEIGHT,
58	58	},
59	59
60	60	footer: {

src/frontend/components/FullThread.tsView
		@@ -48,9 +48,9 @@
48	48	};
49	49
50	50	export const styles = StyleSheet.create({
51	51	separator: {
52		- backgroundColor: Palette.backgroundVoid,
	52	+ backgroundColor: Palette.voidMain,
53	53	height: Dimensions.verticalSpaceNormal,
54	54	},
55	55
56	56	contentContainer: {

src/frontend/components/RawFeed.tsView
		@@ -21,9 +21,9 @@
21	21	flex: 1,
22	22	},
23	23
24	24	itemSeparator: {
25		- backgroundColor: Palette.backgroundVoidWeak,
	25	+ backgroundColor: Palette.voidWeak,
26	26	height: 1,
27	27	},
28	28	});
29	29

src/frontend/components/ToggleButton.tsView
		@@ -51,9 +51,9 @@
51	51	},
52	52
53	53	containerMaybe: {
54	54	...baseContainerStyle,
55		- backgroundColor: Palette.backgroundVoidStronger,
	55	+ backgroundColor: Palette.voidStronger,
56	56	},
57	57
58	58	containerToggled: {
59	59	...baseContainerStyle,

src/frontend/components/ZoomableImage.tsView
		@@ -59,9 +59,9 @@
59	59	},
60	60
61	61	imagePlaceholder: {
62	62	marginVertical: Dimens.verticalSpaceSmall,
63		- backgroundColor: Palette.backgroundVoidWeak,
	63	+ backgroundColor: Palette.voidWeak,
64	64	resizeMode: 'center',
65	65	},
66	66	});
67	67

src/frontend/components/messages/PlaceholderMessage.tsView
		@@ -22,9 +22,9 @@
22	22	width: 250,
23	23	height: 16,
24	24	marginTop: Dimensions.verticalSpaceNormal + 2,
25	25	marginBottom: 10,
26		- backgroundColor: Palette.backgroundVoidWeak,
	26	+ backgroundColor: Palette.voidWeak,
27	27	},
28	28	});
29	29
30	30	export default class PlaceholderMessage extends PureComponent<{}> {

src/frontend/components/messages/PlaceholderMessageFooter.tsView
		@@ -44,9 +44,9 @@
44	44	buttonIcon: {
45	45	height: Dimensions.iconSizeNormal,
46	46	width: Dimensions.iconSizeNormal,
47	47	borderRadius: 6,
48		- backgroundColor: Palette.backgroundVoidWeak,
	48	+ backgroundColor: Palette.voidWeak,
49	49	},
50	50	});
51	51
52	52	export default class PlaceholderFooter extends PureComponent<{}> {

src/frontend/components/messages/PlaceholderMessageHeader.tsView
		@@ -24,9 +24,9 @@
24	24	authorAvatar: {
25	25	height: Dimensions.avatarSizeNormal,
26	26	width: Dimensions.avatarSizeNormal,
27	27	borderRadius: Math.ceil(Dimensions.avatarSizeNormal * 0.5),
28		- backgroundColor: Palette.backgroundVoidWeak,
	28	+ backgroundColor: Palette.voidWeak,
29	29	marginRight: Dimensions.horizontalSpaceSmall + 2,
30	30	},
31	31
32	32	authorNameTouchable: {
		@@ -36,16 +36,16 @@
36	36	authorName: {
37	37	width: 110,
38	38	height: 16,
39	39	marginTop: 2,
40		- backgroundColor: Palette.backgroundVoidWeak,
	40	+ backgroundColor: Palette.voidWeak,
41	41	},
42	42
43	43	timestamp: {
44	44	width: 100,
45	45	height: 16,
46	46	marginTop: 2,
47		- backgroundColor: Palette.backgroundVoidWeak,
	47	+ backgroundColor: Palette.voidWeak,
48	48	},
49	49	});
50	50
51	51	export default class PlaceholderHeader extends PureComponent<{}> {

src/frontend/global-styles/palette.tsView
		@@ -177,12 +177,12 @@
177	177	brandMain: indigo7,
178	178	brandStrong: indigo9,
179	179	brandStronger: indigo11,
180	180
181		- backgroundVoidWeak: comet1,
182		- backgroundVoid: comet2,
183		- backgroundVoidStrong: comet4,
184		- backgroundVoidStronger: comet6,
	181	+ voidWeak: comet0,
	182	+ voidMain: comet1,
	183	+ voidStrong: comet2,
	184	+ voidStronger: comet3,
185	185
186	186	backgroundTextWeak: comet1,
187	187	backgroundTextWeakStrong: comet5,
188	188	backgroundText: white,

src/frontend/screens/accounts/index.tsView
		@@ -53,9 +53,9 @@
53	53	export const styles = StyleSheet.create({
54	54	screen: {
55	55	flex: 1,
56	56	alignSelf: 'stretch',
57		- backgroundColor: Palette.backgroundVoid,
	57	+ backgroundColor: Palette.voidMain,
58	58	flexDirection: 'column',
59	59	},
60	60
61	61	container: {

src/frontend/screens/backup/index.tsView
		@@ -41,9 +41,9 @@
41	41	export const styles = StyleSheet.create({
42	42	screen: {
43	43	flex: 1,
44	44	alignSelf: 'stretch',
45		- backgroundColor: Palette.backgroundVoid,
	45	+ backgroundColor: Palette.voidMain,
46	46	flexDirection: 'column',
47	47	},
48	48
49	49	bold: {

src/frontend/screens/central/connections-tab/view/ConnectivityModes.tsView
		@@ -71,16 +71,16 @@
71	71	{
72	72	onPress: props.onPress,
73	73	style: styles.modeTouchable,
74	74	hitSlop: {top: 8, bottom: 8, left: 8, right: 8},
75		- underlayColor: Palette.backgroundVoidWeak,
	75	+ underlayColor: Palette.voidWeak,
76	76	},
77	77	[
78	78	h(Icon, {
79	79	size: Dimensions.iconSizeBig,
80	80	color: props.active
81	81	? Palette.brandMain
82		- : Palette.backgroundVoidStrong,
	82	+ : Palette.voidStrong,
83	83	name: props.icon,
84	84	accessible: true,
85	85	accessibilityLabel: props.accessibilityLabel,
86	86	}),

src/frontend/screens/central/connections-tab/view/styles.tsView
		@@ -10,9 +10,9 @@
10	10	import {Typography} from '../../../../global-styles/typography';
11	11
12	12	export const styles = StyleSheet.create({
13	13	container: {
14		- backgroundColor: Palette.backgroundVoid,
	14	+ backgroundColor: Palette.voidMain,
15	15	marginTop: Dimens.toolbarHeight, // for the topBar
16	16	alignSelf: 'stretch',
17	17	flex: 1,
18	18	},

src/frontend/screens/central/styles.tsView
		@@ -16,17 +16,17 @@
16	16	top: 0,
17	17	left: 0,
18	18	bottom: Dimensions.toolbarHeight - getStatusBarHeight(true),
19	19	right: 0,
20		- backgroundColor: Palette.backgroundVoid,
	20	+ backgroundColor: Palette.voidMain,
21	21	justifyContent: 'center',
22	22	alignItems: 'center',
23	23	};
24	24
25	25	export const styles = StyleSheet.create({
26	26	root: {
27	27	flex: 1,
28		- backgroundColor: Palette.backgroundVoid,
	28	+ backgroundColor: Palette.voidMain,
29	29	},
30	30
31	31	pageHidden: {...page, zIndex: 10},
32	32

src/frontend/screens/conversation/index.tsView
		@@ -40,9 +40,9 @@
40	40	export const styles = StyleSheet.create({
41	41	container: {
42	42	flex: 1,
43	43	alignSelf: 'stretch',
44		- backgroundColor: Palette.backgroundVoid,
	44	+ backgroundColor: Palette.voidMain,
45	45	flexDirection: 'column',
46	46	},
47	47
48	48	bubbleText: {

src/frontend/screens/conversation/view.tsView
		@@ -55,9 +55,9 @@
55	55	export const styles = StyleSheet.create({
56	56	container: {
57	57	flex: 1,
58	58	alignSelf: 'stretch',
59		- backgroundColor: Palette.backgroundVoid,
	59	+ backgroundColor: Palette.voidMain,
60	60	flexDirection: 'column',
61	61	},
62	62
63	63	bubbleText: {
		@@ -97,9 +97,9 @@
97	97	},
98	98
99	99	bubbleLeft: {
100	100	backgroundColor: Palette.backgroundText,
101		- borderColor: Palette.backgroundVoidStrong,
	101	+ borderColor: Palette.voidStrong,
102	102	borderRadius: 10,
103	103	borderWidth: StyleSheet.hairlineWidth,
104	104	paddingHorizontal: Dimensions.verticalSpaceTiny,
105	105	paddingTop: Dimensions.verticalSpaceTiny,

src/frontend/screens/drawer/view.tsView
		@@ -60,9 +60,9 @@
60	60	accessibilityLabel,
61	61	};
62	62	if (Platform.OS === 'android') {
63	63	touchableProps.background = TouchableNativeFeedback.Ripple(
64		- Palette.backgroundVoid,
	64	+ Palette.voidMain,
65	65	);
66	66	}
67	67
68	68	return h(Touchable, touchableProps, [

src/frontend/screens/layouts.tsView
		@@ -57,9 +57,9 @@
57	57	shouldStretchDrawer: false,
58	58	},
59	59	},
60	60	layout: {
61		- backgroundColor: Palette.backgroundVoid,
	61	+ backgroundColor: Palette.voidMain,
62	62	orientation: ['portrait', 'landscape'],
63	63	},
64	64	topBar: {
65	65	visible: false,

src/frontend/screens/libraries/index.tsView
		@@ -40,9 +40,9 @@
40	40	export const styles = StyleSheet.create({
41	41	screen: {
42	42	flex: 1,
43	43	alignSelf: 'stretch',
44		- backgroundColor: Palette.backgroundVoid,
	44	+ backgroundColor: Palette.voidMain,
45	45	flexDirection: 'column',
46	46	},
47	47
48	48	container: {

src/frontend/screens/profile/styles.tsView
		@@ -25,9 +25,9 @@
25	25	export const styles = StyleSheet.create({
26	26	container: {
27	27	flex: 1,
28	28	alignSelf: 'stretch',
29		- backgroundColor: Palette.backgroundVoid,
	29	+ backgroundColor: Palette.voidMain,
30	30	},
31	31
32	32	cover: {
33	33	position: 'absolute',
		@@ -88,9 +88,9 @@
88	88	},
89	89
90	90	followsYou: {
91	91	alignSelf: 'flex-start',
92		- backgroundColor: Palette.backgroundVoidWeak,
	92	+ backgroundColor: Palette.voidWeak,
93	93	borderRadius: 3,
94	94	paddingHorizontal: Dimensions.horizontalSpaceSmall,
95	95	paddingVertical: Dimensions.verticalSpaceTiny,
96	96	},
		@@ -137,9 +137,9 @@
137	137	},
138	138
139	139	feed: {
140	140	bottom: 0,
141		- backgroundColor: Palette.backgroundVoid,
	141	+ backgroundColor: Palette.voidMain,
142	142	alignSelf: 'stretch',
143	143	},
144	144
145	145	emptySection: {

src/frontend/screens/raw-db/index.tsView
		@@ -49,9 +49,9 @@
49	49	export const styles = StyleSheet.create({
50	50	screen: {
51	51	flex: 1,
52	52	alignSelf: 'stretch',
53		- backgroundColor: Palette.backgroundVoid,
	53	+ backgroundColor: Palette.voidMain,
54	54	flexDirection: 'column',
55	55	},
56	56	});
57	57	export type Actions = {

src/frontend/screens/raw-msg/index.tsView
		@@ -47,9 +47,9 @@
47	47	export const styles = StyleSheet.create({
48	48	screen: {
49	49	flex: 1,
50	50	alignSelf: 'stretch',
51		- backgroundColor: Palette.backgroundVoid,
	51	+ backgroundColor: Palette.voidMain,
52	52	flexDirection: 'column',
53	53	},
54	54
55	55	container: {

src/frontend/screens/recipients-input/styles.tsView
		@@ -12,9 +12,9 @@
12	12	export const styles = StyleSheet.create({
13	13	screen: {
14	14	flex: 1,
15	15	alignSelf: 'stretch',
16		- backgroundColor: Palette.backgroundVoid,
	16	+ backgroundColor: Palette.voidMain,
17	17	flexDirection: 'column',
18	18	},
19	19
20	20	mentionsOverlay: {

src/frontend/screens/secret-input/view.tsView
		@@ -27,9 +27,9 @@
27	27	export const styles = StyleSheet.create({
28	28	screen: {
29	29	flex: 1,
30	30	alignSelf: 'stretch',
31		- backgroundColor: Palette.backgroundVoid,
	31	+ backgroundColor: Palette.voidMain,
32	32	flexDirection: 'column',
33	33	},
34	34
35	35	container: {

src/frontend/screens/secret-output/index.tsView
		@@ -42,9 +42,9 @@
42	42	export const styles = StyleSheet.create({
43	43	screen: {
44	44	flex: 1,
45	45	alignSelf: 'stretch',
46		- backgroundColor: Palette.backgroundVoid,
	46	+ backgroundColor: Palette.voidMain,
47	47	flexDirection: 'column',
48	48	},
49	49
50	50	container: {

src/frontend/screens/settings/view/LinkSetting.tsView
		@@ -68,9 +68,9 @@
68	68	accessibilityLabel,
69	69	};
70	70	if (Platform.OS === 'android') {
71	71	touchableProps.background = TouchableNativeFeedback.Ripple(
72		- Palette.backgroundVoid,
	72	+ Palette.voidMain,
73	73	);
74	74	}
75	75
76	76	return h(Touchable, touchableProps, [

src/frontend/screens/settings/view/ToggleSetting.tsView
		@@ -77,9 +77,9 @@
77	77	accessibilityLabel,
78	78	};
79	79	if (Platform.OS === 'android') {
80	80	touchableProps.background = TouchableNativeFeedback.Ripple(
81		- Palette.backgroundVoid,
	81	+ Palette.voidMain,
82	82	);
83	83	}
84	84
85	85	return h(Touchable, touchableProps, [

src/frontend/screens/settings/view/styles.tsView
		@@ -19,9 +19,9 @@
19	19	container: {
20	20	flex: 1,
21	21	alignSelf: 'stretch',
22	22	flexDirection: 'column',
23		- backgroundColor: Palette.backgroundVoid,
	23	+ backgroundColor: Palette.voidMain,
24	24	},
25	25
26	26	section: {
27	27	backgroundColor: Palette.backgroundText,
		@@ -38,9 +38,9 @@
38	38	},
39	39
40	40	spacer: {
41	41	height: 1,
42		- backgroundColor: Palette.backgroundVoid,
	42	+ backgroundColor: Palette.voidMain,
43	43	},
44	44
45	45	content: {
46	46	fontSize: Typography.fontSizeNormal,

src/frontend/screens/thread/styles.tsView
		@@ -14,9 +14,9 @@
14	14	export const styles = StyleSheet.create({
15	15	container: {
16	16	flex: 1,
17	17	alignSelf: 'stretch',
18		- backgroundColor: Palette.backgroundVoid,
	18	+ backgroundColor: Palette.voidMain,
19	19	flexDirection: 'column',
20	20	},
21	21
22	22	loading: {
		@@ -31,9 +31,9 @@
31	31	replyRow: {
32	32	backgroundColor: Palette.backgroundText,
33	33	paddingLeft: Dimensions.horizontalSpaceBig,
34	34	borderTopWidth: 1,
35		- borderTopColor: Palette.backgroundVoidWeak,
	35	+ borderTopColor: Palette.voidWeak,
36	36	flexDirection: 'row',
37	37	alignItems: 'center',
38	38	},
39	39

Built with git-ssb-web

Daan Patchwork / manyverse

Commit 175f1bf5d085dcad0705afcda5670ba659b460d0

dx: update void colors in the palette

Files changed