diff --git a/scripts/generate-og.mjs b/scripts/generate-og.mjs
index ed9ee94..1b49776 100644
--- a/scripts/generate-og.mjs
+++ b/scripts/generate-og.mjs
@@ -13,7 +13,7 @@ const fontBold = await fetch(
 ).then((res) => res.arrayBuffer())
 
 const repoRoot = path.join(process.cwd())
-const logoDark = fs.readFileSync(path.join(repoRoot, 'src/assets/logo-dark.png')).toString('base64')
+const logoDark = fs.readFileSync(path.join(repoRoot, 'public/logo-dark.png')).toString('base64')
 
 const DEFAULT_COLORS = { bg: '#18181b', text: '#e5e7eb' }
 
diff --git a/src/assets/logo-dark.png b/src/assets/logo-dark.png
deleted file mode 100644
index 958a06d..0000000
Binary files a/src/assets/logo-dark.png and /dev/null differ
diff --git a/src/assets/logo-light.png b/src/assets/logo-light.png
deleted file mode 100644
index c1368b7..0000000
Binary files a/src/assets/logo-light.png and /dev/null differ
diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
index 2dbaba2..0b099b1 100644
--- a/src/components/Sidebar.astro
+++ b/src/components/Sidebar.astro
@@ -1,5 +1,4 @@
 ---
-import { Image } from 'astro:assets'
 import categoriesTr from '../data/tr/categories.json'
 import tagsTr from '../data/tr/tags.json'
 import categoriesEn from '../data/en/categories.json'
@@ -36,9 +35,6 @@ function isActive(path: string): boolean {
 
 const topCategories = [...categories].sort((a, b) => b.articleCount - a.articleCount).slice(0, 5)
 const topTags = [...tags].sort((a, b) => b.articleCount - a.articleCount).slice(0, 8)
-
-import logoDark from '../assets/logo-dark.png'
-import logoLight from '../assets/logo-light.png'
 ---
 
 <aside
@@ -46,8 +42,8 @@ import logoLight from '../assets/logo-light.png'
 >
 	<div class="p-6 border-b border-border dark:border-border-dark">
 		<a href={lang === 'en' ? '/en/' : '/'} class="flex items-center gap-2">
-			<Image src={logoLight} height={32} alt="4byte logo" class="block dark:hidden" />
-			<Image src={logoDark} height={32} alt="4byte logo" class="hidden dark:block" />
+			<img src="/logo-light.png" height={32} alt="4byte logo" class="block dark:hidden h-8" />
+			<img src="/logo-dark.png" height={32} alt="4byte logo" class="hidden dark:block h-8" />
 		</a>
 	</div>
 
diff --git a/uno.config.ts b/uno.config.ts
index 921a990..7e36168 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -65,4 +65,12 @@ export default defineConfig({
 			exclude: ['node_modules', 'dist', '.git'],
 		},
 	},
+	safelist: [
+		'i-lucide-sun',
+		'i-lucide-moon',
+		'bg-secondary',
+		'text-secondary-foreground',
+		'bg-secondary-dark',
+		'text-secondary-dark-foreground',
+	],
 })