[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:
parent
a169441fd0
commit
999f05bbd1
|
@ -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,
|
||||||
|
|
|
@ -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',
|
||||||
|
|
Loading…
Reference in New Issue