verdnatura-mirror/Rocket.Chat.ReactNative
verdnatura-mirror
/
Rocket.Chat.ReactNative
mirror of https://github.com/RocketChat/Rocket.Chat.ReactNative
2
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

chore: one local colors

This commit is contained in:
GleidsonDaniel 2024-03-18 14:17:25 -03:00
parent 013332593b
commit 26c9667db0
6 changed files with 43 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/containers/ActionSheet/BottomSheetContent.tsx
View File

@ -45,7 +45,7 @@ const BottomSheetContent = React.memo(({ options, hasCancel, hide, children, onL
keyExtractor={item => item.title}
bounces={false}
renderItem={renderItem}
style={{ backgroundColor: colors.surfaceLight }}
style={{ backgroundColor: colors.strokeExtraDark }}
keyboardDismissMode='interactive'
indicatorStyle='black'
contentContainerStyle={{ paddingBottom: bottom }}

6
app/containers/CallHeader.tsx
View File

@ -30,8 +30,8 @@ export const CallHeader = ({ mic, cam, setCam, setMic, title, avatar, uid, name,
const handleColors = (enabled: boolean) => {
if (calling) {
if (enabled) return { button: colors.conferenceCallCallBackButton, icon: colors.gray300 };
return { button: 'transparent', icon: colors.gray100 };
if (enabled) return { button: colors.conferenceCallCallBackButton, icon: colors.strokeDark };
return { button: 'transparent', icon: colors.strokeLight };
}
if (enabled) return { button: colors.conferenceCallEnabledIconBackground, icon: colors.conferenceCallEnabledIcon };
return { button: 'transparent', icon: colors.conferenceCallDisabledIcon };
@ -81,7 +81,7 @@ function useStyle() {
actionSheetHeaderTitle: {
fontSize: 14,
...sharedStyles.textBold,
color: colors.n900
color: colors.surfaceHover
},
actionSheetHeaderButtons: { flex: 1, alignItems: 'center', flexDirection: 'row', justifyContent: 'flex-end' },
iconCallContainer: {

2
app/containers/DotsLoader/index.tsx
View File

@ -31,7 +31,7 @@ function Dot({ active }: { active: boolean }): JSX.Element {
width: SIZE,
borderRadius: SIZE / 2,
marginHorizontal: MARGIN,
backgroundColor: active ? colors.dotActiveBg : colors.dotBg
backgroundColor: active ? colors.badgeBackgroundLevel2 : colors.badgeBackgroundLevel1
};
return <Animated.View style={[style, animatedStyle]} />;

90
app/lib/constants/colors.ts
View File

@ -199,17 +199,17 @@ const newColorsBlack = {
// surfaceFeatured: '#5F1477',
// surfaceFeaturedHover: '#4A105D',
// strokeExtraLight: '#2F343D',
// strokeLight: '#333842',
// strokeMedium: '#404754',
// strokeDark: '#9EA2A8',
// strokeExtraDark: '#CBCED1',
// strokeExtraLightHighlight: '#87CBFC',
// strokeHighlight: '#3976D1',
// strokeExtraLightError: '#F49AA6',
// strokeError: '#BB3E4E',
strokeExtraLight: '#2F343D',
strokeLight: '#333842',
strokeMedium: '#404754',
strokeDark: '#9EA2A8',
strokeExtraDark: '#CBCED1',
strokeExtraLightHighlight: '#87CBFC',
strokeHighlight: '#3976D1',
strokeExtraLightError: '#F49AA6',
strokeError: '#BB3E4E',
// fontWhite: '#2F343D',
fontWhite: '#FFFFFF',
// fontDisabled: '#60646C',
// fontAnnotation: '#9EA2A8',
// fontHint: '#9EA2A8',
@ -221,35 +221,35 @@ const newColorsBlack = {
// fontPureBlack: '#2F343D',
// fontPureWhite: '#FFFFFF',
// statusBackgroundInfo: '#A8C3EB',
// statusBackgroundSuccess: '#C1EBDD',
// statusBackgroundDanger: '#FFBDC5',
// statusBackgroundWarning: '#FEEFBE',
// statusBackgroundWarning2: '#4E4731',
// statusBackgroundService: '#FCE3CF',
// statusBackgroundService2: '#EDD0F7',
// statusFontInfo: '#739EDE',
// statusFontSuccess: '#58AD90',
// statusFontDanger: '#D88892',
// statusFontWarning: '#C7AA66',
// statusFontWarning2: '#FFFFFF',
// statusFontService: '#CA9163',
// statusFontService2: '#C393D2',
statusBackgroundInfo: '#A8C3EB',
statusBackgroundSuccess: '#C1EBDD',
statusBackgroundDanger: '#FFBDC5',
statusBackgroundWarning: '#FEEFBE',
statusBackgroundWarning2: '#4E4731',
statusBackgroundService: '#FCE3CF',
statusBackgroundService2: '#EDD0F7',
statusFontInfo: '#739EDE',
statusFontSuccess: '#58AD90',
statusFontDanger: '#D88892',
statusFontWarning: '#C7AA66',
statusFontWarning2: '#FFFFFF',
statusFontService: '#CA9163',
statusFontService2: '#C393D2',
// badgeBackgroundLevel1: '#484C51',
// badgeBackgroundLevel2: '#2C65BA',
// badgeBackgroundLevel3: '#955828',
// badgeBackgroundLevel4: '#B43C4C',
badgeBackgroundLevel1: '#484C51',
badgeBackgroundLevel2: '#2C65BA',
badgeBackgroundLevel3: '#955828',
badgeBackgroundLevel4: '#B43C4C',
// userPresenceOnline: '#1CBF89',
// userPresenceBusy: '#C14454',
// userPresenceAway: '#AC892F',
// userPresenceOffline: '#6C727A',
// userPresenceDisabled: '#955828',
userPresenceOnline: '#1CBF89',
userPresenceBusy: '#C14454',
userPresenceAway: '#AC892F',
userPresenceOffline: '#6C727A',
userPresenceDisabled: '#955828',
// buttonBackgroundPrimaryDefault: '#3976D1',
// buttonBackgroundPrimaryPress: '#245399',
// buttonBackgroundPrimaryDisabled: '#1D3963',
buttonBackgroundPrimaryDefault: '#3976D1',
buttonBackgroundPrimaryPress: '#245399',
buttonBackgroundPrimaryDisabled: '#1D3963'
// buttonBackgroundSecondaryDefault: '#2F343D',
// buttonBackgroundSecondaryPress: '#454C59',
@ -333,12 +333,6 @@ export const colors = {
conferenceCallEnabledIconBackground: '#156FF5',
conferenceCallPhotoBackground: '#E4E7EA',
textInputSecondaryBackground: '#E4E7EA',
dotBg: '#a9cbff',
dotActiveBg: '#1d74f5',
gray300: '#5f656e',
gray100: '#CBCED1',
n900: '#1F2329',
statusBackgroundWarning: '#FFECAD'
},
dark: {
...newColorsDark,
@ -393,12 +387,6 @@ export const colors = {
conferenceCallEnabledIconBackground: '#156FF5',
conferenceCallPhotoBackground: '#E4E7EA',
textInputSecondaryBackground: '#030b1b',
dotBg: '#a9cbff',
dotActiveBg: '#1d74f5',
gray300: '#5f656e',
gray100: '#CBCED1',
n900: '#FFFFFF',
statusBackgroundWarning: '#FFECAD'
},
black: {
...newColorsDark,
@ -453,12 +441,6 @@ export const colors = {
conferenceCallEnabledIconBackground: '#156FF5',
conferenceCallPhotoBackground: '#E4E7EA',
textInputSecondaryBackground: '#000000',
dotBg: '#a9cbff',
dotActiveBg: '#1d74f5',
gray300: '#5f656e',
gray100: '#CBCED1',
n900: '#FFFFFF',
statusBackgroundWarning: '#FFECAD'
}
};

2
app/lib/hooks/useVideoConf/StartACallActionSheet.tsx
View File

@ -75,7 +75,7 @@ export default function StartACallActionSheet({
</View>
<Button
backgroundColor={calling ? colors.conferenceCallCallBackButton : colors.actionTintColor}
color={calling ? colors.gray300 : colors.conferenceCallEnabledIcon}
color={calling ? colors.strokeDark : colors.conferenceCallEnabledIcon}
onPress={() => {
if (calling) {
dispatch(cancelCall({}));

2
app/views/ReportUserView/index.tsx
View File

@ -82,7 +82,7 @@ const ReportUserView = () => {
contentContainerStyle={styles.container}
keyboardVerticalOffset={128}
>
<SafeAreaView style={[styles.containerView, { backgroundColor: colors.surfaceHover }]} testID='report-user-view'>
<SafeAreaView style={[styles.containerView, { backgroundColor: colors.strokeExtraDark }]} testID='report-user-view'>
<ScrollView contentContainerStyle={[styles.scroll, { backgroundColor: colors.surfaceHover }]}>
<StatusBar />
<UserInfo username={username} name={name} />