From 75fd59d7548f67cd8d78f2341491cdad31cd22f0 Mon Sep 17 00:00:00 2001
From: xHyroM <generalkubo@gmail.com>
Date: Thu, 3 Aug 2023 16:03:45 +0200
Subject: [PATCH] feat(website): reverse buttons, add dropshadow

---
 apps/website/src/layouts/Layout.astro |  1 +
 apps/website/src/pages/index.astro    | 20 +++++++++++---------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/apps/website/src/layouts/Layout.astro b/apps/website/src/layouts/Layout.astro
index 6a9628f..f735e56 100644
--- a/apps/website/src/layouts/Layout.astro
+++ b/apps/website/src/layouts/Layout.astro
@@ -32,6 +32,7 @@ import { GoogleFontsOptimizer } from "astro-google-fonts-optimizer";
     <!--<meta property="twitter:image" content={image} /> -->
     <!-- <meta name="twitter:image:alt" content={imageAlt} /> -->
     <meta name="theme-color" content={CONFIG.themeColor} />
+    <meta name="darkreader-lock" />
     <GoogleFontsOptimizer
       url="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,500;1,700;1,900&display=swap"
     />
diff --git a/apps/website/src/pages/index.astro b/apps/website/src/pages/index.astro
index cb3ebea..8009f4b 100644
--- a/apps/website/src/pages/index.astro
+++ b/apps/website/src/pages/index.astro
@@ -2,7 +2,7 @@
 import Layout from "~/layouts/Layout.astro";
 import Invite from "~/components/Invite.astro";
 import Computer from "~/components/Computer.astro";
-import { Image, Picture } from "@astrojs/image/components";
+import { Image } from "@astrojs/image/components";
 import Logo from "~/assets/logo.png";
 ---
 
@@ -30,20 +30,22 @@ import Logo from "~/assets/logo.png";
           yourself how <strong>easy</strong> it is to use!
         </p>
         <div class="mt-6 flex flex-col gap-6 md:flex-row">
+          <a
+            href="https://discord.com/api/oauth2/authorize?client_id=923267906941370368&permissions=268435456&scope=bot%20applications.commands"
+            class="broder-1 duration-400 flex items-center justify-center gap-x-3 rounded-lg border border-[#5865F2] bg-[#5865F2]/25 px-10 py-3 text-lg font-semibold text-white shadow-2xl shadow-[#5865F2]/25 transition-colors ease-out hover:bg-[#5865F2]/40 hover:shadow-[#5865F2]/30"
+            target="_blank"
+          >
+            <Invite />
+            Add to Discord</a
+          >
           <a
             href="https://github.com/xHyroM/roles-bot"
-            class="broder-1 flex items-center justify-center gap-x-3 rounded-lg border border-[#4e59d6] bg-[#373a54]/50 px-10 py-3 text-lg font-semibold text-white transition-colors hover:bg-[#373a54]"
+            class="broder-1 duration-400 flex items-center justify-center gap-x-3 rounded-lg border border-[#FFA500] bg-[#FFA500]/25 px-10 py-3 text-lg font-semibold text-white shadow-2xl shadow-[#FFA500]/25 transition-colors ease-out hover:bg-[#FFA500]/40 hover:shadow-[#FFA500]/30"
+            target="_blank"
           >
             <Computer />
             GitHub</a
           >
-          <a
-            href="https://discord.com/api/oauth2/authorize?client_id=923267906941370368&permissions=268435456&scope=bot%20applications.commands"
-            class="broder-1 flex items-center justify-center gap-x-3 rounded-lg border border-[#fbc11a] bg-[#735d1d]/50 px-10 py-3 text-lg font-semibold text-white transition-colors hover:bg-[#735d1d]"
-          >
-            <Invite />
-            Invite</a
-          >
         </div>
       </div>
     </div>