From fd52a218bc57ba06ae99913a04956ba3206a71d0 Mon Sep 17 00:00:00 2001
From: Daeng Deni Mardaeni <ddeni05@gmail.com>
Date: Fri, 20 Dec 2024 20:26:50 +0700
Subject: [PATCH] Tambah warna kustom "agi" pada konfigurasi TailwindCSS

Menambahkan palet warna baru dengan namespace "agi" pada file `tailwind.config.js`. Selain itu, mengubah warna latar sidebar di `resources/views/layouts/sidebar.blade.php` untuk menggunakan warna "agi-50".
---
 resources/views/layouts/sidebar.blade.php |  2 +-
 tailwind.config.js                        | 15 ++++++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

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)",