bobbert/MAD-Treasure-Hunt
1
0 Fork 0
mirror of https://github.com/mudabbir-ahmad/MAD-Treasure-Hunt.git synced 2026-10-08 03:00:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor UI components: update styles for consistency, changed colour scheme, dont like all the white light colours.

Browse Source
This commit is contained in:
bobbert committed 2026-04-09 14:04:55 +01:00
1 parent 188c581f37
commit 1465a55602
14 files changed
+556 -607
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/screens/LeaderboardScreen.js
+21 -24
View File
@@ -411,13 +411,13 @@ const LeaderboardScreen = ({navigation, route}) => {
const styles = StyleSheet.create({
center: {justifyContent: 'center', alignItems: 'center'},
container: {padding: 0},
body: {color: '#4b5563', fontSize: 15},
departmentTitle: {fontSize: 20, fontWeight: '700', color: '#1f2937', paddingHorizontal: 15, paddingTop: 15, marginBottom: 6},
openLabel: {fontSize: 13, fontWeight: '700', color: '#2563eb'},
body: {color: '#bac2de', fontSize: 15},
departmentTitle: {fontSize: 20, fontWeight: '700', color: '#cdd6f4', paddingHorizontal: 15, paddingTop: 15, marginBottom: 6},
openLabel: {fontSize: 13, fontWeight: '700', color: '#89b4fa'},
tabRow: {
flexDirection: 'row',
borderBottomWidth: 1,
borderBottomColor: '#e5e7eb',
borderBottomColor: '#45475a',
},
tabButton: {
flex: 1,
@@ -426,47 +426,44 @@ const styles = StyleSheet.create({
},
tabButtonActive: {
borderBottomWidth: 2,
borderBottomColor: '#2563eb',
borderBottomColor: '#89b4fa',
},
tabLabel: {fontSize: 15, fontWeight: '600', color: '#6b7280'},
tabLabelActive: {color: '#2563eb'},
tabLabel: {fontSize: 15, fontWeight: '600', color: '#6c7086'},
tabLabelActive: {color: '#89b4fa'},
listSection: {flex: 1, paddingHorizontal: 15, paddingTop: 10},
rankRow: {
flexDirection: 'row',
alignItems: 'center',
gap: 10,
},
rank: {fontSize: 16, fontWeight: '700', color: '#374151', width: 32},
rankName: {flex: 1, fontSize: 15, fontWeight: '600', color: '#1f2937'},
score: {fontSize: 14, fontWeight: '600', color: '#16a34a'},
rank: {fontSize: 16, fontWeight: '700', color: '#bac2de', width: 32},
rankName: {flex: 1, fontSize: 15, fontWeight: '600', color: '#cdd6f4'},
score: {fontSize: 14, fontWeight: '600', color: '#a6e3a1'},
subRow: {
flexDirection: 'row',
alignItems: 'center',
paddingLeft: 42,
paddingVertical: 6,
borderTopWidth: 1,
borderTopColor: '#f3f4f6',
borderTopColor: '#45475a',
},
subName: {fontSize: 13, color: '#4b5563'},
subScore: {fontSize: 13, fontWeight: '600', color: '#16a34a', marginRight: 8},
emptyText: {color: '#9ca3af', textAlign: 'center', marginTop: 30, fontSize: 14},
// Admin delete team button
subName: {fontSize: 13, color: '#bac2de'},
subScore: {fontSize: 13, fontWeight: '600', color: '#a6e3a1', marginRight: 8},
emptyText: {color: '#6c7086', textAlign: 'center', marginTop: 30, fontSize: 14},
deleteTeamWrap: {marginTop: 8, paddingLeft: 42, flexDirection: 'row', gap: 8},
resetTeamButton: {backgroundColor: '#f59e0b', borderColor: '#f59e0b', minHeight: 36, flex: 1},
deleteTeamButton: {backgroundColor: '#dc2626', borderColor: '#dc2626', minHeight: 36, flex: 1},
deleteTeamLabel: {color: '#ffffff', fontWeight: '600', fontSize: 13},
// Admin reset mini button (inline)
resetTeamButton: {backgroundColor: '#f4a460', borderColor: '#f4a460', minHeight: 36, flex: 1},
deleteTeamButton: {backgroundColor: '#f38ba8', borderColor: '#f38ba8', minHeight: 36, flex: 1},
deleteTeamLabel: {color: '#1e1e2e', fontWeight: '600', fontSize: 13},
resetMiniButton: {
backgroundColor: '#f59e0b',
backgroundColor: '#f4a460',
borderRadius: 6,
paddingHorizontal: 10,
paddingVertical: 4,
marginLeft: 6,
},
resetMiniLabel: {color: '#ffffff', fontWeight: '600', fontSize: 12},
// Current user self-highlight (light green card / sub-row)
selfCard: {backgroundColor: '#dcfce7', borderColor: '#86efac'},
selfSubRow: {backgroundColor: '#dcfce7'},
resetMiniLabel: {color: '#1e1e2e', fontWeight: '600', fontSize: 12},
selfCard: {backgroundColor: 'rgba(166, 227, 161, 0.15)', borderColor: '#a6e3a1'},
selfSubRow: {backgroundColor: 'rgba(166, 227, 161, 0.15)'},
});
export default LeaderboardScreen;