martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-12 03:29:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

styling tweaks

Browse Source
This commit is contained in:
balzack 2023-10-03 17:53:11 -07:00
parent d2cec19b43
commit 4e0b47072a
8 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/mobile/src/constants/Colors.js
View File

@ -28,7 +28,7 @@ const LightColors = {
primaryButton: '#448866', primaryButton: '#448866',
primaryButtonText: '#ffffff', primaryButtonText: '#ffffff',
cancelButton: '#888888', cancelButton: '#888888',
cancelButtonText: '#888888', cancelButtonText: '#ffffff',
disabledButton: '#dddddd', disabledButton: '#dddddd',
disabledButtonText: '#aaaaaa', disabledButtonText: '#aaaaaa',
dangerButton: '#ff5555', dangerButton: '#ff5555',
@ -38,6 +38,7 @@ const LightColors = {
inputBase: '#eeeeee', inputBase: '#eeeeee',
inputPlaceholder: '#888888', inputPlaceholder: '#888888',
inputText: '#444444', inputText: '#444444',
statusText: '#ffffff',
connectedIndicator: '#41d041', connectedIndicator: '#41d041',
connectingIndicator: '#0000cc', connectingIndicator: '#0000cc',
requestedIndicator: '#00bbbb', requestedIndicator: '#00bbbb',
@ -101,6 +102,7 @@ const DarkColors = {
inputBase: '#777777', inputBase: '#777777',
inputPlaceholder: '#aaaaaa', inputPlaceholder: '#aaaaaa',
inputText: '#eeeeee', inputText: '#eeeeee',
statusText: '#ffffff',
connectedIndicator: '#00cc00', connectedIndicator: '#00cc00',
connectingIndicator: '#0000cc', connectingIndicator: '#0000cc',
requestedIndicator: '#00bbbb', requestedIndicator: '#00bbbb',
@ -166,6 +168,7 @@ export const Colors = {
inputBase: getColor('inputBase'), inputBase: getColor('inputBase'),
inputPlaceholder: getColor('inputPlaceholder'), inputPlaceholder: getColor('inputPlaceholder'),
inputText: getColor('inputText'), inputText: getColor('inputText'),
statusText: getColor('statusText'),
connectedIndicator: getColor('connectedIndicator'), connectedIndicator: getColor('connectedIndicator'),
connectingIndicator: getColor('connectingIndicator'), connectingIndicator: getColor('connectingIndicator'),
requestedIndicator: getColor('requestedIndicator'), requestedIndicator: getColor('requestedIndicator'),

2
app/mobile/src/constants/Strings.js
View File

@ -211,7 +211,7 @@ const Strings = [
unlockSeal: 'Déverrouiller la clé de sécurité', unlockSeal: 'Déverrouiller la clé de sécurité',
typeDelete: 'Tapez [supprimer]', typeDelete: 'Tapez [supprimer]',
deleteKey: 'supprimer', deleteKey: 'supprimer',
enableTopics: 'Activer les sujets sécurisés', enableTopics: 'Activer les Sujets Sécurisés',
manageTopics: 'Gérer la clé de sécurité', manageTopics: 'Gérer la clé de sécurité',
changePassword: 'Changez le mot de passe de la clé de sécurité.', changePassword: 'Changez le mot de passe de la clé de sécurité.',
update: 'Mise à jour', update: 'Mise à jour',

4
app/mobile/src/session/Session.jsx
View File

@ -45,7 +45,7 @@ const RegistryDrawer = createDrawerNavigator();
const Tab = createBottomTabNavigator(); const Tab = createBottomTabNavigator();
function ConversationStackScreen({ dmChannel, shareChannel, shareIntent, setShareIntent }) { function ConversationStackScreen({ dmChannel, shareChannel, shareIntent, setShareIntent }) {
const stackParams = { headerStyle: { backgroundColor: Colors.screenBase }, headerBackTitleVisible: false, cardStyle: {backgroundColor: Colors.screenBase }}; const stackParams = { headerStyle: { backgroundColor: Colors.screenBase, borderBottomWidth: 0.5, borderBottomColor: Colors.horizontalDivider }, headerBackTitleVisible: false, cardStyle: {backgroundColor: Colors.screenBase }};
const screenParams = { headerShown: true, headerTintColor: Colors.primary }; const screenParams = { headerShown: true, headerTintColor: Colors.primary };
const conversation = useContext(ConversationContext); const conversation = useContext(ConversationContext);
@ -130,7 +130,7 @@ function ProfileStackScreen() {
} }
function ContactStackScreen({ addChannel }) { function ContactStackScreen({ addChannel }) {
const stackParams = { headerStyle: { backgroundColor: Colors.screenBase }, headerBackTitleVisible: false }; const stackParams = { headerStyle: { backgroundColor: Colors.screenBase, borderBottomWidth: 0.2, borderBottomColor: Colors.horizontalDivider }, headerBackTitleVisible: false };
const screenParams = { headerShown: true, headerTintColor: Colors.primary }; const screenParams = { headerShown: true, headerTintColor: Colors.primary };
const profile = useContext(ProfileContext); const profile = useContext(ProfileContext);

2
app/mobile/src/session/Session.styled.js
View File

@ -67,7 +67,7 @@ export const styles = StyleSheet.create({
color: Colors.primaryButtonText, color: Colors.primaryButtonText,
}, },
tabBar: { tabBar: {
borderColor: Colors.tabBar, borderTopColor: Colors.tabBar,
backgroundColor: Colors.screenBase, backgroundColor: Colors.screenBase,
maxHeight: 72, maxHeight: 72,
}, },

3
app/mobile/src/session/channels/Channels.styled.js
View File

@ -142,8 +142,7 @@ export const styles = StyleSheet.create({
justifyContent: 'center', justifyContent: 'center',
}, },
cancel: { cancel: {
borderWidth: 1, backgroundColor: Colors.cancelButton,
borderColor: Colors.cancelButton,
borderRadius: 4, borderRadius: 4,
padding: 4, padding: 4,
marginRight: 8, marginRight: 8,

4
app/mobile/src/session/contact/Contact.styled.js
View File

@ -256,7 +256,7 @@ export const styles = StyleSheet.create({
backgroundColor: Colors.offsync, backgroundColor: Colors.offsync,
}, },
statusLabel: { statusLabel: {
color: Colors.text, color: Colors.statusText,
fontSize: 16, fontSize: 16,
}, },
attributes: { attributes: {
@ -296,7 +296,7 @@ export const styles = StyleSheet.create({
}, },
divider: { divider: {
width: '100%', width: '100%',
height: 2, height: 3,
backgroundColor: Colors.screenBase, backgroundColor: Colors.screenBase,
}, },
entry: { entry: {

2
app/mobile/src/session/profile/Profile.styled.js
View File

@ -189,7 +189,7 @@ export const styles = StyleSheet.create({
}, },
divider: { divider: {
width: '100%', width: '100%',
height: 2, height: 3,
backgroundColor: Colors.screenBase, backgroundColor: Colors.screenBase,
}, },
entry: { entry: {

4
app/mobile/src/session/settings/Settings.styled.js
View File

@ -65,8 +65,8 @@ export const styles = StyleSheet.create({
}, },
divider: { divider: {
width: '100%', width: '100%',
height: 2, height: 3,
backgroundColor: Colors.areaBase, backgroundColor: Colors.screenBase,
}, },
entry: { entry: {
width: '100%', width: '100%',