Expand theme system and refresh UI components

2026-04-29 22:05:47 -05:00
parent 4177411d3f
commit 94744b3e59
28 changed files with 5290 additions and 777 deletions
@@ -572,7 +572,7 @@ function Toast({ toast, onClose, onPause, onResume }) {
    >
      {Icon ? (
        <XStack alignItems="center" justifyContent="center" width={20} height={20} flexShrink={0}>
-          <Icon size={18} />
+          <Icon size="md" color="$textSecondary" />
        </XStack>
      ) : null}
      <YStack flex={1} gap="$1">
@@ -582,7 +582,7 @@ function Toast({ toast, onClose, onPause, onResume }) {
          </Text>
        )}
        {toast.message && (
-          <Text fontSize="$3" color="$color" opacity={0.9}>
+          <Text fontSize="$3" color="$textSecondary">
            {toast.message}
          </Text>
        )}
@@ -596,7 +596,7 @@ function Toast({ toast, onClose, onPause, onResume }) {
      >
        {(() => {
          const CloseIcon = getIcon('close');
-          return CloseIcon ? <CloseIcon size={16} /> : <Text>×</Text>;
+          return CloseIcon ? <CloseIcon size="sm" color="$textSecondary" /> : <Text color="$textSecondary">×</Text>;
        })()}
      </Button>
    </XStack>