diff --git a/src/components/postElements/body/view/postBodyStyles.js b/src/components/postElements/body/view/postBodyStyles.js index 326f6e153..b6f6a5f3c 100644 --- a/src/components/postElements/body/view/postBodyStyles.js +++ b/src/components/postElements/body/view/postBodyStyles.js @@ -26,4 +26,23 @@ export default EStyleSheet.create({ paddingHorizontal: 0, marginTop: 10, }, + th: { + flex: 1, + justifyContent: 'center', + fontWeight: 'bold', + color: '$primaryBlack', + fontSize: 14, + padding: 5, + }, + tr: { + backgroundColor: '$darkIconColor', + flexDirection: 'row', + }, + td: { + borderWidth: 0.5, + borderColor: '$tableBorderColor', + flex: 1, + padding: 10, + backgroundColor: '$tableTrColor', + }, }); diff --git a/src/themes/darkTheme.js b/src/themes/darkTheme.js index eaa69ad3d..11243500e 100644 --- a/src/themes/darkTheme.js +++ b/src/themes/darkTheme.js @@ -35,6 +35,8 @@ export default { $editorButtonColor: '#fff', $pureWhite: '#ffffff', $notificationBorder: '#1e2835', + $tableTrColor: '#2e3d51', + $tableBorderColor: '#1e2835', // Devices Sizes $deviceHeight: Dimensions.get('window').height, diff --git a/src/themes/lightTheme.js b/src/themes/lightTheme.js index b1b89da9f..008714fe5 100644 --- a/src/themes/lightTheme.js +++ b/src/themes/lightTheme.js @@ -18,6 +18,7 @@ export default { $primaryRed: '#e63535', $primaryBlack: '#3c4449', $primaryDarkText: '#788187', + // General Colors $borderColor: '#c5c5c5', $tagColor: '#c1c5c7', @@ -34,6 +35,8 @@ export default { $editorButtonColor: '#3c4449', $pureWhite: '#ffffff', $notificationBorder: '#fff', + $tableTrColor: '#f5f5f5', + $tableBorderColor: '#FFFFFF', // Devices Sizes $deviceHeight: Dimensions.get('window').height,