feat: Refactor theme imports and enhance theme accessibility across components

Author: Devasy

frontend/components/core/Button.js

@@ -4,7 +4,7 @@
 import * as Haptics from 'expo-haptics';
 import { LinearGradient } from 'expo-linear-gradient';
 import { ActivityIndicator, Text, TouchableOpacity, View } from 'react-native';
-import { borderRadius, colors, shadows, spacing } from '../../utils/theme';
+import theme, { borderRadius, colors, shadows, spacing } from '../../utils/theme';
 
 const Button = ({
   title,
@@ -179,3 +179,4 @@ const Button = ({
 };
 
 export default Button;
+export { Button as ModernButton };

frontend/components/core/Input.js

@@ -10,7 +10,7 @@ import {
     TouchableOpacity,
     View
 } from 'react-native';
-import { animations, borderRadius, colors, spacing, typography } from '../../utils/theme';
+import theme, { animations, borderRadius, colors, spacing, typography } from '../../utils/theme';
 
 const EnhancedTextInput = ({
   label,

frontend/components/navigation/ModernNavigation.js

@@ -9,7 +9,7 @@ import {
     TouchableOpacity,
     View
 } from 'react-native';
-import {
+import theme, {
     colors,
     shadows,
     spacing,

frontend/screens/HomeScreen.js

@@ -29,7 +29,7 @@ import Button from '../components/core/Button';
 import { EnhancedTextInput } from '../components/core/Input';
 import { FloatingActionButton, ModernHeader } from '../components/navigation/ModernNavigation';
 import { GlassCard, GroupSummaryCard, QuickActionCard } from '../utils/cards';
-import { borderRadius, colors, spacing, typography } from '../utils/theme';
+import theme, { borderRadius, colors, spacing, typography } from '../utils/theme';
 
 const { width, height } = Dimensions.get('window');
 

frontend/utils/cards.js

@@ -11,7 +11,7 @@ import {
   TouchableOpacity,
   View
 } from 'react-native';
-import {
+import theme, {
   borderRadius,
   colors,
   shadows,

frontend/utils/theme.js

@@ -269,3 +269,18 @@ export const paperTheme = {
   },
   roundness: borderRadius.md,
 };
+
+// Default export for convenient theme access
+export const theme = {
+  colors,
+  spacing,
+  borderRadius,
+  typography,
+  shadows,
+  animations,
+  glassmorphism,
+  paperTheme,
+  tokens,
+};
+
+export default theme;