Fixed issues with dark mode

wjtje · Nov 14, 2024 · e08de95 · e08de95
1 parent 690ef33
commit e08de95
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/app.css b/src/app.css
@@ -5,7 +5,7 @@
 
 /* Global body */
 body {
-	@apply dark:bg-zinc-900 dark:text-white transition-colors overflow-x-hidden;
+	@apply gdark:bg-zinc-900 gdark:text-white transition-colors overflow-x-hidden;
 }
 
 /* Global headings */

diff --git a/src/lib/components/common/MiniPost.svelte b/src/lib/components/common/MiniPost.svelte
@@ -57,7 +57,7 @@
 
 			// The date above the title shown in a light gray
 			span {
-				@apply text-xs text-zinc-700 dark:text-zinc-300 mb-[-0.1rem] mt-[0.1rem] block;
+				@apply text-xs text-zinc-700 gdark:text-zinc-300 mb-[-0.1rem] mt-[0.1rem] block;
 			}
 
 			// The main title in large default color text with markdown support

diff --git a/src/lib/components/home/Profile.svelte b/src/lib/components/home/Profile.svelte
@@ -31,7 +31,7 @@
 		}
 
 		p {
-			@apply text-zinc-900 dark:text-zinc-100 col-span-2 md:col-span-1;
+			@apply text-zinc-900 gdark:text-zinc-100 col-span-2 md:col-span-1;
 		}
 	}
 </style>
diff --git a/src/routes/[lang]/blog/post/[slug]/+page.scss b/src/routes/[lang]/blog/post/[slug]/+page.scss
@@ -2,7 +2,7 @@
 	@apply xl:max-w-2xl 2xl:max-w-3xl;
 
 	a {
-		@apply text-sky-700 dark:text-blue-200 hover:text-blue-700 dark:hover:text-sky-600 transition-colors;
+		@apply text-sky-700 gdark:text-blue-200 hover:text-blue-700 gdark:hover:text-sky-600 transition-colors;
 	}
 
 	h2 {
@@ -26,7 +26,7 @@
 	}
 
 	code {
-		@apply font-mono text-[#a31515] dark:text-[#d7ba7d];
+		@apply font-mono text-[#a31515] gdark:text-[#d7ba7d];
 	}
 
 	table {