feat: dark mode

This commit is contained in:
DecDuck
2026-02-18 15:23:24 +11:00
parent 22c03cabcc
commit 1a6b11df68
20 changed files with 188 additions and 172 deletions
+7 -7
View File
@@ -5,22 +5,22 @@ import { Link } from './link'
const variants = {
primary: clsx(
'inline-flex items-center justify-center px-4 py-[calc(--spacing(2)-1px)]',
'rounded-full border border-transparent bg-gray-950 shadow-md',
'rounded-lg border border-transparent bg-gray-950 shadow-md',
'text-base font-medium whitespace-nowrap text-white',
'data-disabled:bg-gray-950 data-disabled:opacity-40 data-hover:bg-gray-800',
),
secondary: clsx(
'relative inline-flex items-center justify-center px-4 py-[calc(--spacing(2)-1px)]',
'rounded-full border border-transparent bg-white/15 shadow-md ring-1 ring-[#D15052]/15',
'rounded-lg border border-transparent bg-white/15 shadow-md ring-1 ring-[#D15052]/15',
'after:absolute after:inset-0 after:rounded-full after:shadow-[inset_0_0_2px_1px_#ffffff4d]',
'text-base font-medium whitespace-nowrap text-gray-950',
'text-base font-medium whitespace-nowrap text-zinc-100',
'data-disabled:bg-white/15 data-disabled:opacity-40 data-hover:bg-white/20',
),
outline: clsx(
'inline-flex items-center justify-center px-2 py-[calc(--spacing(1.5)-1px)]',
'rounded-lg border border-transparent shadow-sm ring-1 ring-black/10',
'text-sm font-medium whitespace-nowrap text-gray-950',
'data-disabled:bg-transparent data-disabled:opacity-40 data-hover:bg-gray-50',
'inline-flex items-center justify-center px-4 py-[calc(--spacing(1.5)-1px)]',
'rounded-lg border border-transparent shadow-sm ring-1 ring-white/5',
'text-sm font-medium whitespace-nowrap text-zinc-100',
'data-disabled:bg-transparent data-disabled:opacity-40 data-hover:bg-zinc-900',
),
}