Terakhir Di Investasi Perbaikan Tampilannya

src/app_modules/event/component/button/button_create_event.tsx

@@ -94,7 +94,7 @@ export default function Event_ComponentCreateButton({
         }}
         bg={MainColor.yellow}
         color="yellow"
-        c={"black"}
+        c={MainColor.darkblue}
       >
         Simpan
       </Button>

src/app_modules/event/create/create.tsx

@@ -78,6 +78,9 @@ export default function Event_Create({
             },
             input: {
               backgroundColor: MainColor.white,
+            },
+            dropdown: {
+              backgroundColor: MainColor.white,
             }
           }}
           withAsterisk

src/app_modules/event/detail/draft/index.tsx

@@ -18,6 +18,7 @@ import ComponentEvent_DetailData from "../../component/detail/detail_data";
 import { Event_funDeleteById } from "../../fun/delete/fun_delete";
 import { Event_funEditStatusById } from "../../fun/edit/fun_edit_status_by_id";
 import { MODEL_EVENT } from "../../model/interface";
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
 
 export default function Event_DetailDraft({
   dataEvent,
@@ -125,7 +126,8 @@ function ButtonAction({
       <Group grow>
         <Button
           radius={"xl"}
-          color="yellow"
+          c={MainColor.darkblue}
+          style={{ backgroundColor: AccentColor.yellow }}
           onClick={() => {
             setOpenModal1(true);
           }}
@@ -134,7 +136,8 @@ function ButtonAction({
         </Button>
         <Button
           radius={"xl"}
-          color="red"
+          c={AccentColor.white}
+          style={{ backgroundColor: MainColor.red }}
           onClick={() => {
             setOpenModal2(true);
           }}
@@ -149,19 +152,20 @@ function ButtonAction({
         opened={openModal1}
         close={() => setOpenModal1(false)}
         buttonKiri={
-          <Button radius={"xl"} onClick={() => setOpenModal1(false)}>
+          <Button style={{ color: AccentColor.white }} radius={"xl"} onClick={() => setOpenModal1(false)}>
             Batal
           </Button>
         }
         buttonKanan={
           <Button
+          style={{ backgroundColor: AccentColor.yellow }}
             loaderPosition="center"
             loading={isLoadingAjukan ? true : false}
             radius={"xl"}
             onClick={() => {
               onAjukan();
             }}
-            color="yellow"
+            c={MainColor.darkblue}
           >
             Ajukan
           </Button>

src/app_modules/event/detail/main_detail/index.tsx

@@ -15,6 +15,7 @@ import ComponentEvent_ListPeserta from "../../component/detail/list_peserta";
 import { Event_countTotalPesertaById } from "../../fun/count/count_total_peserta_by_id";
 import { Event_funJoinEvent } from "../../fun/create/fun_join_event";
 import { Event_getListPesertaById } from "../../fun/get/get_list_peserta_by_id";
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
 
 export default function Event_DetailMain({
   userLoginId,
@@ -56,11 +57,12 @@ export default function Event_DetailMain({
             Anda Telah Ikut Serta
           </Button>
         ) : (
-          <Button
+            <Button
+            style={{ backgroundColor: MainColor.green }}
             loaderPosition="center"
             loading={isLoading ? true : false}
             radius={"xl"}
-            color="green"
+            c={AccentColor.white}
             onClick={() => {
               onJoin(
                 userLoginId,

src/app_modules/event/detail/reject/index.tsx

@@ -13,6 +13,7 @@ import ComponentEvent_DetailData from "../../component/detail/detail_data";
 import { Event_funDeleteById } from "../../fun/delete/fun_delete";
 import { Event_funEditStatusById } from "../../fun/edit/fun_edit_status_by_id";
 import { MODEL_EVENT } from "../../model/interface";
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
 
 export default function Event_DetailReject({
   dataEvent,
@@ -40,9 +41,10 @@ function ButtonAction({ eventId }: { eventId: string }) {
     <>
       <SimpleGrid cols={2}>
         <Button
+          style={{ backgroundColor: AccentColor.yellow }}
           w={"100%"}
           radius={"xl"}
-          color="yellow"
+          c={MainColor.darkblue}
           onClick={() => {
             setOpenModal1(true);
           }}
@@ -50,9 +52,10 @@ function ButtonAction({ eventId }: { eventId: string }) {
           Edit Kembali
         </Button>
         <Button
+          style={{ backgroundColor: MainColor.red }}
           w={"100%"}
           radius={"xl"}
-          color="red"
+          c={AccentColor.white}
           onClick={() => setOpenModal2(true)}
         >
           Hapus
@@ -65,14 +68,15 @@ function ButtonAction({ eventId }: { eventId: string }) {
         opened={openModal1}
         close={() => setOpenModal1(false)}
         buttonKiri={
-          <Button radius={"xl"} onClick={() => setOpenModal1(false)}>
+          <Button style={{ color: AccentColor.white }} radius={"xl"} onClick={() => setOpenModal1(false)}>
             Batal
           </Button>
         }
         buttonKanan={
           <Button
+            style={{ backgroundColor: AccentColor.yellow }}
             radius={"xl"}
-            color={"yellow"}
+            c={MainColor.darkblue}
             onClick={() => {
               onUpdate(router, eventId);
               setOpenModal1(false);
@@ -89,12 +93,13 @@ function ButtonAction({ eventId }: { eventId: string }) {
         opened={openModal2}
         close={() => setOpenModal2(false)}
         buttonKiri={
-          <Button radius={"xl"} onClick={() => setOpenModal2(false)}>
+          <Button style={{ color: "black" }} radius={"xl"} onClick={() => setOpenModal2(false)}>
             Batal
           </Button>
         }
         buttonKanan={
           <Button
+            style={{ color: "black" }}
             radius={"xl"}
             color={"red"}
             onClick={() => {

src/app_modules/event/detail/review/index.tsx

@@ -17,6 +17,7 @@ import { IRealtimeData } from "@/app/lib/global_state";
 import { WibuRealtime } from "wibu-pkg";
 import { event_checkStatus } from "../../fun/get/fun_check_status_by_id";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
 
 export default function Event_DetailReview({
   dataEvent,
@@ -39,7 +40,7 @@ function ButtonAction({ eventId }: { eventId: string }) {
   const [openModal, setOpenModal] = useState(false);
   return (
     <>
-      <Button radius={"xl"} color={"orange"} onClick={() => setOpenModal(true)}>
+      <Button radius={"xl"} style={{ backgroundColor: MainColor.orange }} c={MainColor.darkblue} onClick={() => setOpenModal(true)}>
         Batalkan Review
       </Button>
 
@@ -48,16 +49,17 @@ function ButtonAction({ eventId }: { eventId: string }) {
         opened={openModal}
         close={() => setOpenModal(false)}
         buttonKiri={
-          <Button radius={"xl"} onClick={() => setOpenModal(false)}>
+          <Button style={{ color: AccentColor.white }} radius={"xl"} onClick={() => setOpenModal(false)}>
             Batal
           </Button>
         }
         buttonKanan={
           <Button
+          style={{ backgroundColor: MainColor.orange }}
             loaderPosition="center"
             loading={isLoading}
             radius={"xl"}
-            color={"orange"}
+            c={MainColor.darkblue}
             onClick={() => onClick(router, eventId, setLoading)}
           >
             Simpan

src/app_modules/event/edit/index.tsx

@@ -50,8 +50,14 @@ export default function Event_Edit({
         <TextInput
           styles={{
             label: {
-              color: "white",
+              color: MainColor.white,
             },
+            input: {
+              backgroundColor: MainColor.white,
+            },
+            required: {
+              color: MainColor.red
+            }
           }}
           label="Judul"
           placeholder="judul"
@@ -76,7 +82,16 @@ export default function Event_Edit({
         <Select
           styles={{
             label: {
-              color: "white",
+              color: MainColor.white,
+            },
+            input: {
+              backgroundColor: MainColor.white,
+            },
+            required: {
+              color: MainColor.red
+            },
+            dropdown: {
+              backgroundColor: MainColor.white,
             },
           }}
           withAsterisk
@@ -100,8 +115,14 @@ export default function Event_Edit({
         <TextInput
           styles={{
             label: {
-              color: "white",
+              color: MainColor.white,
             },
+            input: {
+              backgroundColor: MainColor.white,
+            },
+            required: {
+              color: MainColor.red
+            }
           }}
           label="Lokasi"
           placeholder="lokasi acara"
@@ -136,8 +157,14 @@ export default function Event_Edit({
         <DateTimePicker
           styles={{
             label: {
-              color: "white",
+              color: MainColor.white,
             },
+            input: {
+              backgroundColor: MainColor.white,
+            },
+            required: {
+              color: MainColor.red
+            }
           }}
           excludeDate={(date) => {
             return moment(date).diff(Date.now(), "days") < 0;
@@ -174,8 +201,14 @@ export default function Event_Edit({
         <DateTimePicker
           styles={{
             label: {
-              color: "white",
+              color: MainColor.white,
             },
+            input: {
+              backgroundColor: MainColor.white,
+            },
+            required: {
+              color: MainColor.red
+            }
           }}
           excludeDate={(date) => {
             return moment(date).diff(Date.now(), "days") < 0;
@@ -216,8 +249,14 @@ export default function Event_Edit({
           <Textarea
             styles={{
               label: {
-                color: "white",
+                color: MainColor.white,
               },
+              input: {
+                backgroundColor: MainColor.white,
+              },
+              required: {
+                color: MainColor.red
+              }
             }}
             label="Deskripsi"
             placeholder="Deskripsikan acara yang akan di selenggarakan"
@@ -264,7 +303,7 @@ export default function Event_Edit({
           onClick={() => onUpdate(router, value, setLoading)}
           bg={MainColor.yellow}
           color="yellow"
-          c={"black"}
+          c={MainColor.darkblue}
         >
           Update
         </Button>

src/app_modules/event/main/status_page/index.tsx

@@ -57,15 +57,15 @@ export default function Event_StatusPage({
                 key={e.id}
                 value={e.id}
                 fw={"bold"}
-                c={"black"}
                 style={{
                   transition: "0.5s",
+                  color: changeStatus === e.id ? MainColor.darkblue : MainColor.black,
                   backgroundColor:
                     changeStatus === e.id ? MainColor.yellow : MainColor.white,
                   border:
                     changeStatus === e.id
                       ? `1px solid ${AccentColor.yellow}`
-                      : `1px solid white`,
+                      : `1px solid ${MainColor.white}`,
                 }}
               >
                 {e.name}