Skip to content

Commit 89588c8

Browse files
fix: Make safety features section much more subtle in help modal
- Replace bright yellow with muted background colors - Use standard text colors (text-foreground, text-muted-foreground) - Maintains warning icon but with consistent styling - Much less jarring against dark theme - Better integration with overall design language
1 parent a946d35 commit 89588c8

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/app/_components/HelpModal.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -347,9 +347,9 @@ export function HelpModal({ isOpen, onClose, initialSection = 'server-settings'
347347
<li><strong>Confirmation Modals:</strong> Simple OK/Cancel for start/stop, type container ID to confirm destroy</li>
348348
<li><strong>SSH Execution:</strong> All commands executed remotely via configured SSH connections</li>
349349
</ul>
350-
<div className="mt-3 p-3 bg-yellow-50 dark:bg-yellow-950/20 rounded-lg border border-yellow-200 dark:border-yellow-800">
351-
<p className="text-sm font-medium text-yellow-800 dark:text-yellow-200">⚠️ Safety Features:</p>
352-
<ul className="text-sm text-yellow-700 dark:text-yellow-300 mt-1 space-y-1">
350+
<div className="mt-3 p-3 bg-muted/30 dark:bg-muted/20 rounded-lg border border-border">
351+
<p className="text-sm font-medium text-foreground">⚠️ Safety Features:</p>
352+
<ul className="text-sm text-muted-foreground mt-1 space-y-1">
353353
<li>• Start/Stop actions require simple confirmation</li>
354354
<li>• Destroy action requires typing the container ID to confirm</li>
355355
<li>• All actions show loading states and error handling</li>

0 commit comments

Comments
 (0)