style: chaneg dark theme colors

drawbu · drawbu · commit 5e3c36644a68 · 2026-04-30T21:31:26.000-07:00
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -36,7 +36,7 @@ const rev = import.meta.env.GIT_REV || "[object Object]";
         />
     </head>
     <body
-        class="mx-auto max-w-xl lg:max-w-4xl flex flex-col gap-8 py-4 px-4 dark:bg-slate-800 dark:text-gray-300"
+        class="mx-auto max-w-xl lg:max-w-4xl flex flex-col gap-8 py-4 px-4 dark:bg-zinc-900 dark:text-zinc-400"
         hx-ext="preload"
         hx-boost="true"
     >
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -13,7 +13,7 @@ html {
 }
 
 a {
-    @apply text-blue-500 underline;
+    @apply text-blue-500 dark:text-blue-400 underline;
 }
 
 h1 {
@@ -36,13 +36,13 @@ ul {
 }
 
 #article pre {
-    @apply p-4 text-sm border-solid border-2 border-black rounded bg-scroll overflow-scroll;
+    @apply p-4 text-sm rounded bg-scroll overflow-scroll;
 }
 
 #article p > code {
-    @apply bg-gray-200 px-1 dark:bg-gray-600;
+    @apply bg-gray-200 px-1 dark:bg-zinc-700 rounded;
 }
 
 #article blockquote > p {
-    @apply ml-4 flex flex-col text-gray-500;
+    @apply ml-4 flex flex-col text-zinc-100;
 }

Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,7 @@ const rev = import.meta.env.GIT_REV \|\| "[object Object]";`
`36`	`36`	`/>`
`37`	`37`	`</head>`
`38`	`38`	`<body`
`39`		`- class="mx-auto max-w-xl lg:max-w-4xl flex flex-col gap-8 py-4 px-4 dark:bg-slate-800 dark:text-gray-300"`
	`39`	`+ class="mx-auto max-w-xl lg:max-w-4xl flex flex-col gap-8 py-4 px-4 dark:bg-zinc-900 dark:text-zinc-400"`
`40`	`40`	`hx-ext="preload"`
`41`	`41`	`hx-boost="true"`
`42`	`42`	`>`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ html {`
`13`	`13`	`}`
`14`	`14`
`15`	`15`	`a {`
`16`		`- @apply text-blue-500 underline;`
	`16`	`+ @apply text-blue-500 dark:text-blue-400 underline;`
`17`	`17`	`}`
`18`	`18`
`19`	`19`	`h1 {`
`@@ -36,13 +36,13 @@ ul {`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`#article pre {`
`39`		`- @apply p-4 text-sm border-solid border-2 border-black rounded bg-scroll overflow-scroll;`
	`39`	`+ @apply p-4 text-sm rounded bg-scroll overflow-scroll;`
`40`	`40`	`}`
`41`	`41`
`42`	`42`	`#article p > code {`
`43`		`- @apply bg-gray-200 px-1 dark:bg-gray-600;`
	`43`	`+ @apply bg-gray-200 px-1 dark:bg-zinc-700 rounded;`
`44`	`44`	`}`
`45`	`45`
`46`	`46`	`#article blockquote > p {`
`47`		`- @apply ml-4 flex flex-col text-gray-500;`
	`47`	`+ @apply ml-4 flex flex-col text-zinc-100;`
`48`	`48`	`}`