diff --git a/src/screens/AddonsScreen.tsx b/src/screens/AddonsScreen.tsx
index 4af15cdc..1761a9a5 100644
--- a/src/screens/AddonsScreen.tsx
+++ b/src/screens/AddonsScreen.tsx
@@ -22,7 +22,6 @@ import {
 } from 'react-native';
 import { stremioService, Manifest } from '../services/stremioService';
 import { MaterialIcons } from '@expo/vector-icons';
-import { colors } from '../styles';
 import { Image as ExpoImage } from 'expo-image';
 import { LinearGradient } from 'expo-linear-gradient';
 import { useNavigation } from '@react-navigation/native';
@@ -32,6 +31,7 @@ import { logger } from '../utils/logger';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { BlurView } from 'expo-blur';
 import axios from 'axios';
+import { useTheme } from '../contexts/ThemeContext';
 
 // Extend Manifest type to include logo only (remove disabled status)
 interface ExtendedManifest extends Manifest {
@@ -54,6 +54,506 @@ const { width } = Dimensions.get('window');
 
 const ANDROID_STATUSBAR_HEIGHT = StatusBar.currentHeight || 0;
 
+// Create a styles creator function that accepts the theme colors
+const createStyles = (colors: any) => StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: colors.darkBackground,
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingTop: Platform.OS === 'android' ? ANDROID_STATUSBAR_HEIGHT + 8 : 8,
+  },
+  headerActions: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  headerButton: {
+    padding: 8,
+    marginLeft: 8,
+  },
+  activeHeaderButton: {
+    backgroundColor: 'rgba(45, 156, 219, 0.2)',
+    borderRadius: 6,
+  },
+  reorderModeText: {
+    color: colors.primary,
+    fontSize: 18,
+    fontWeight: '400',
+  },
+  reorderInfoBanner: {
+    backgroundColor: 'rgba(45, 156, 219, 0.15)',
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    marginHorizontal: 16,
+    borderRadius: 8,
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 16,
+  },
+  reorderInfoText: {
+    color: colors.white,
+    fontSize: 14,
+    marginLeft: 8,
+  },
+  reorderButtons: {
+    position: 'absolute',
+    left: -12,
+    top: '50%',
+    marginTop: -40,
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 10,
+  },
+  reorderButton: {
+    backgroundColor: colors.elevation3,
+    width: 30,
+    height: 30,
+    borderRadius: 15,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginVertical: 4,
+  },
+  disabledButton: {
+    opacity: 0.5,
+    backgroundColor: colors.elevation2,
+  },
+  priorityBadge: {
+    backgroundColor: colors.primary,
+    borderRadius: 12,
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+  },
+  priorityText: {
+    color: colors.white,
+    fontSize: 12,
+    fontWeight: 'bold',
+  },
+  backButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 8,
+  },
+  backText: {
+    fontSize: 17,
+    fontWeight: '400',
+    color: colors.primary,
+  },
+  headerTitle: {
+    fontSize: 34,
+    fontWeight: '700',
+    color: colors.white,
+    paddingHorizontal: 16,
+    paddingBottom: 16,
+    paddingTop: 8,
+  },
+  scrollView: {
+    flex: 1,
+  },
+  section: {
+    marginBottom: 24,
+  },
+  sectionTitle: {
+    fontSize: 13,
+    fontWeight: '600',
+    color: colors.mediumGray,
+    marginHorizontal: 16,
+    marginBottom: 8,
+    letterSpacing: 0.5,
+    textTransform: 'uppercase',
+  },
+  statsContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginHorizontal: 16,
+    backgroundColor: colors.elevation2,
+    borderRadius: 12,
+    padding: 16,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 2,
+  },
+  statsCard: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  statsDivider: {
+    width: 1,
+    height: '80%',
+    backgroundColor: 'rgba(150, 150, 150, 0.2)',
+    alignSelf: 'center',
+  },
+  statsValue: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    color: colors.white,
+    marginBottom: 4,
+  },
+  statsLabel: {
+    fontSize: 13,
+    color: colors.mediumGray,
+  },
+  addAddonContainer: {
+    marginHorizontal: 16,
+    backgroundColor: colors.elevation2,
+    borderRadius: 12,
+    padding: 16,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 2,
+  },
+  addonInput: {
+    backgroundColor: colors.elevation1,
+    borderRadius: 8,
+    padding: 12,
+    color: colors.white,
+    marginBottom: 16,
+    fontSize: 15,
+  },
+  addButton: {
+    backgroundColor: colors.primary,
+    borderRadius: 8,
+    padding: 12,
+    alignItems: 'center',
+  },
+  addButtonText: {
+    color: colors.white,
+    fontWeight: '600',
+    fontSize: 16,
+  },
+  addonList: {
+    paddingHorizontal: 16,
+  },
+  emptyContainer: {
+    backgroundColor: colors.elevation2,
+    borderRadius: 12,
+    padding: 32,
+    alignItems: 'center',
+    justifyContent: 'center',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 2,
+  },
+  emptyText: {
+    marginTop: 8,
+    color: colors.mediumGray,
+    fontSize: 15,
+  },
+  addonItem: {
+    backgroundColor: colors.elevation2,
+    borderRadius: 12,
+    padding: 16,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 2,
+    marginBottom: 16,
+  },
+  addonHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 8,
+  },
+  addonIcon: {
+    width: 36,
+    height: 36,
+    borderRadius: 8,
+    backgroundColor: colors.elevation3,
+  },
+  addonIconPlaceholder: {
+    width: 36,
+    height: 36,
+    borderRadius: 8,
+    backgroundColor: colors.elevation3,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  addonTitleContainer: {
+    flex: 1,
+    marginLeft: 12,
+    marginRight: 16,
+  },
+  addonName: {
+    fontSize: 17,
+    fontWeight: '600',
+    color: colors.white,
+    marginBottom: 2,
+  },
+  addonMetaContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  addonVersion: {
+    fontSize: 13,
+    color: colors.mediumGray,
+  },
+  addonDot: {
+    fontSize: 13,
+    color: colors.mediumGray,
+    marginHorizontal: 4,
+  },
+  addonCategory: {
+    fontSize: 13,
+    color: colors.mediumGray,
+    flex: 1,
+  },
+  addonDescription: {
+    fontSize: 14,
+    color: colors.mediumEmphasis,
+    marginTop: 6,
+    marginBottom: 4,
+    lineHeight: 20,
+    marginLeft: 48, // Align with title, accounting for icon width
+  },
+  loadingContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  modalContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  modalContent: {
+    backgroundColor: colors.elevation2,
+    borderRadius: 14,
+    width: '85%',
+    maxHeight: '85%',
+    overflow: 'hidden',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 6 },
+    shadowOpacity: 0.25,
+    shadowRadius: 8,
+    elevation: 5,
+  },
+  modalHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: colors.elevation3,
+  },
+  modalTitle: {
+    fontSize: 17,
+    fontWeight: 'bold',
+    color: colors.white,
+  },
+  modalScrollContent: {
+    maxHeight: 400,
+  },
+  addonDetailHeader: {
+    alignItems: 'center',
+    padding: 24,
+    borderBottomWidth: 1,
+    borderBottomColor: colors.elevation3,
+  },
+  addonLogo: {
+    width: 64,
+    height: 64,
+    borderRadius: 12,
+    marginBottom: 16,
+    backgroundColor: colors.elevation3,
+  },
+  addonLogoPlaceholder: {
+    width: 64,
+    height: 64,
+    borderRadius: 12,
+    backgroundColor: colors.elevation3,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginBottom: 16,
+  },
+  addonDetailName: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    color: colors.white,
+    marginBottom: 4,
+    textAlign: 'center',
+  },
+  addonDetailVersion: {
+    fontSize: 14,
+    color: colors.mediumGray,
+  },
+  addonDetailSection: {
+    padding: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: colors.elevation3,
+  },
+  addonDetailSectionTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: colors.white,
+    marginBottom: 8,
+  },
+  addonDetailDescription: {
+    fontSize: 15,
+    color: colors.mediumEmphasis,
+    lineHeight: 20,
+  },
+  addonDetailChips: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 8,
+  },
+  addonDetailChip: {
+    backgroundColor: colors.elevation3,
+    borderRadius: 12,
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+  },
+  addonDetailChipText: {
+    fontSize: 13,
+    color: colors.white,
+  },
+  modalActions: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    padding: 16,
+    borderTopWidth: 1,
+    borderTopColor: colors.elevation3,
+  },
+  modalButton: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    borderRadius: 8,
+    minWidth: 80,
+    alignItems: 'center',
+  },
+  cancelButton: {
+    backgroundColor: colors.elevation3,
+    marginRight: 8,
+  },
+  installButton: {
+    backgroundColor: colors.success,
+    borderRadius: 6,
+    padding: 8,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  modalButtonText: {
+    color: colors.white,
+    fontWeight: '600',
+  },
+  addonActions: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  deleteButton: {
+    padding: 6,
+  },
+  configButton: {
+    padding: 6,
+    marginRight: 8,
+  },
+  communityAddonsList: {
+    paddingHorizontal: 20,
+  },
+  communityAddonItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: colors.card,
+    borderRadius: 8,
+    padding: 15,
+    marginBottom: 10,
+  },
+  communityAddonIcon: {
+    width: 40,
+    height: 40,
+    borderRadius: 6,
+    marginRight: 15,
+  },
+  communityAddonIconPlaceholder: {
+    width: 40,
+    height: 40,
+    borderRadius: 6,
+    marginRight: 15,
+    backgroundColor: colors.darkGray,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  communityAddonDetails: {
+    flex: 1,
+    marginRight: 10,
+  },
+  communityAddonName: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: colors.white,
+    marginBottom: 3,
+  },
+  communityAddonDesc: {
+    fontSize: 13,
+    color: colors.lightGray,
+    marginBottom: 5,
+    opacity: 0.9,
+  },
+  communityAddonMetaContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    opacity: 0.8,
+  },
+  communityAddonVersion: {
+     fontSize: 12,
+     color: colors.lightGray,
+  },
+  communityAddonDot: {
+    fontSize: 12,
+    color: colors.lightGray,
+    marginHorizontal: 5,
+  },
+  communityAddonCategory: {
+     fontSize: 12,
+     color: colors.lightGray,
+     flexShrink: 1,
+  },
+  separator: {
+    height: 10,
+  },
+  sectionSeparator: {
+      height: 1,
+      backgroundColor: colors.border,
+      marginHorizontal: 20,
+      marginVertical: 20,
+  },
+  emptyMessage: {
+    textAlign: 'center',
+    color: colors.mediumGray,
+    marginTop: 20,
+    fontSize: 16,
+    paddingHorizontal: 20,
+  },
+  errorMessage: {
+    textAlign: 'center',
+    color: colors.error,
+    marginTop: 20,
+    fontSize: 16,
+    paddingHorizontal: 20,
+  },
+  loader: {
+    marginTop: 30,
+    alignSelf: 'center',
+  },
+  addonActionButtons: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+});
+
 const AddonsScreen = () => {
   const navigation = useNavigation<NavigationProp<RootStackParamList>>();
   const [addons, setAddons] = useState<ExtendedManifest[]>([]);
@@ -65,8 +565,10 @@ const AddonsScreen = () => {
   const [catalogCount, setCatalogCount] = useState(0);
   // Add state for reorder mode
   const [reorderMode, setReorderMode] = useState(false);
-  // Force dark mode
-  const isDarkMode = true;
+  // Use ThemeContext
+  const { currentTheme } = useTheme();
+  const colors = currentTheme.colors;
+  const styles = createStyles(colors);
 
   // State for community addons
   const [communityAddons, setCommunityAddons] = useState<CommunityAddon[]>([]);
@@ -836,503 +1338,4 @@ const AddonsScreen = () => {
   );
 };
 
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: colors.darkBackground,
-  },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingHorizontal: 16,
-    paddingTop: Platform.OS === 'android' ? ANDROID_STATUSBAR_HEIGHT + 8 : 8,
-  },
-  headerActions: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  headerButton: {
-    padding: 8,
-    marginLeft: 8,
-  },
-  activeHeaderButton: {
-    backgroundColor: 'rgba(45, 156, 219, 0.2)',
-    borderRadius: 6,
-  },
-  reorderModeText: {
-    color: colors.primary,
-    fontSize: 18,
-    fontWeight: '400',
-  },
-  reorderInfoBanner: {
-    backgroundColor: 'rgba(45, 156, 219, 0.15)',
-    paddingHorizontal: 16,
-    paddingVertical: 10,
-    marginHorizontal: 16,
-    borderRadius: 8,
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginBottom: 16,
-  },
-  reorderInfoText: {
-    color: colors.white,
-    fontSize: 14,
-    marginLeft: 8,
-  },
-  reorderButtons: {
-    position: 'absolute',
-    left: -12,
-    top: '50%',
-    marginTop: -40,
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-    zIndex: 10,
-  },
-  reorderButton: {
-    backgroundColor: colors.elevation3,
-    width: 30,
-    height: 30,
-    borderRadius: 15,
-    justifyContent: 'center',
-    alignItems: 'center',
-    marginVertical: 4,
-  },
-  disabledButton: {
-    opacity: 0.5,
-    backgroundColor: colors.elevation2,
-  },
-  priorityBadge: {
-    backgroundColor: colors.primary,
-    borderRadius: 12,
-    paddingHorizontal: 8,
-    paddingVertical: 3,
-  },
-  priorityText: {
-    color: colors.white,
-    fontSize: 12,
-    fontWeight: 'bold',
-  },
-  backButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 8,
-  },
-  backText: {
-    fontSize: 17,
-    fontWeight: '400',
-    color: colors.primary,
-  },
-  headerTitle: {
-    fontSize: 34,
-    fontWeight: '700',
-    color: colors.white,
-    paddingHorizontal: 16,
-    paddingBottom: 16,
-    paddingTop: 8,
-  },
-  scrollView: {
-    flex: 1,
-  },
-  section: {
-    marginBottom: 24,
-  },
-  sectionTitle: {
-    fontSize: 13,
-    fontWeight: '600',
-    color: colors.mediumGray,
-    marginHorizontal: 16,
-    marginBottom: 8,
-    letterSpacing: 0.5,
-    textTransform: 'uppercase',
-  },
-  statsContainer: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    marginHorizontal: 16,
-    backgroundColor: colors.elevation2,
-    borderRadius: 12,
-    padding: 16,
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 2,
-  },
-  statsCard: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  statsDivider: {
-    width: 1,
-    height: '80%',
-    backgroundColor: 'rgba(150, 150, 150, 0.2)',
-    alignSelf: 'center',
-  },
-  statsValue: {
-    fontSize: 24,
-    fontWeight: 'bold',
-    color: colors.white,
-    marginBottom: 4,
-  },
-  statsLabel: {
-    fontSize: 13,
-    color: colors.mediumGray,
-  },
-  addAddonContainer: {
-    marginHorizontal: 16,
-    backgroundColor: colors.elevation2,
-    borderRadius: 12,
-    padding: 16,
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 2,
-  },
-  addonInput: {
-    backgroundColor: colors.elevation1,
-    borderRadius: 8,
-    padding: 12,
-    color: colors.white,
-    marginBottom: 16,
-    fontSize: 15,
-  },
-  addButton: {
-    backgroundColor: colors.primary,
-    borderRadius: 8,
-    padding: 12,
-    alignItems: 'center',
-  },
-  addButtonText: {
-    color: colors.white,
-    fontWeight: '600',
-    fontSize: 16,
-  },
-  addonList: {
-    paddingHorizontal: 16,
-  },
-  emptyContainer: {
-    backgroundColor: colors.elevation2,
-    borderRadius: 12,
-    padding: 32,
-    alignItems: 'center',
-    justifyContent: 'center',
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 2,
-  },
-  emptyText: {
-    marginTop: 8,
-    color: colors.mediumGray,
-    fontSize: 15,
-  },
-  addonItem: {
-    backgroundColor: colors.elevation2,
-    borderRadius: 12,
-    padding: 16,
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 2,
-    marginBottom: 16,
-  },
-  addonHeader: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    marginBottom: 8,
-  },
-  addonIcon: {
-    width: 36,
-    height: 36,
-    borderRadius: 8,
-    backgroundColor: colors.elevation3,
-  },
-  addonIconPlaceholder: {
-    width: 36,
-    height: 36,
-    borderRadius: 8,
-    backgroundColor: colors.elevation3,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  addonTitleContainer: {
-    flex: 1,
-    marginLeft: 12,
-    marginRight: 16,
-  },
-  addonName: {
-    fontSize: 17,
-    fontWeight: '600',
-    color: colors.white,
-    marginBottom: 2,
-  },
-  addonMetaContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  addonVersion: {
-    fontSize: 13,
-    color: colors.mediumGray,
-  },
-  addonDot: {
-    fontSize: 13,
-    color: colors.mediumGray,
-    marginHorizontal: 4,
-  },
-  addonCategory: {
-    fontSize: 13,
-    color: colors.mediumGray,
-    flex: 1,
-  },
-  addonDescription: {
-    fontSize: 14,
-    color: colors.mediumEmphasis,
-    marginTop: 6,
-    marginBottom: 4,
-    lineHeight: 20,
-    marginLeft: 48, // Align with title, accounting for icon width
-  },
-  loadingContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  modalContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  modalContent: {
-    backgroundColor: colors.elevation2,
-    borderRadius: 14,
-    width: '85%',
-    maxHeight: '85%',
-    overflow: 'hidden',
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 6 },
-    shadowOpacity: 0.25,
-    shadowRadius: 8,
-    elevation: 5,
-  },
-  modalHeader: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    padding: 16,
-    borderBottomWidth: 1,
-    borderBottomColor: colors.elevation3,
-  },
-  modalTitle: {
-    fontSize: 17,
-    fontWeight: 'bold',
-    color: colors.white,
-  },
-  modalScrollContent: {
-    maxHeight: 400,
-  },
-  addonDetailHeader: {
-    alignItems: 'center',
-    padding: 24,
-    borderBottomWidth: 1,
-    borderBottomColor: colors.elevation3,
-  },
-  addonLogo: {
-    width: 64,
-    height: 64,
-    borderRadius: 12,
-    marginBottom: 16,
-    backgroundColor: colors.elevation3,
-  },
-  addonLogoPlaceholder: {
-    width: 64,
-    height: 64,
-    borderRadius: 12,
-    backgroundColor: colors.elevation3,
-    justifyContent: 'center',
-    alignItems: 'center',
-    marginBottom: 16,
-  },
-  addonDetailName: {
-    fontSize: 20,
-    fontWeight: 'bold',
-    color: colors.white,
-    marginBottom: 4,
-    textAlign: 'center',
-  },
-  addonDetailVersion: {
-    fontSize: 14,
-    color: colors.mediumGray,
-  },
-  addonDetailSection: {
-    padding: 16,
-    borderBottomWidth: 1,
-    borderBottomColor: colors.elevation3,
-  },
-  addonDetailSectionTitle: {
-    fontSize: 16,
-    fontWeight: '600',
-    color: colors.white,
-    marginBottom: 8,
-  },
-  addonDetailDescription: {
-    fontSize: 15,
-    color: colors.mediumEmphasis,
-    lineHeight: 20,
-  },
-  addonDetailChips: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    gap: 8,
-  },
-  addonDetailChip: {
-    backgroundColor: colors.elevation3,
-    borderRadius: 12,
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-  },
-  addonDetailChipText: {
-    fontSize: 13,
-    color: colors.white,
-  },
-  modalActions: {
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    padding: 16,
-    borderTopWidth: 1,
-    borderTopColor: colors.elevation3,
-  },
-  modalButton: {
-    paddingVertical: 8,
-    paddingHorizontal: 16,
-    borderRadius: 8,
-    minWidth: 80,
-    alignItems: 'center',
-  },
-  cancelButton: {
-    backgroundColor: colors.elevation3,
-    marginRight: 8,
-  },
-  installButton: {
-    backgroundColor: colors.success,
-    borderRadius: 6,
-    padding: 8,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  modalButtonText: {
-    color: colors.white,
-    fontWeight: '600',
-  },
-  addonActions: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  deleteButton: {
-    padding: 6,
-  },
-  configButton: {
-    padding: 6,
-    marginRight: 8,
-  },
-  communityAddonsList: {
-    paddingHorizontal: 20,
-  },
-  communityAddonItem: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    backgroundColor: colors.card,
-    borderRadius: 8,
-    padding: 15,
-    marginBottom: 10,
-  },
-  communityAddonIcon: {
-    width: 40,
-    height: 40,
-    borderRadius: 6,
-    marginRight: 15,
-  },
-  communityAddonIconPlaceholder: {
-    width: 40,
-    height: 40,
-    borderRadius: 6,
-    marginRight: 15,
-    backgroundColor: colors.darkGray,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  communityAddonDetails: {
-    flex: 1,
-    marginRight: 10,
-  },
-  communityAddonName: {
-    fontSize: 16,
-    fontWeight: '600',
-    color: colors.white,
-    marginBottom: 3,
-  },
-  communityAddonDesc: {
-    fontSize: 13,
-    color: colors.lightGray,
-    marginBottom: 5,
-    opacity: 0.9,
-  },
-  communityAddonMetaContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    opacity: 0.8,
-  },
-  communityAddonVersion: {
-     fontSize: 12,
-     color: colors.lightGray,
-  },
-  communityAddonDot: {
-    fontSize: 12,
-    color: colors.lightGray,
-    marginHorizontal: 5,
-  },
-  communityAddonCategory: {
-     fontSize: 12,
-     color: colors.lightGray,
-     flexShrink: 1,
-  },
-  separator: {
-    height: 10,
-  },
-  sectionSeparator: {
-      height: 1,
-      backgroundColor: colors.border,
-      marginHorizontal: 20,
-      marginVertical: 20,
-  },
-  emptyMessage: {
-    textAlign: 'center',
-    color: colors.mediumGray,
-    marginTop: 20,
-    fontSize: 16,
-    paddingHorizontal: 20,
-  },
-  errorMessage: {
-    textAlign: 'center',
-    color: colors.error,
-    marginTop: 20,
-    fontSize: 16,
-    paddingHorizontal: 20,
-  },
-  loader: {
-    marginTop: 30,
-    alignSelf: 'center',
-  },
-  addonActionButtons: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-});
-
 export default AddonsScreen; 
\ No newline at end of file