refactor: dark mode styling

This commit is contained in:
2026-03-18 03:30:10 +05:30
parent 2a9a962936
commit 86418522a0

View File

@@ -45,7 +45,7 @@ export default function Home() {
<main class="flex flex-col gap-8 row-start-2 items-center sm:items-start"> <main class="flex flex-col gap-8 row-start-2 items-center sm:items-start">
<div class="flex flex-row items-center justify-evenly min-w-full"> <div class="flex flex-row items-center justify-evenly min-w-full">
<img <img
class="dark:invert size-18" class="size-18"
src="/solid.svg" src="/solid.svg"
alt="Solid logo" alt="Solid logo"
/> />
@@ -112,7 +112,7 @@ function Buttons() {
return ( return (
<div class="flex gap-4 items-center flex-col sm:flex-row"> <div class="flex gap-4 items-center flex-col sm:flex-row">
<a <a
class="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground gap-2 text-white hover:bg-[#383838] dark:hover:bg-[#ccc] text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5" class="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground gap-2 text-white hover:bg-[#383838] dark:hover:bg-[#ccc] dark:text-black text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5"
href="https://bknd.io/" href="https://bknd.io/"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"