wip: switch dark mode to pure black

This commit is contained in:
2026-01-10 23:41:09 +00:00
parent 7d06d18ccb
commit d55ead82d7
20 changed files with 642 additions and 638 deletions

View File

@@ -15,10 +15,10 @@ const { currentVersion, versions } = Astro.props;
aria-haspopup="listbox"
aria-expanded="false"
class="flex items-center gap-1.5 px-2.5 py-1.5 text-sm font-mono
border border-gray-200 dark:border-slate-700
border border-gray-200 dark:border-neutral-700
rounded-md bg-transparent cursor-pointer transition-colors
text-gray-600 dark:text-slate-400
hover:border-sky-600 hover:text-gray-950 dark:hover:text-slate-50"
text-gray-600 dark:text-neutral-400
hover:border-sky-600 hover:text-gray-950 dark:hover:text-neutral-50"
>
<span>v{currentVersion}</span>
<svg
@@ -42,8 +42,8 @@ const { currentVersion, versions } = Astro.props;
role="listbox"
aria-label="Select version"
class="absolute top-full left-0 mt-2 min-w-full p-1.5 z-50
bg-gray-50 dark:bg-slate-900
border border-gray-200 dark:border-slate-700
bg-gray-50 dark:bg-neutral-900
border border-gray-200 dark:border-neutral-700
rounded-lg shadow-lg
opacity-0 invisible -translate-y-1 transition-all duration-150
data-[open]:opacity-100 data-[open]:visible data-[open]:translate-y-0"
@@ -56,9 +56,9 @@ const { currentVersion, versions } = Astro.props;
aria-selected={v === currentVersion}
class:list={[
"block px-3 py-2 font-mono text-sm rounded transition-colors",
"text-gray-600 dark:text-slate-400",
"hover:bg-gray-100 dark:hover:bg-slate-800",
"hover:text-gray-950 dark:hover:text-slate-50",
"text-gray-600 dark:text-neutral-400",
"hover:bg-gray-100 dark:hover:bg-neutral-800",
"hover:text-gray-950 dark:hover:text-neutral-50",
v === currentVersion && [
"bg-sky-500/15 dark:bg-sky-500/20",
"text-sky-600 dark:text-sky-400",