diff --git a/resources/views/layouts/sidebar.blade.php b/resources/views/layouts/sidebar.blade.php
index 22efed2..3a159a8 100644
--- a/resources/views/layouts/sidebar.blade.php
+++ b/resources/views/layouts/sidebar.blade.php
@@ -1,5 +1,5 @@
 <div
-    class="sidebar dark:bg-coal-600 bg-light border-r border-r-gray-200 dark:border-r-coal-100 fixed top-0 bottom-0 z-20 hidden lg:flex flex-col items-stretch shrink-0 h-full"
+    class="sidebar bg-agi-50 dark:bg-coal-600 border-r border-r-gray-200 dark:border-r-coal-100 fixed top-0 bottom-0 z-20 hidden lg:flex flex-col items-stretch shrink-0 h-full"
     data-drawer="true" data-drawer-class="drawer drawer-start top-0 bottom-0" data-drawer-enable="true|lg:false"
     id="sidebar">
     <div class="sidebar-header hidden lg:flex items-center relative justify-between px-3 lg:px-6 shrink-0"
diff --git a/tailwind.config.js b/tailwind.config.js
index e72e94c..d5a7262 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,4 +1,4 @@
-/** @type {import('tailwindcss').Config} */
+/** @type {import("tailwindcss").Config} */
 export default {
     content: ["./resources/**/*.{blade.php,js,vue,tsx}", "./Modules/**/*.php"],
     safelist: [
@@ -211,6 +211,19 @@ export default {
                     800: "var(--tw-gray-800)",
                     900: "var(--tw-gray-900)",
                 },
+                agi: {
+                    50: "#effcfc",
+                    100: "#d5f6f8",
+                    200: "#b1ecf0",
+                    300: "#7bdde5",
+                    400: "#35c1d0",
+                    500: "#22a7b8",
+                    600: "#1f879b",
+                    700: "#206d7e",
+                    800: "#225968",
+                    900: "#214b58",
+                    950: "#10313c",
+                },
                 primary: {
                     DEFAULT: "var(--tw-primary)",
                     active: "var(--tw-primary-active)",