git ssb

1+

Daan Patchwork / manyverse



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.tschanged
src/frontend/components/FullThread.tschanged
src/frontend/components/RawFeed.tschanged
src/frontend/components/ToggleButton.tschanged
src/frontend/components/ZoomableImage.tschanged
src/frontend/components/messages/PlaceholderMessage.tschanged
src/frontend/components/messages/PlaceholderMessageFooter.tschanged
src/frontend/components/messages/PlaceholderMessageHeader.tschanged
src/frontend/global-styles/palette.tschanged
src/frontend/screens/accounts/index.tschanged
src/frontend/screens/backup/index.tschanged
src/frontend/screens/central/connections-tab/view/ConnectivityModes.tschanged
src/frontend/screens/central/connections-tab/view/styles.tschanged
src/frontend/screens/central/styles.tschanged
src/frontend/screens/conversation/index.tschanged
src/frontend/screens/conversation/view.tschanged
src/frontend/screens/drawer/view.tschanged
src/frontend/screens/layouts.tschanged
src/frontend/screens/libraries/index.tschanged
src/frontend/screens/profile/styles.tschanged
src/frontend/screens/raw-db/index.tschanged
src/frontend/screens/raw-msg/index.tschanged
src/frontend/screens/recipients-input/styles.tschanged
src/frontend/screens/secret-input/view.tschanged
src/frontend/screens/secret-output/index.tschanged
src/frontend/screens/settings/view/LinkSetting.tschanged
src/frontend/screens/settings/view/ToggleSetting.tschanged
src/frontend/screens/settings/view/styles.tschanged
src/frontend/screens/thread/styles.tschanged
src/frontend/components/Feed.tsView
@@ -52,9 +52,9 @@
5252 flex: 1,
5353 },
5454
5555 itemSeparator: {
56- backgroundColor: Palette.backgroundVoid,
56+ backgroundColor: Palette.voidMain,
5757 height: SEPARATOR_HEIGHT,
5858 },
5959
6060 footer: {
src/frontend/components/FullThread.tsView
@@ -48,9 +48,9 @@
4848 };
4949
5050 export const styles = StyleSheet.create({
5151 separator: {
52- backgroundColor: Palette.backgroundVoid,
52+ backgroundColor: Palette.voidMain,
5353 height: Dimensions.verticalSpaceNormal,
5454 },
5555
5656 contentContainer: {
src/frontend/components/RawFeed.tsView
@@ -21,9 +21,9 @@
2121 flex: 1,
2222 },
2323
2424 itemSeparator: {
25- backgroundColor: Palette.backgroundVoidWeak,
25+ backgroundColor: Palette.voidWeak,
2626 height: 1,
2727 },
2828 });
2929
src/frontend/components/ToggleButton.tsView
@@ -51,9 +51,9 @@
5151 },
5252
5353 containerMaybe: {
5454 ...baseContainerStyle,
55- backgroundColor: Palette.backgroundVoidStronger,
55+ backgroundColor: Palette.voidStronger,
5656 },
5757
5858 containerToggled: {
5959 ...baseContainerStyle,
src/frontend/components/ZoomableImage.tsView
@@ -59,9 +59,9 @@
5959 },
6060
6161 imagePlaceholder: {
6262 marginVertical: Dimens.verticalSpaceSmall,
63- backgroundColor: Palette.backgroundVoidWeak,
63+ backgroundColor: Palette.voidWeak,
6464 resizeMode: 'center',
6565 },
6666 });
6767
src/frontend/components/messages/PlaceholderMessage.tsView
@@ -22,9 +22,9 @@
2222 width: 250,
2323 height: 16,
2424 marginTop: Dimensions.verticalSpaceNormal + 2,
2525 marginBottom: 10,
26- backgroundColor: Palette.backgroundVoidWeak,
26+ backgroundColor: Palette.voidWeak,
2727 },
2828 });
2929
3030 export default class PlaceholderMessage extends PureComponent<{}> {
src/frontend/components/messages/PlaceholderMessageFooter.tsView
@@ -44,9 +44,9 @@
4444 buttonIcon: {
4545 height: Dimensions.iconSizeNormal,
4646 width: Dimensions.iconSizeNormal,
4747 borderRadius: 6,
48- backgroundColor: Palette.backgroundVoidWeak,
48+ backgroundColor: Palette.voidWeak,
4949 },
5050 });
5151
5252 export default class PlaceholderFooter extends PureComponent<{}> {
src/frontend/components/messages/PlaceholderMessageHeader.tsView
@@ -24,9 +24,9 @@
2424 authorAvatar: {
2525 height: Dimensions.avatarSizeNormal,
2626 width: Dimensions.avatarSizeNormal,
2727 borderRadius: Math.ceil(Dimensions.avatarSizeNormal * 0.5),
28- backgroundColor: Palette.backgroundVoidWeak,
28+ backgroundColor: Palette.voidWeak,
2929 marginRight: Dimensions.horizontalSpaceSmall + 2,
3030 },
3131
3232 authorNameTouchable: {
@@ -36,16 +36,16 @@
3636 authorName: {
3737 width: 110,
3838 height: 16,
3939 marginTop: 2,
40- backgroundColor: Palette.backgroundVoidWeak,
40+ backgroundColor: Palette.voidWeak,
4141 },
4242
4343 timestamp: {
4444 width: 100,
4545 height: 16,
4646 marginTop: 2,
47- backgroundColor: Palette.backgroundVoidWeak,
47+ backgroundColor: Palette.voidWeak,
4848 },
4949 });
5050
5151 export default class PlaceholderHeader extends PureComponent<{}> {
src/frontend/global-styles/palette.tsView
@@ -177,12 +177,12 @@
177177 brandMain: indigo7,
178178 brandStrong: indigo9,
179179 brandStronger: indigo11,
180180
181- backgroundVoidWeak: comet1,
182- backgroundVoid: comet2,
183- backgroundVoidStrong: comet4,
184- backgroundVoidStronger: comet6,
181+ voidWeak: comet0,
182+ voidMain: comet1,
183+ voidStrong: comet2,
184+ voidStronger: comet3,
185185
186186 backgroundTextWeak: comet1,
187187 backgroundTextWeakStrong: comet5,
188188 backgroundText: white,
src/frontend/screens/accounts/index.tsView
@@ -53,9 +53,9 @@
5353 export const styles = StyleSheet.create({
5454 screen: {
5555 flex: 1,
5656 alignSelf: 'stretch',
57- backgroundColor: Palette.backgroundVoid,
57+ backgroundColor: Palette.voidMain,
5858 flexDirection: 'column',
5959 },
6060
6161 container: {
src/frontend/screens/backup/index.tsView
@@ -41,9 +41,9 @@
4141 export const styles = StyleSheet.create({
4242 screen: {
4343 flex: 1,
4444 alignSelf: 'stretch',
45- backgroundColor: Palette.backgroundVoid,
45+ backgroundColor: Palette.voidMain,
4646 flexDirection: 'column',
4747 },
4848
4949 bold: {
src/frontend/screens/central/connections-tab/view/ConnectivityModes.tsView
@@ -71,16 +71,16 @@
7171 {
7272 onPress: props.onPress,
7373 style: styles.modeTouchable,
7474 hitSlop: {top: 8, bottom: 8, left: 8, right: 8},
75- underlayColor: Palette.backgroundVoidWeak,
75+ underlayColor: Palette.voidWeak,
7676 },
7777 [
7878 h(Icon, {
7979 size: Dimensions.iconSizeBig,
8080 color: props.active
8181 ? Palette.brandMain
82- : Palette.backgroundVoidStrong,
82+ : Palette.voidStrong,
8383 name: props.icon,
8484 accessible: true,
8585 accessibilityLabel: props.accessibilityLabel,
8686 }),
src/frontend/screens/central/connections-tab/view/styles.tsView
@@ -10,9 +10,9 @@
1010 import {Typography} from '../../../../global-styles/typography';
1111
1212 export const styles = StyleSheet.create({
1313 container: {
14- backgroundColor: Palette.backgroundVoid,
14+ backgroundColor: Palette.voidMain,
1515 marginTop: Dimens.toolbarHeight, // for the topBar
1616 alignSelf: 'stretch',
1717 flex: 1,
1818 },
src/frontend/screens/central/styles.tsView
@@ -16,17 +16,17 @@
1616 top: 0,
1717 left: 0,
1818 bottom: Dimensions.toolbarHeight - getStatusBarHeight(true),
1919 right: 0,
20- backgroundColor: Palette.backgroundVoid,
20+ backgroundColor: Palette.voidMain,
2121 justifyContent: 'center',
2222 alignItems: 'center',
2323 };
2424
2525 export const styles = StyleSheet.create({
2626 root: {
2727 flex: 1,
28- backgroundColor: Palette.backgroundVoid,
28+ backgroundColor: Palette.voidMain,
2929 },
3030
3131 pageHidden: {...page, zIndex: 10},
3232
src/frontend/screens/conversation/index.tsView
@@ -40,9 +40,9 @@
4040 export const styles = StyleSheet.create({
4141 container: {
4242 flex: 1,
4343 alignSelf: 'stretch',
44- backgroundColor: Palette.backgroundVoid,
44+ backgroundColor: Palette.voidMain,
4545 flexDirection: 'column',
4646 },
4747
4848 bubbleText: {
src/frontend/screens/conversation/view.tsView
@@ -55,9 +55,9 @@
5555 export const styles = StyleSheet.create({
5656 container: {
5757 flex: 1,
5858 alignSelf: 'stretch',
59- backgroundColor: Palette.backgroundVoid,
59+ backgroundColor: Palette.voidMain,
6060 flexDirection: 'column',
6161 },
6262
6363 bubbleText: {
@@ -97,9 +97,9 @@
9797 },
9898
9999 bubbleLeft: {
100100 backgroundColor: Palette.backgroundText,
101- borderColor: Palette.backgroundVoidStrong,
101+ borderColor: Palette.voidStrong,
102102 borderRadius: 10,
103103 borderWidth: StyleSheet.hairlineWidth,
104104 paddingHorizontal: Dimensions.verticalSpaceTiny,
105105 paddingTop: Dimensions.verticalSpaceTiny,
src/frontend/screens/drawer/view.tsView
@@ -60,9 +60,9 @@
6060 accessibilityLabel,
6161 };
6262 if (Platform.OS === 'android') {
6363 touchableProps.background = TouchableNativeFeedback.Ripple(
64- Palette.backgroundVoid,
64+ Palette.voidMain,
6565 );
6666 }
6767
6868 return h(Touchable, touchableProps, [
src/frontend/screens/layouts.tsView
@@ -57,9 +57,9 @@
5757 shouldStretchDrawer: false,
5858 },
5959 },
6060 layout: {
61- backgroundColor: Palette.backgroundVoid,
61+ backgroundColor: Palette.voidMain,
6262 orientation: ['portrait', 'landscape'],
6363 },
6464 topBar: {
6565 visible: false,
src/frontend/screens/libraries/index.tsView
@@ -40,9 +40,9 @@
4040 export const styles = StyleSheet.create({
4141 screen: {
4242 flex: 1,
4343 alignSelf: 'stretch',
44- backgroundColor: Palette.backgroundVoid,
44+ backgroundColor: Palette.voidMain,
4545 flexDirection: 'column',
4646 },
4747
4848 container: {
src/frontend/screens/profile/styles.tsView
@@ -25,9 +25,9 @@
2525 export const styles = StyleSheet.create({
2626 container: {
2727 flex: 1,
2828 alignSelf: 'stretch',
29- backgroundColor: Palette.backgroundVoid,
29+ backgroundColor: Palette.voidMain,
3030 },
3131
3232 cover: {
3333 position: 'absolute',
@@ -88,9 +88,9 @@
8888 },
8989
9090 followsYou: {
9191 alignSelf: 'flex-start',
92- backgroundColor: Palette.backgroundVoidWeak,
92+ backgroundColor: Palette.voidWeak,
9393 borderRadius: 3,
9494 paddingHorizontal: Dimensions.horizontalSpaceSmall,
9595 paddingVertical: Dimensions.verticalSpaceTiny,
9696 },
@@ -137,9 +137,9 @@
137137 },
138138
139139 feed: {
140140 bottom: 0,
141- backgroundColor: Palette.backgroundVoid,
141+ backgroundColor: Palette.voidMain,
142142 alignSelf: 'stretch',
143143 },
144144
145145 emptySection: {
src/frontend/screens/raw-db/index.tsView
@@ -49,9 +49,9 @@
4949 export const styles = StyleSheet.create({
5050 screen: {
5151 flex: 1,
5252 alignSelf: 'stretch',
53- backgroundColor: Palette.backgroundVoid,
53+ backgroundColor: Palette.voidMain,
5454 flexDirection: 'column',
5555 },
5656 });
5757 export type Actions = {
src/frontend/screens/raw-msg/index.tsView
@@ -47,9 +47,9 @@
4747 export const styles = StyleSheet.create({
4848 screen: {
4949 flex: 1,
5050 alignSelf: 'stretch',
51- backgroundColor: Palette.backgroundVoid,
51+ backgroundColor: Palette.voidMain,
5252 flexDirection: 'column',
5353 },
5454
5555 container: {
src/frontend/screens/recipients-input/styles.tsView
@@ -12,9 +12,9 @@
1212 export const styles = StyleSheet.create({
1313 screen: {
1414 flex: 1,
1515 alignSelf: 'stretch',
16- backgroundColor: Palette.backgroundVoid,
16+ backgroundColor: Palette.voidMain,
1717 flexDirection: 'column',
1818 },
1919
2020 mentionsOverlay: {
src/frontend/screens/secret-input/view.tsView
@@ -27,9 +27,9 @@
2727 export const styles = StyleSheet.create({
2828 screen: {
2929 flex: 1,
3030 alignSelf: 'stretch',
31- backgroundColor: Palette.backgroundVoid,
31+ backgroundColor: Palette.voidMain,
3232 flexDirection: 'column',
3333 },
3434
3535 container: {
src/frontend/screens/secret-output/index.tsView
@@ -42,9 +42,9 @@
4242 export const styles = StyleSheet.create({
4343 screen: {
4444 flex: 1,
4545 alignSelf: 'stretch',
46- backgroundColor: Palette.backgroundVoid,
46+ backgroundColor: Palette.voidMain,
4747 flexDirection: 'column',
4848 },
4949
5050 container: {
src/frontend/screens/settings/view/LinkSetting.tsView
@@ -68,9 +68,9 @@
6868 accessibilityLabel,
6969 };
7070 if (Platform.OS === 'android') {
7171 touchableProps.background = TouchableNativeFeedback.Ripple(
72- Palette.backgroundVoid,
72+ Palette.voidMain,
7373 );
7474 }
7575
7676 return h(Touchable, touchableProps, [
src/frontend/screens/settings/view/ToggleSetting.tsView
@@ -77,9 +77,9 @@
7777 accessibilityLabel,
7878 };
7979 if (Platform.OS === 'android') {
8080 touchableProps.background = TouchableNativeFeedback.Ripple(
81- Palette.backgroundVoid,
81+ Palette.voidMain,
8282 );
8383 }
8484
8585 return h(Touchable, touchableProps, [
src/frontend/screens/settings/view/styles.tsView
@@ -19,9 +19,9 @@
1919 container: {
2020 flex: 1,
2121 alignSelf: 'stretch',
2222 flexDirection: 'column',
23- backgroundColor: Palette.backgroundVoid,
23+ backgroundColor: Palette.voidMain,
2424 },
2525
2626 section: {
2727 backgroundColor: Palette.backgroundText,
@@ -38,9 +38,9 @@
3838 },
3939
4040 spacer: {
4141 height: 1,
42- backgroundColor: Palette.backgroundVoid,
42+ backgroundColor: Palette.voidMain,
4343 },
4444
4545 content: {
4646 fontSize: Typography.fontSizeNormal,
src/frontend/screens/thread/styles.tsView
@@ -14,9 +14,9 @@
1414 export const styles = StyleSheet.create({
1515 container: {
1616 flex: 1,
1717 alignSelf: 'stretch',
18- backgroundColor: Palette.backgroundVoid,
18+ backgroundColor: Palette.voidMain,
1919 flexDirection: 'column',
2020 },
2121
2222 loading: {
@@ -31,9 +31,9 @@
3131 replyRow: {
3232 backgroundColor: Palette.backgroundText,
3333 paddingLeft: Dimensions.horizontalSpaceBig,
3434 borderTopWidth: 1,
35- borderTopColor: Palette.backgroundVoidWeak,
35+ borderTopColor: Palette.voidWeak,
3636 flexDirection: 'row',
3737 alignItems: 'center',
3838 },
3939

Built with git-ssb-web