[IMPROVE] Message body readability on dark themes (#2981)

* [CHORE] Apply auxiliaryText on message body

* change bodyText to uxiliaryText

* Update tests

* Update bodyText color and rollback PR changes

* Update Storyshots.test.js.snap

* Minor tweak

Co-authored-by: Diego Mello <diegolmello@gmail.com>
Co-authored-by: Gerzon Z <gerzonc@icloud.com>
Co-authored-by: Gerzon Z <gerzonzcanario@gmail.com>
This commit is contained in:
Gung Wah 2021-07-06 02:44:33 +08:00 committed by GitHub
parent a169441fd0
commit 999f05bbd1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 20 deletions

View File

@ -11490,7 +11490,7 @@ exports[`Storyshots LoadMore black theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -11593,7 +11593,7 @@ exports[`Storyshots LoadMore black theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -11696,7 +11696,7 @@ exports[`Storyshots LoadMore black theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -11973,7 +11973,7 @@ exports[`Storyshots LoadMore black theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -12076,7 +12076,7 @@ exports[`Storyshots LoadMore black theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -12179,7 +12179,7 @@ exports[`Storyshots LoadMore black theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -12420,7 +12420,7 @@ exports[`Storyshots LoadMore black theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -12692,7 +12692,7 @@ exports[`Storyshots LoadMore dark theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -12795,7 +12795,7 @@ exports[`Storyshots LoadMore dark theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -12898,7 +12898,7 @@ exports[`Storyshots LoadMore dark theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -13175,7 +13175,7 @@ exports[`Storyshots LoadMore dark theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -13278,7 +13278,7 @@ exports[`Storyshots LoadMore dark theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -13381,7 +13381,7 @@ exports[`Storyshots LoadMore dark theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -13622,7 +13622,7 @@ exports[`Storyshots LoadMore dark theme 1`] = `
}, },
undefined, undefined,
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
] ]
} }
@ -67631,7 +67631,7 @@ Array [
"textAlign": "left", "textAlign": "left",
}, },
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
Object { Object {
"backgroundColor": "transparent", "backgroundColor": "transparent",
@ -67791,7 +67791,7 @@ Array [
"textAlign": "left", "textAlign": "left",
}, },
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
Object { Object {
"backgroundColor": "transparent", "backgroundColor": "transparent",
@ -74309,7 +74309,7 @@ exports[`Storyshots Thread Messages.Item themes 1`] = `
"textAlign": "left", "textAlign": "left",
}, },
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
Object { Object {
"flex": 1, "flex": 1,
@ -74661,7 +74661,7 @@ exports[`Storyshots Thread Messages.Item themes 1`] = `
"textAlign": "left", "textAlign": "left",
}, },
Object { Object {
"color": "#e8ebed", "color": "#cbced1",
}, },
Object { Object {
"flex": 1, "flex": 1,

View File

@ -74,7 +74,7 @@ export const themes = {
auxiliaryBackground: '#07101e', auxiliaryBackground: '#07101e',
bannerBackground: '#0e1f38', bannerBackground: '#0e1f38',
titleText: '#f9f9f9', titleText: '#f9f9f9',
bodyText: '#e8ebed', bodyText: '#cbced1',
backdropColor: '#000000', backdropColor: '#000000',
dangerColor: '#f5455c', dangerColor: '#f5455c',
successColor: '#2de0a5', successColor: '#2de0a5',
@ -121,7 +121,7 @@ export const themes = {
auxiliaryBackground: '#080808', auxiliaryBackground: '#080808',
bannerBackground: '#1f2329', bannerBackground: '#1f2329',
titleText: '#f9f9f9', titleText: '#f9f9f9',
bodyText: '#e8ebed', bodyText: '#cbced1',
backdropColor: '#000000', backdropColor: '#000000',
dangerColor: '#f5455c', dangerColor: '#f5455c',
successColor: '#2de0a5', successColor: '#2de0a5',