@buoy-gg/impersonate 7.0.26 → 7.0.28

package/lib/commonjs/impersonate/components/DataNukeSettings.js

@@ -55,7 +55,7 @@ function ToggleRow({
             color: _sharedUi.buoyColors.success
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
             size: 10,
-            color: _sharedUi.buoyColors.textMuted
+            color: _sharedUi.night.color.textTertiary
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: [styles.detectedText, detected ? styles.detectedTextActive : styles.detectedTextInactive],
             children: detected ? "Detected" : "Not Detected"
@@ -64,7 +64,7 @@ function ToggleRow({
           style: styles.recommendedBadge,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Zap, {
             size: 10,
-            color: _sharedUi.buoyColors.primary
+            color: _sharedUi.night.color.accent
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: styles.recommendedText,
             children: "Recommended"
@@ -78,10 +78,10 @@ function ToggleRow({
       value: value,
       onValueChange: onChange,
       trackColor: {
-        false: _sharedUi.buoyColors.border,
-        true: dangerous ? _sharedUi.buoyColors.warning + "50" : _sharedUi.buoyColors.primary + "50"
+        false: _sharedUi.night.color.border,
+        true: dangerous ? _sharedUi.night.color.warning + "50" : _sharedUi.night.color.accent + "50"
       },
-      thumbColor: value ? dangerous ? _sharedUi.buoyColors.warning : _sharedUi.buoyColors.primary : _sharedUi.buoyColors.textMuted
+      thumbColor: value ? dangerous ? _sharedUi.night.color.warning : _sharedUi.night.color.accent : _sharedUi.night.color.knob
     })]
   });
 }
@@ -191,7 +191,7 @@ function DataNukeSettings({
             onPress: handleDiscard,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
               size: 14,
-              color: _sharedUi.buoyColors.textSecondary
+              color: _sharedUi.night.color.textSecondary
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
               style: styles.discardButtonText,
               children: "Discard"
@@ -201,7 +201,7 @@ function DataNukeSettings({
             onPress: handleSave,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
               size: 14,
-              color: "#fff"
+              color: _sharedUi.night.color.onAccent
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
               style: styles.saveButtonText,
               children: "Save"
@@ -224,7 +224,7 @@ function DataNukeSettings({
           value: localHeaderKey,
           onChangeText: setLocalHeaderKey,
           placeholder: "x-impersonate-user-id",
-          placeholderTextColor: _sharedUi.buoyColors.textMuted,
+          placeholderTextColor: _sharedUi.night.color.placeholder,
           autoCapitalize: "none",
           autoCorrect: false
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -321,7 +321,7 @@ function DataNukeSettings({
           style: styles.warningCard,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
             size: 16,
-            color: _sharedUi.buoyColors.warning
+            color: _sharedUi.night.color.warning
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
             style: styles.warningContent,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
@@ -339,7 +339,7 @@ function DataNukeSettings({
       onPress: handleRestoreDefaults,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RefreshCw, {
         size: 14,
-        color: _sharedUi.buoyColors.textSecondary
+        color: _sharedUi.night.color.textSecondary
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         style: styles.restoreButtonText,
         children: "Restore Defaults"
@@ -404,7 +404,7 @@ function DataNukeSettings({
           }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Copy, {
               size: 14,
-              color: _sharedUi.buoyColors.primary
+              color: _sharedUi.night.color.accent
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
               style: styles.copyButtonText,
               children: "Copy Config"
@@ -425,10 +425,10 @@ const styles = _reactNative.StyleSheet.create({
     paddingBottom: 32
   },
   actionBar: {
-    backgroundColor: _sharedUi.buoyColors.primary + "15",
+    backgroundColor: _sharedUi.night.color.accentSoft,
     borderRadius: 10,
     borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.primary + "30",
+    borderColor: _sharedUi.night.color.accentBorder,
     padding: 12
   },
   actionBarContent: {
@@ -439,7 +439,7 @@ const styles = _reactNative.StyleSheet.create({
   unsavedText: {
     fontSize: 13,
     fontWeight: "500",
-    color: _sharedUi.buoyColors.primary
+    color: _sharedUi.night.color.accent
   },
   actionButtons: {
     flexDirection: "row",
@@ -449,7 +449,7 @@ const styles = _reactNative.StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     gap: 6,
-    backgroundColor: _sharedUi.buoyColors.primary,
+    backgroundColor: _sharedUi.night.color.accent,
     paddingHorizontal: 14,
     paddingVertical: 8,
     borderRadius: 6
@@ -457,23 +457,24 @@ const styles = _reactNative.StyleSheet.create({
   saveButtonText: {
     fontSize: 13,
     fontWeight: "600",
-    color: "#fff"
+    // Ink on a filled accent surface — the night accent takes dark ink.
+    color: _sharedUi.night.color.onAccent
   },
   discardButton: {
     flexDirection: "row",
     alignItems: "center",
     gap: 6,
-    backgroundColor: _sharedUi.buoyColors.hover,
+    backgroundColor: _sharedUi.night.color.surfaceElevated,
     paddingHorizontal: 14,
     paddingVertical: 8,
     borderRadius: 6,
     borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border
+    borderColor: _sharedUi.night.color.border
   },
   discardButtonText: {
     fontSize: 13,
     fontWeight: "500",
-    color: _sharedUi.buoyColors.textSecondary
+    color: _sharedUi.night.color.textSecondary
   },
   restoreButton: {
     flexDirection: "row",
@@ -483,31 +484,31 @@ const styles = _reactNative.StyleSheet.create({
     paddingVertical: 12,
     borderRadius: 8,
     borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border,
+    borderColor: _sharedUi.night.color.border,
     borderStyle: "dashed"
   },
   restoreButtonText: {
     fontSize: 13,
-    color: _sharedUi.buoyColors.textSecondary
+    color: _sharedUi.night.color.textSecondary
   },
   sectionContent: {
     paddingTop: 8
   },
   sectionDescription: {
     fontSize: 13,
-    color: _sharedUi.buoyColors.textSecondary,
+    color: _sharedUi.night.color.textSecondary,
     lineHeight: 18,
     marginBottom: 14
   },
   togglesCard: {
-    backgroundColor: _sharedUi.buoyColors.card,
+    backgroundColor: _sharedUi.night.color.surface,
     borderRadius: 10,
     borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border,
+    borderColor: _sharedUi.night.color.border,
     padding: 4
   },
   dangerousCard: {
-    borderColor: _sharedUi.buoyColors.warning + "30"
+    borderColor: _sharedUi.night.color.warning + "30"
   },
   advancedSection: {
     marginTop: 16
@@ -515,7 +516,7 @@ const styles = _reactNative.StyleSheet.create({
   advancedLabel: {
     fontSize: 11,
     fontWeight: "600",
-    color: _sharedUi.buoyColors.textMuted,
+    color: _sharedUi.night.color.textTertiary,
     textTransform: "uppercase",
     letterSpacing: 0.5,
     marginBottom: 8,
@@ -524,18 +525,18 @@ const styles = _reactNative.StyleSheet.create({
   inputLabel: {
     fontSize: 12,
     fontWeight: "600",
-    color: _sharedUi.buoyColors.textSecondary,
+    color: _sharedUi.night.color.textSecondary,
     marginBottom: 8
   },
   input: {
     height: 42,
-    backgroundColor: _sharedUi.buoyColors.hover,
+    backgroundColor: _sharedUi.night.color.surfaceElevated,
     borderRadius: 8,
     borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border,
+    borderColor: _sharedUi.night.color.border,
     paddingHorizontal: 14,
     fontSize: 14,
-    color: _sharedUi.buoyColors.text,
+    color: _sharedUi.night.color.text,
     fontFamily: "monospace"
   },
   inputFooter: {
@@ -548,7 +549,7 @@ const styles = _reactNative.StyleSheet.create({
   helperText: {
     flex: 1,
     fontSize: 12,
-    color: _sharedUi.buoyColors.textMuted,
+    color: _sharedUi.night.color.textTertiary,
     lineHeight: 16
   },
   resetLink: {
@@ -556,7 +557,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   resetLinkText: {
     fontSize: 12,
-    color: _sharedUi.buoyColors.primary,
+    color: _sharedUi.night.color.accent,
     fontWeight: "500"
   },
   toggleRow: {
@@ -579,16 +580,16 @@ const styles = _reactNative.StyleSheet.create({
   toggleLabel: {
     fontSize: 14,
     fontWeight: "500",
-    color: _sharedUi.buoyColors.text
+    color: _sharedUi.night.color.text
   },
   dangerousLabel: {
-    color: _sharedUi.buoyColors.warning
+    color: _sharedUi.night.color.warning
   },
   recommendedBadge: {
     flexDirection: "row",
     alignItems: "center",
     gap: 4,
-    backgroundColor: _sharedUi.buoyColors.primary + "15",
+    backgroundColor: _sharedUi.night.color.accentSoft,
     paddingHorizontal: 8,
     paddingVertical: 3,
     borderRadius: 4
@@ -596,7 +597,7 @@ const styles = _reactNative.StyleSheet.create({
   recommendedText: {
     fontSize: 10,
     fontWeight: "600",
-    color: _sharedUi.buoyColors.primary
+    color: _sharedUi.night.color.accent
   },
   detectedBadge: {
     flexDirection: "row",
@@ -610,7 +611,7 @@ const styles = _reactNative.StyleSheet.create({
     backgroundColor: _sharedUi.buoyColors.success + "15"
   },
   detectedBadgeInactive: {
-    backgroundColor: _sharedUi.buoyColors.textMuted + "15"
+    backgroundColor: _sharedUi.night.color.textTertiary + "15"
   },
   detectedText: {
     fontSize: 10,
@@ -620,16 +621,16 @@ const styles = _reactNative.StyleSheet.create({
     color: _sharedUi.buoyColors.success
   },
   detectedTextInactive: {
-    color: _sharedUi.buoyColors.textMuted
+    color: _sharedUi.night.color.textTertiary
   },
   toggleDescription: {
     fontSize: 12,
-    color: _sharedUi.buoyColors.textMuted,
+    color: _sharedUi.night.color.textTertiary,
     lineHeight: 16
   },
   divider: {
     height: 1,
-    backgroundColor: _sharedUi.buoyColors.border,
+    backgroundColor: _sharedUi.night.color.separator,
     marginHorizontal: 12
   },
   warningCard: {
@@ -637,10 +638,10 @@ const styles = _reactNative.StyleSheet.create({
     flexDirection: "row",
     alignItems: "flex-start",
     gap: 12,
-    backgroundColor: _sharedUi.buoyColors.warning + "10",
+    backgroundColor: _sharedUi.night.color.warningSoft,
     borderRadius: 10,
     borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.warning + "25",
+    borderColor: _sharedUi.night.color.warning + "25",
     padding: 14
   },
   warningContent: {
@@ -649,17 +650,17 @@ const styles = _reactNative.StyleSheet.create({
   warningTitle: {
     fontSize: 13,
     fontWeight: "600",
-    color: _sharedUi.buoyColors.warning,
+    color: _sharedUi.night.color.warning,
     marginBottom: 4
   },
   warningText: {
     fontSize: 12,
-    color: _sharedUi.buoyColors.textSecondary,
+    color: _sharedUi.night.color.textSecondary,
     lineHeight: 17
   },
   infoText: {
     fontSize: 13,
-    color: _sharedUi.buoyColors.textSecondary,
+    color: _sharedUi.night.color.textSecondary,
     lineHeight: 19
   },
   infoTextSpaced: {
@@ -667,30 +668,31 @@ const styles = _reactNative.StyleSheet.create({
   },
   codeBlock: {
     marginTop: 14,
-    backgroundColor: _sharedUi.buoyColors.base,
+    // Inset code box — darker than the card, the night track color.
+    backgroundColor: _sharedUi.night.color.bg,
     borderRadius: 8,
     padding: 14
   },
   codeComment: {
     fontSize: 12,
-    color: _sharedUi.buoyColors.textMuted,
+    color: _sharedUi.night.color.textTertiary,
     fontFamily: "monospace",
     marginBottom: 6
   },
   codeText: {
     fontSize: 13,
-    color: _sharedUi.buoyColors.text,
+    color: _sharedUi.night.color.text,
     fontFamily: "monospace"
   },
   codeValue: {
-    color: _sharedUi.buoyColors.primary
+    color: _sharedUi.night.color.accent
   },
   dataViewerContainer: {
     marginTop: 12,
     borderRadius: 8,
     overflow: "hidden",
     borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border
+    borderColor: _sharedUi.night.color.border
   },
   copyButton: {
     flexDirection: "row",
@@ -698,17 +700,17 @@ const styles = _reactNative.StyleSheet.create({
     justifyContent: "center",
     gap: 8,
     marginTop: 14,
-    backgroundColor: _sharedUi.buoyColors.primary + "15",
+    backgroundColor: _sharedUi.night.color.accentSoft,
     paddingVertical: 10,
     paddingHorizontal: 16,
     borderRadius: 8,
     borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.primary + "30"
+    borderColor: _sharedUi.night.color.accentBorder
   },
   copyButtonText: {
     fontSize: 13,
     fontWeight: "600",
-    color: _sharedUi.buoyColors.primary
+    color: _sharedUi.night.color.accent
   },
   copySuccessText: {
     color: _sharedUi.buoyColors.success

package/lib/commonjs/impersonate/components/ImpersonateHistoryList.js

@@ -65,7 +65,7 @@ function ImpersonateHistoryList({
         style: styles.emptyIcon,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Clock, {
           size: 28,
-          color: _sharedUi.buoyColors.textMuted
+          color: _sharedUi.night.color.textTertiary
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         style: styles.emptyTitle,
@@ -97,7 +97,7 @@ function ImpersonateHistoryList({
         activeOpacity: 0.7,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
           size: 12,
-          color: _sharedUi.buoyColors.textMuted
+          color: _sharedUi.night.color.textTertiary
         })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
@@ -126,12 +126,12 @@ const styles = _reactNative.StyleSheet.create({
   headerTitle: {
     fontSize: 12,
     fontWeight: "600",
-    color: _sharedUi.buoyColors.textMuted,
+    color: _sharedUi.night.color.textTertiary,
     textTransform: "uppercase",
     letterSpacing: 0.5
   },
   headerBadge: {
-    backgroundColor: _sharedUi.buoyColors.hover,
+    backgroundColor: _sharedUi.night.color.surfaceElevated,
     paddingHorizontal: 6,
     paddingVertical: 2,
     borderRadius: 4
@@ -139,7 +139,7 @@ const styles = _reactNative.StyleSheet.create({
   headerBadgeText: {
     fontSize: 10,
     fontWeight: "600",
-    color: _sharedUi.buoyColors.textMuted
+    color: _sharedUi.night.color.textTertiary
   },
   headerSpacer: {
     flex: 1
@@ -149,7 +149,7 @@ const styles = _reactNative.StyleSheet.create({
     height: 24,
     alignItems: "center",
     justifyContent: "center",
-    backgroundColor: _sharedUi.buoyColors.hover,
+    backgroundColor: _sharedUi.night.color.surfaceElevated,
     borderRadius: 4
   },
   listContent: {
@@ -169,7 +169,7 @@ const styles = _reactNative.StyleSheet.create({
     width: 56,
     height: 56,
     borderRadius: 28,
-    backgroundColor: _sharedUi.buoyColors.hover,
+    backgroundColor: _sharedUi.night.color.surfaceElevated,
     alignItems: "center",
     justifyContent: "center",
     marginBottom: 16
@@ -177,12 +177,12 @@ const styles = _reactNative.StyleSheet.create({
   emptyTitle: {
     fontSize: 16,
     fontWeight: "600",
-    color: _sharedUi.buoyColors.text,
+    color: _sharedUi.night.color.text,
     marginBottom: 6
   },
   emptyDescription: {
     fontSize: 14,
-    color: _sharedUi.buoyColors.textSecondary,
+    color: _sharedUi.night.color.textSecondary,
     textAlign: "center"
   }
 });

package/lib/commonjs/impersonate/components/ImpersonateModal.js

@@ -175,13 +175,13 @@ function ImpersonateModal({
           style: styles.headerSearchContainer,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
             size: 14,
-            color: _sharedUi.macOSColors.text.secondary
+            color: _sharedUi.night.color.textSecondary
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
             ref: searchInputRef,
             testID: "buoy-impersonate-search-input",
             style: styles.headerSearchInput,
             placeholder: "Search by email, name, or ID...",
-            placeholderTextColor: _sharedUi.macOSColors.text.muted,
+            placeholderTextColor: _sharedUi.night.color.placeholder,
             value: searchText,
             onChangeText: handleSearchTextChange,
             onSubmitEditing: handleSubmitSearch,
@@ -197,14 +197,14 @@ function ImpersonateModal({
             style: styles.headerSearchClear,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
               size: 14,
-              color: _sharedUi.macOSColors.text.secondary
+              color: _sharedUi.night.color.textSecondary
             })
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
             onPress: () => setIsSearchActive(false),
             style: styles.headerSearchClear,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
               size: 14,
-              color: _sharedUi.macOSColors.text.muted
+              color: _sharedUi.night.color.textTertiary
             })
           })]
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TabSelector, {
@@ -219,7 +219,7 @@ function ImpersonateModal({
           style: styles.headerActionButton,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
             size: 14,
-            color: _sharedUi.macOSColors.text.secondary
+            color: _sharedUi.night.color.textSecondary
           })
         })
       })]
@@ -305,7 +305,9 @@ const styles = _reactNative.StyleSheet.create({
   inlineRoot: {
     flex: 1,
     minHeight: 0,
-    backgroundColor: _sharedUi.buoyColors.base
+    // Transparent so the desktop workbench's hoisted sky (one field spanning
+    // sidebar + panel) shows through — the shell paints its base beneath it.
+    backgroundColor: "transparent"
   },
   inlineHeader: {
     paddingHorizontal: 12,
@@ -320,10 +322,10 @@ const styles = _reactNative.StyleSheet.create({
   headerSearchContainer: {
     flexDirection: "row",
     alignItems: "center",
-    backgroundColor: _sharedUi.macOSColors.background.input,
+    backgroundColor: _sharedUi.night.color.surfaceElevated,
     borderRadius: 6,
     borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.input,
+    borderColor: _sharedUi.night.color.border,
     paddingHorizontal: 12,
     paddingVertical: 8,
     marginTop: 8,
@@ -332,7 +334,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   headerSearchInput: {
     flex: 1,
-    color: _sharedUi.macOSColors.text.primary,
+    color: _sharedUi.night.color.text,
     fontSize: 13,
     marginLeft: 6,
     paddingVertical: 2
@@ -345,7 +347,7 @@ const styles = _reactNative.StyleSheet.create({
     width: 28,
     height: 28,
     borderRadius: 6,
-    backgroundColor: _sharedUi.macOSColors.background.hover,
+    backgroundColor: _sharedUi.night.color.buttonSurface,
     justifyContent: "center",
     alignItems: "center"
   }

package/lib/commonjs/impersonate/components/ImpersonateStatusBar.js

@@ -53,7 +53,7 @@ function ImpersonateStatusBar({
       activeOpacity: 0.7,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
         size: 12,
-        color: _sharedUi.buoyColors.error
+        color: _sharedUi.night.color.danger
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         style: styles.stopButtonText,
         children: "Stop"
@@ -87,7 +87,7 @@ const styles = _reactNative.StyleSheet.create({
   userName: {
     fontSize: 14,
     fontWeight: "600",
-    color: _sharedUi.buoyColors.text
+    color: _sharedUi.night.color.text
   },
   statusPill: {
     flexDirection: "row",
@@ -117,14 +117,14 @@ const styles = _reactNative.StyleSheet.create({
     gap: 4,
     paddingHorizontal: 12,
     paddingVertical: 6,
-    backgroundColor: _sharedUi.buoyColors.error + "15",
+    backgroundColor: _sharedUi.night.color.dangerSoft,
     borderRadius: 6,
     borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.error + "30"
+    borderColor: _sharedUi.night.color.danger + "30"
   },
   stopButtonText: {
     fontSize: 12,
     fontWeight: "600",
-    color: _sharedUi.buoyColors.error
+    color: _sharedUi.night.color.danger
   }
 });

package/lib/commonjs/impersonate/components/UserAvatar.js

@@ -139,7 +139,7 @@ const styles = _reactNative.StyleSheet.create({
     position: "absolute",
     backgroundColor: _sharedUi.buoyColors.success,
     borderWidth: 2,
-    borderColor: _sharedUi.buoyColors.card
+    borderColor: _sharedUi.night.color.surface
   }
 });
 

package/lib/commonjs/impersonate/components/UserCard.js

@@ -82,7 +82,7 @@ function UserCard({
         activeOpacity: 0.7,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Play, {
           size: 14,
-          color: "#FFFFFF"
+          color: _sharedUi.night.color.onAccent
         })
       }), showRemoveButton && onRemove && !isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
         style: styles.removeButton,
@@ -90,7 +90,7 @@ function UserCard({
         activeOpacity: 0.7,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
           size: 12,
-          color: _sharedUi.buoyColors.textMuted
+          color: _sharedUi.night.color.textTertiary
         })
       })]
     }), lastUsedTime && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
@@ -103,10 +103,10 @@ const styles = _reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
-    backgroundColor: _sharedUi.buoyColors.card,
+    backgroundColor: _sharedUi.night.color.surface,
     borderRadius: 10,
     borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border,
+    borderColor: _sharedUi.night.color.border,
     padding: 12,
     gap: 12
   },
@@ -134,14 +134,14 @@ const styles = _reactNative.StyleSheet.create({
   name: {
     fontSize: 15,
     fontWeight: "600",
-    color: _sharedUi.buoyColors.text,
+    color: _sharedUi.night.color.text,
     flexShrink: 1
   },
   activeName: {
     color: _sharedUi.buoyColors.success
   },
   roleBadge: {
-    backgroundColor: _sharedUi.buoyColors.hover,
+    backgroundColor: _sharedUi.night.color.surfaceElevated,
     paddingHorizontal: 6,
     paddingVertical: 2,
     borderRadius: 4
@@ -149,12 +149,12 @@ const styles = _reactNative.StyleSheet.create({
   roleBadgeText: {
     fontSize: 9,
     fontWeight: "700",
-    color: _sharedUi.buoyColors.textMuted,
+    color: _sharedUi.night.color.textTertiary,
     letterSpacing: 0.5
   },
   email: {
     fontSize: 13,
-    color: _sharedUi.buoyColors.textSecondary,
+    color: _sharedUi.night.color.textSecondary,
     marginBottom: 4
   },
   metadataRow: {
@@ -164,7 +164,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   userId: {
     fontSize: 11,
-    color: _sharedUi.buoyColors.textMuted,
+    color: _sharedUi.night.color.textTertiary,
     fontFamily: "monospace"
   },
   lastUsed: {
@@ -172,7 +172,7 @@ const styles = _reactNative.StyleSheet.create({
     bottom: 8,
     right: 10,
     fontSize: 10,
-    color: _sharedUi.buoyColors.textMuted
+    color: _sharedUi.night.color.textTertiary
   },
   actions: {
     flexDirection: "row",
@@ -184,7 +184,7 @@ const styles = _reactNative.StyleSheet.create({
     width: 36,
     height: 36,
     borderRadius: 8,
-    backgroundColor: _sharedUi.buoyColors.primary,
+    backgroundColor: _sharedUi.night.color.accent,
     alignItems: "center",
     justifyContent: "center"
   },
@@ -192,9 +192,9 @@ const styles = _reactNative.StyleSheet.create({
     width: 28,
     height: 28,
     borderRadius: 6,
-    backgroundColor: _sharedUi.buoyColors.hover,
+    backgroundColor: _sharedUi.night.color.surfaceElevated,
     borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border,
+    borderColor: _sharedUi.night.color.border,
     alignItems: "center",
     justifyContent: "center"
   }