@buoy-gg/storage 7.0.26 → 7.0.27

package/lib/commonjs/storage/components/MMKVInstanceInfoPanel.js

@@ -84,11 +84,11 @@ function MMKVInstanceInfoPanel({
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(InfoItem, {
           label: "Encryption",
           value: instance.encrypted ? '🔒 Encrypted' : '🔓 Not encrypted',
-          valueColor: instance.encrypted ? _sharedUi.macOSColors.semantic.success : _sharedUi.macOSColors.text.muted
+          valueColor: instance.encrypted ? _sharedUi.macOSColors.semantic.success : _sharedUi.night.color.textTertiary
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(InfoItem, {
           label: "Access",
           value: instance.readOnly ? '👁️ Read-only' : '✏️ Read-write',
-          valueColor: instance.readOnly ? _sharedUi.macOSColors.semantic.warning : _sharedUi.macOSColors.text.muted
+          valueColor: instance.readOnly ? _sharedUi.macOSColors.semantic.warning : _sharedUi.night.color.textTertiary
         }), instance.size !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(InfoItem, {
           label: "Size",
           value: formatBytes(instance.size),
@@ -170,10 +170,10 @@ const styles = _reactNative.StyleSheet.create({
   },
   // Panel
   panel: {
-    backgroundColor: _sharedUi.macOSColors.background.card,
+    backgroundColor: _sharedUi.night.color.surface,
     borderRadius: 12,
     borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default + '50',
+    borderColor: _sharedUi.night.color.border,
     overflow: 'hidden',
     shadowColor: '#000000',
     shadowOpacity: 0.03,
@@ -187,12 +187,12 @@ const styles = _reactNative.StyleSheet.create({
   header: {
     padding: 12,
     borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.macOSColors.border.default + '30'
+    borderBottomColor: _sharedUi.night.color.separator
   },
   headerTitle: {
     fontSize: 11,
     fontWeight: '600',
-    color: _sharedUi.macOSColors.text.primary,
+    color: _sharedUi.night.color.text,
     textTransform: "uppercase",
     letterSpacing: 0.5
   },
@@ -209,18 +209,18 @@ const styles = _reactNative.StyleSheet.create({
   },
   infoLabel: {
     fontSize: 12,
-    color: _sharedUi.macOSColors.text.muted,
+    color: _sharedUi.night.color.textTertiary,
     fontWeight: '500'
   },
   infoValue: {
     fontSize: 12,
-    color: _sharedUi.macOSColors.text.primary,
+    color: _sharedUi.night.color.text,
     fontWeight: '500'
   },
   infoValueHighlight: {
     fontSize: 14,
     fontWeight: '600',
-    color: _sharedUi.macOSColors.semantic.info
+    color: _sharedUi.night.color.accent
   },
   monoValue: {
     fontFamily: 'monospace'

package/lib/commonjs/storage/components/MMKVInstanceSelector.js

@@ -228,28 +228,28 @@ const styles = _reactNative.StyleSheet.create({
   },
   unavailableDescription: {
     fontSize: 12,
-    color: _sharedUi.macOSColors.text.secondary,
+    color: _sharedUi.night.color.textSecondary,
     textAlign: 'center',
     lineHeight: 18
   },
   // Empty state
   emptyState: {
-    backgroundColor: _sharedUi.macOSColors.background.card,
+    backgroundColor: _sharedUi.night.color.surface,
     borderRadius: 12,
     padding: 20,
     borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default + '50',
+    borderColor: _sharedUi.night.color.border,
     alignItems: 'center',
     gap: 12
   },
   emptyStateTitle: {
     fontSize: 14,
     fontWeight: '600',
-    color: _sharedUi.macOSColors.text.primary
+    color: _sharedUi.night.color.text
   },
   emptyStateDescription: {
     fontSize: 12,
-    color: _sharedUi.macOSColors.text.muted,
+    color: _sharedUi.night.color.textTertiary,
     textAlign: 'center',
     lineHeight: 18
   },
@@ -257,22 +257,22 @@ const styles = _reactNative.StyleSheet.create({
     marginTop: 8,
     paddingHorizontal: 16,
     paddingVertical: 8,
-    backgroundColor: _sharedUi.macOSColors.semantic.info + '20',
+    backgroundColor: _sharedUi.night.color.accentSoft,
     borderRadius: 8,
     borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.semantic.info + '40'
+    borderColor: _sharedUi.night.color.accentBorderStrong
   },
   refreshButtonText: {
     fontSize: 12,
     fontWeight: '600',
-    color: _sharedUi.macOSColors.semantic.info
+    color: _sharedUi.night.color.accent
   },
   // Selector button
   selectorButton: {
-    backgroundColor: _sharedUi.macOSColors.background.card,
+    backgroundColor: _sharedUi.night.color.surface,
     borderRadius: 12,
     borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default + '50',
+    borderColor: _sharedUi.night.color.border,
     padding: 12,
     flexDirection: 'row',
     alignItems: 'center',
@@ -290,12 +290,12 @@ const styles = _reactNative.StyleSheet.create({
   },
   placeholderText: {
     fontSize: 13,
-    color: _sharedUi.macOSColors.text.muted,
+    color: _sharedUi.night.color.placeholder,
     fontStyle: 'italic'
   },
   dropdownArrow: {
     fontSize: 10,
-    color: _sharedUi.macOSColors.text.muted,
+    color: _sharedUi.night.color.textTertiary,
     marginLeft: 8
   },
   // Modal overlay
@@ -308,10 +308,10 @@ const styles = _reactNative.StyleSheet.create({
   },
   // Dropdown container
   dropdownContainer: {
-    backgroundColor: _sharedUi.macOSColors.background.card,
+    backgroundColor: _sharedUi.night.color.surface,
     borderRadius: 16,
     borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default,
+    borderColor: _sharedUi.night.color.border,
     width: '100%',
     maxWidth: 500,
     maxHeight: '70%',
@@ -330,19 +330,19 @@ const styles = _reactNative.StyleSheet.create({
     justifyContent: 'space-between',
     padding: 16,
     borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.macOSColors.border.default + '50'
+    borderBottomColor: _sharedUi.night.color.separator
   },
   dropdownTitle: {
     fontSize: 14,
     fontWeight: '600',
-    color: _sharedUi.macOSColors.text.primary
+    color: _sharedUi.night.color.text
   },
   headerRefreshButton: {
     padding: 4
   },
   headerRefreshText: {
     fontSize: 18,
-    color: _sharedUi.macOSColors.semantic.info
+    color: _sharedUi.night.color.accent
   },
   dropdownList: {
     maxHeight: 400
@@ -350,10 +350,10 @@ const styles = _reactNative.StyleSheet.create({
   dropdownItem: {
     padding: 12,
     borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.macOSColors.border.default + '30'
+    borderBottomColor: _sharedUi.night.color.separator
   },
   dropdownItemSelected: {
-    backgroundColor: _sharedUi.macOSColors.semantic.info + '10'
+    backgroundColor: _sharedUi.night.color.accentSoft
   },
   // Instance row
   instanceRow: {
@@ -369,12 +369,12 @@ const styles = _reactNative.StyleSheet.create({
   instanceId: {
     fontSize: 13,
     fontWeight: '500',
-    color: _sharedUi.macOSColors.text.primary,
+    color: _sharedUi.night.color.text,
     fontFamily: 'monospace'
   },
   instanceIdSelected: {
     fontWeight: '600',
-    color: _sharedUi.macOSColors.semantic.info
+    color: _sharedUi.night.color.accent
   },
   instanceBadges: {
     flexDirection: 'row',
@@ -398,7 +398,7 @@ const styles = _reactNative.StyleSheet.create({
   badgeText: {
     fontSize: 9,
     fontWeight: '500',
-    color: _sharedUi.macOSColors.text.secondary
+    color: _sharedUi.night.color.textSecondary
   },
   instanceRight: {
     alignItems: 'flex-end'
@@ -406,12 +406,12 @@ const styles = _reactNative.StyleSheet.create({
   keyCount: {
     fontSize: 16,
     fontWeight: '600',
-    color: _sharedUi.macOSColors.text.primary,
+    color: _sharedUi.night.color.text,
     fontFamily: 'monospace'
   },
   keyCountLabel: {
     fontSize: 9,
-    color: _sharedUi.macOSColors.text.muted,
+    color: _sharedUi.night.color.textTertiary,
     textTransform: "uppercase",
     letterSpacing: 0.5
   }

package/lib/commonjs/storage/components/SelectionActionBar.js

@@ -88,7 +88,7 @@ function SelectionActionBar({
         onPress: allSelected ? onClearSelection : onSelectAll,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CheckSquare, {
           size: 14,
-          color: allSelected ? _sharedUi.macOSColors.semantic.info : _sharedUi.macOSColors.text.secondary
+          color: allSelected ? _sharedUi.night.color.accent : _sharedUi.night.color.textSecondary
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: styles.selectAllText,
           children: allSelected ? "Deselect All" : "Select All"
@@ -107,7 +107,7 @@ function SelectionActionBar({
         size: 14,
         buttonStyle: styles.actionButton,
         colors: {
-          idle: _sharedUi.macOSColors.semantic.info,
+          idle: _sharedUi.night.color.accent,
           success: _sharedUi.macOSColors.semantic.success,
           error: _sharedUi.macOSColors.semantic.error
         }
@@ -116,14 +116,14 @@ function SelectionActionBar({
         onPress: handleHideSelected,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.EyeOff, {
           size: 14,
-          color: _sharedUi.macOSColors.semantic.warning
+          color: _sharedUi.night.color.warning
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
         style: styles.actionButton,
         onPress: handleDeleteSelected,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
           size: 14,
-          color: _sharedUi.macOSColors.semantic.error
+          color: _sharedUi.night.color.danger
         })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProUpgradeModal, {
@@ -138,10 +138,10 @@ const styles = _reactNative.StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between",
-    backgroundColor: _sharedUi.macOSColors.semantic.info + "15",
+    backgroundColor: _sharedUi.night.color.accentSoft,
     borderRadius: 8,
     borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.semantic.info + "30",
+    borderColor: _sharedUi.night.color.accentBorderStrong,
     paddingHorizontal: 12,
     paddingVertical: 8,
     marginBottom: 10
@@ -157,18 +157,18 @@ const styles = _reactNative.StyleSheet.create({
     gap: 6,
     paddingVertical: 4,
     paddingHorizontal: 8,
-    backgroundColor: _sharedUi.macOSColors.background.card,
+    backgroundColor: _sharedUi.night.color.surface,
     borderRadius: 6,
     borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default
+    borderColor: _sharedUi.night.color.border
   },
   selectAllText: {
     fontSize: 11,
     fontWeight: "600",
-    color: _sharedUi.macOSColors.text.secondary
+    color: _sharedUi.night.color.textSecondary
   },
   countBadge: {
-    backgroundColor: _sharedUi.macOSColors.semantic.info + "20",
+    backgroundColor: _sharedUi.night.color.accentFill,
     paddingHorizontal: 8,
     paddingVertical: 4,
     borderRadius: 6
@@ -176,7 +176,7 @@ const styles = _reactNative.StyleSheet.create({
   countText: {
     fontSize: 11,
     fontWeight: "700",
-    color: _sharedUi.macOSColors.semantic.info,
+    color: _sharedUi.night.color.accent,
     fontFamily: "monospace"
   },
   actionsSection: {
@@ -190,8 +190,8 @@ const styles = _reactNative.StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
     borderRadius: 6,
-    backgroundColor: _sharedUi.macOSColors.background.card,
+    backgroundColor: _sharedUi.night.color.surface,
     borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default
+    borderColor: _sharedUi.night.color.border
   }
 });

package/lib/commonjs/storage/components/StorageActionButtons.js

@@ -138,21 +138,21 @@ function StorageActionButtons({
         style: styles.selectModeActiveContainer,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
           size: 14,
-          color: _sharedUi.macOSColors.semantic.info
+          color: _sharedUi.night.color.accent
         }), selectedCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: styles.selectedCountText,
           children: selectedCount
         })]
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SquareDashed, {
         size: 16,
-        color: _sharedUi.macOSColors.text.secondary
+        color: _sharedUi.night.color.textSecondary
       })
     }), !isSelectMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CopyButton, {
       value: copyValue,
       size: 16,
       buttonStyle: styles.actionButton,
       colors: {
-        idle: _sharedUi.macOSColors.text.secondary,
+        idle: _sharedUi.night.color.textSecondary,
         success: _sharedUi.macOSColors.semantic.success,
         error: _sharedUi.macOSColors.semantic.error
       }
@@ -161,28 +161,28 @@ function StorageActionButtons({
       style: styles.actionButton,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
         size: 16,
-        color: _sharedUi.macOSColors.semantic.error
+        color: _sharedUi.night.color.danger
       })
     }), !isSelectMode && showClearAsync && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
       onPress: handleClearAsyncStorage,
       style: styles.actionButton,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
         size: 16,
-        color: _sharedUi.macOSColors.semantic.error
+        color: _sharedUi.night.color.danger
       })
     }), !isSelectMode && showClearAllMMKV && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
       onPress: handleClearAllMMKV,
       style: styles.actionButton,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
         size: 16,
-        color: _sharedUi.macOSColors.semantic.error
+        color: _sharedUi.night.color.danger
       })
     }), !isSelectMode && showClearMMKVIndividual && mmkvInstances.length === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
       onPress: () => handleClearMMKV(mmkvInstances[0].id, mmkvInstances[0].id),
       style: styles.actionButton,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
         size: 16,
-        color: _sharedUi.macOSColors.semantic.error
+        color: _sharedUi.night.color.danger
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProUpgradeModal, {
       visible: showUpgradeModal,
@@ -203,13 +203,13 @@ const styles = _reactNative.StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
     borderRadius: 6,
-    backgroundColor: _sharedUi.macOSColors.background.input,
+    backgroundColor: _sharedUi.night.color.buttonSurface,
     borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default
+    borderColor: _sharedUi.night.color.border
   },
   actionButtonActive: {
-    backgroundColor: _sharedUi.macOSColors.semantic.info + "20",
-    borderColor: _sharedUi.macOSColors.semantic.info + "40"
+    backgroundColor: _sharedUi.night.color.accentSoft,
+    borderColor: _sharedUi.night.color.accentBorderStrong
   },
   selectModeActiveContainer: {
     flexDirection: "row",
@@ -219,7 +219,7 @@ const styles = _reactNative.StyleSheet.create({
   selectedCountText: {
     fontSize: 10,
     fontWeight: "700",
-    color: _sharedUi.macOSColors.semantic.info,
+    color: _sharedUi.night.color.accent,
     fontFamily: "monospace"
   }
 });

package/lib/commonjs/storage/components/StorageEventActionButton.js

@@ -17,22 +17,22 @@ var _jsxRuntime = require("react/jsx-runtime");
 // Button color configurations matching Redux/React Query pattern
 const buttonConfigs = {
   copy: {
-    color: _sharedUi.buoyColors.primary,
-    backgroundColor: _sharedUi.buoyColors.primary + "15",
-    borderColor: _sharedUi.buoyColors.primary + "40",
-    textColor: _sharedUi.buoyColors.primary
+    color: _sharedUi.night.color.accent,
+    backgroundColor: _sharedUi.night.color.accentSoft,
+    borderColor: _sharedUi.night.color.accentBorderStrong,
+    textColor: _sharedUi.night.color.accent
   },
   jump: {
-    color: _sharedUi.buoyColors.warning,
-    backgroundColor: _sharedUi.buoyColors.warning + "15",
-    borderColor: _sharedUi.buoyColors.warning + "40",
-    textColor: _sharedUi.buoyColors.warning
+    color: _sharedUi.night.color.warning,
+    backgroundColor: _sharedUi.night.color.warningSoft,
+    borderColor: _sharedUi.night.color.warning + "40",
+    textColor: _sharedUi.night.color.warning
   },
   undo: {
-    color: _sharedUi.buoyColors.info,
-    backgroundColor: _sharedUi.buoyColors.info + "15",
-    borderColor: _sharedUi.buoyColors.info + "40",
-    textColor: _sharedUi.buoyColors.info
+    color: _sharedUi.night.color.info,
+    backgroundColor: _sharedUi.night.color.infoSoft,
+    borderColor: _sharedUi.night.color.info + "40",
+    textColor: _sharedUi.night.color.info
   }
 };
 function StorageEventActionButton({
@@ -48,8 +48,8 @@ function StorageEventActionButton({
     disabled: isDisabledOrLocked,
     onPress: onPress,
     style: [styles.button, {
-      backgroundColor: isDisabledOrLocked ? _sharedUi.buoyColors.textMuted + "1A" : config.backgroundColor,
-      borderColor: isDisabledOrLocked ? _sharedUi.buoyColors.textMuted + "33" : config.borderColor,
+      backgroundColor: isDisabledOrLocked ? _sharedUi.night.color.fill : config.backgroundColor,
+      borderColor: isDisabledOrLocked ? _sharedUi.night.color.fillTertiary : config.borderColor,
       opacity: disabled ? 0.5 : 1
     }],
     activeOpacity: 0.7,
@@ -60,15 +60,15 @@ function StorageEventActionButton({
     },
     children: [locked ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Lock, {
       size: 10,
-      color: _sharedUi.buoyColors.textMuted,
+      color: _sharedUi.night.color.textTertiary,
       style: styles.lockIcon
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [styles.dot, {
-        backgroundColor: isDisabledOrLocked ? _sharedUi.buoyColors.textMuted : config.color
+        backgroundColor: isDisabledOrLocked ? _sharedUi.night.color.textTertiary : config.color
       }]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: [styles.text, {
-        color: isDisabledOrLocked ? _sharedUi.buoyColors.textMuted : config.textColor
+        color: isDisabledOrLocked ? _sharedUi.night.color.textTertiary : config.textColor
       }],
       children: text
     })]
@@ -98,7 +98,7 @@ const styles = _reactNative.StyleSheet.create({
     height: 5,
     borderRadius: 3,
     marginRight: 6,
-    shadowColor: _sharedUi.buoyColors.text,
+    shadowColor: _sharedUi.night.color.text,
     shadowOffset: {
       width: 0,
       height: 0

package/lib/commonjs/storage/components/StorageEventDetailContent.js

@@ -210,11 +210,11 @@ function StorageEventDetailContent({
     relativeTime: ORIGIN_LABELS[originKind].relativeTime,
     badge: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [styles.actionBadgeSmall, {
-        backgroundColor: `${_sharedUi.macOSColors.text.muted}20`
+        backgroundColor: `${_sharedUi.night.color.textTertiary}20`
       }],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         style: [styles.actionTextSmall, {
-          color: _sharedUi.macOSColors.text.muted
+          color: _sharedUi.night.color.textTertiary
         }],
         children: ORIGIN_LABELS[originKind].badge
       })
@@ -462,21 +462,21 @@ const styles = _reactNative.StyleSheet.create({
     gap: 8,
     paddingHorizontal: 12,
     paddingVertical: 10,
-    backgroundColor: _sharedUi.buoyColors.card,
+    backgroundColor: _sharedUi.night.color.surface,
     borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.buoyColors.border
+    borderBottomColor: _sharedUi.night.color.border
   },
   // Content Card
   valueBox: {
-    backgroundColor: _sharedUi.macOSColors.background.base,
+    backgroundColor: _sharedUi.night.color.bg,
     borderRadius: 6,
     borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.input,
+    borderColor: _sharedUi.night.color.border,
     padding: 8
   },
   valueText: {
     fontSize: 12,
-    color: _sharedUi.macOSColors.text.primary,
+    color: _sharedUi.night.color.text,
     fontFamily: "monospace",
     lineHeight: 18
   },

package/lib/commonjs/storage/components/StorageEventFilterView.js

@@ -55,7 +55,7 @@ function StorageEventFilterView({
           onPress: () => onToggleStorageType('async'),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Database, {
             size: 16,
-            color: enabledStorageTypes.has('async') ? _sharedUi.macOSColors.semantic.warning : _sharedUi.macOSColors.text.muted
+            color: enabledStorageTypes.has('async') ? _sharedUi.macOSColors.semantic.warning : _sharedUi.night.color.textTertiary
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: [styles.storageTypeButtonText, enabledStorageTypes.has('async') && {
               color: _sharedUi.macOSColors.semantic.warning
@@ -69,7 +69,7 @@ function StorageEventFilterView({
           onPress: () => onToggleStorageType('mmkv'),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.HardDrive, {
             size: 16,
-            color: enabledStorageTypes.has('mmkv') ? _sharedUi.macOSColors.semantic.info : _sharedUi.macOSColors.text.muted
+            color: enabledStorageTypes.has('mmkv') ? _sharedUi.macOSColors.semantic.info : _sharedUi.night.color.textTertiary
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: [styles.storageTypeButtonText, enabledStorageTypes.has('mmkv') && {
               color: _sharedUi.macOSColors.semantic.info
@@ -83,7 +83,7 @@ function StorageEventFilterView({
           onPress: () => onToggleStorageType('secure'),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Shield, {
             size: 16,
-            color: enabledStorageTypes.has('secure') ? _sharedUi.macOSColors.semantic.success : _sharedUi.macOSColors.text.muted
+            color: enabledStorageTypes.has('secure') ? _sharedUi.macOSColors.semantic.success : _sharedUi.night.color.textTertiary
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: [styles.storageTypeButtonText, enabledStorageTypes.has('secure') && {
               color: _sharedUi.macOSColors.semantic.success
@@ -104,12 +104,12 @@ const styles = _reactNative.StyleSheet.create({
   storageTypeSection: {
     padding: 16,
     borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.macOSColors.border.default
+    borderBottomColor: _sharedUi.night.color.border
   },
   sectionTitle: {
     fontSize: 11,
     fontWeight: '700',
-    color: _sharedUi.macOSColors.text.secondary,
+    color: _sharedUi.night.color.textSecondary,
     letterSpacing: 0.8,
     marginBottom: 12
   },
@@ -125,17 +125,17 @@ const styles = _reactNative.StyleSheet.create({
     gap: 6,
     paddingVertical: 10,
     paddingHorizontal: 12,
-    backgroundColor: _sharedUi.macOSColors.background.input,
+    backgroundColor: _sharedUi.night.color.surfaceElevated,
     borderRadius: 8,
     borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default
+    borderColor: _sharedUi.night.color.border
   },
   storageTypeButtonActive: {
-    backgroundColor: _sharedUi.macOSColors.background.card
+    backgroundColor: _sharedUi.night.color.surface
   },
   storageTypeButtonText: {
     fontSize: 11,
     fontWeight: '600',
-    color: _sharedUi.macOSColors.text.muted
+    color: _sharedUi.night.color.textTertiary
   }
 });