daonanchao/vibe-kanban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Darkmode style improvements and logo (#826)

Browse Source
This commit is contained in:
Louis Knight-Webb
2025-09-23 19:20:09 +01:00
committed by GitHub
parent 9edf528967
commit 1788a60b49
4 changed files with 16 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/dialogs/tasks/DeleteTaskConfirmationDialog.tsx
View File

@@ -60,14 +60,10 @@ const DeleteTaskConfirmationDialog =
</DialogDescription>
</DialogHeader>
<div className="py-4">
<div className="bg-red-50 border border-red-200 rounded-md p-3">
<p className="text-sm text-red-800">
<strong>Warning:</strong> This action will permanently delete
the task and cannot be undone.
</p>
</div>
</div>
<Alert variant="destructive" className="mb-4">
<strong>Warning:</strong> This action will permanently delete the
task and cannot be undone.
</Alert>
{error && (
<Alert variant="destructive" className="mb-4">

36
frontend/src/components/logo.tsx
View File

File diff suppressed because one or more lines are too long

2
frontend/src/components/ui/alert.tsx
View File

@@ -4,7 +4,7 @@ import { cva, type VariantProps } from 'class-variance-authority';
import { cn } from '@/lib/utils';
const alertVariants = cva(
'relative w-full border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground',
'relative w-full border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground text-sm',
{
variants: {
variant: {

14
frontend/src/styles/index.css
View File

@@ -46,17 +46,17 @@
/* Dark defaults (used if no theme class but user prefers dark) */
.dark {
color-scheme: dark;
--_background: 60 2% 18%;
--_foreground: 48 7% 95%;
--_background: 48 4% 16%;
--_foreground: 48 7% 85%;
--_primary: var(--_muted);
--_primary-foreground: var(--_muted-foreground);
--_secondary: var(--_muted);
--_secondary-foreground: 48 7% 73%;
--_muted: 60 2% 20%;
--_secondary-foreground: 48 2% 65%;
--_muted: 60 2% 18%;
--_muted-foreground: var(--_foreground);
--_accent: var(--_background);
--_accent-foreground: 210 40% 98%;
--_destructive: 0 62.8% 50.6%;
--_destructive: 0 45% 55%;
--_destructive-foreground: var(--_background-foreground);
--_border: 60 2% 25%;
--_input: var(--_border);
@@ -180,6 +180,10 @@
*:focus {
@apply ring-inset;
}
.logo {
@apply fill-foreground;
}
}
/* ANSI color classes for fancy-ansi */