Simplify modal, badge, and component styles to dark-first (#29)
Co-authored-by: Julian Tabel <juliantabel.jt@gmail.com> Co-committed-by: Julian Tabel <juliantabel.jt@gmail.com>
This commit was merged in pull request #29.
This commit is contained in:
@@ -31,7 +31,7 @@ export function EndRunModal({ onConfirm, onClose, isPending, genlockeContext }:
|
||||
<button
|
||||
onClick={() => onConfirm('completed')}
|
||||
disabled={isPending}
|
||||
className="w-full px-4 py-3 rounded-lg font-medium text-left border-2 border-blue-200 dark:border-blue-800 bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300 hover:border-blue-400 dark:hover:border-blue-600 disabled:opacity-50 transition-colors"
|
||||
className="w-full px-4 py-3 rounded-lg font-medium text-left border-2 border-blue-800 bg-blue-900/20 text-blue-300 hover:border-blue-600 disabled:opacity-50 transition-colors"
|
||||
>
|
||||
<div className="font-semibold">Victory</div>
|
||||
<div className="text-sm opacity-80">{victoryDescription}</div>
|
||||
@@ -39,7 +39,7 @@ export function EndRunModal({ onConfirm, onClose, isPending, genlockeContext }:
|
||||
<button
|
||||
onClick={() => onConfirm('failed')}
|
||||
disabled={isPending}
|
||||
className="w-full px-4 py-3 rounded-lg font-medium text-left border-2 border-red-200 dark:border-red-800 bg-status-failed-bg text-red-700 dark:text-red-300 hover:border-red-400 dark:hover:border-red-600 disabled:opacity-50 transition-colors"
|
||||
className="w-full px-4 py-3 rounded-lg font-medium text-left border-2 border-red-800 bg-status-failed-bg text-red-300 hover:border-red-600 disabled:opacity-50 transition-colors"
|
||||
>
|
||||
<div className="font-semibold">Defeat</div>
|
||||
<div className="text-sm opacity-80">{defeatDescription}</div>
|
||||
|
||||
Reference in New Issue
Block a user