Merge pull request #217 from bipproduction/Nico/27Des2024

Nico/27 des2024

src/app_modules/_global/color/color_pallet.ts

@@ -1,7 +1,10 @@
 export const MainColor = {
   black: "#202020",
   darkblue: "#001D3D",
-  yellow: "#FFC300",
+  yellow: "#E1B525",
+  white: "#D4D0D0",
+  red: "#C74E4E",
+  orange: "#E58958"
 };
 
 export const AccentColor = {
@@ -10,5 +13,7 @@ export const AccentColor = {
   blue: "#00447D",
   softblue: "#007CBA",
   skyblue: "#00BFFF",
-  yellow: "#FFD60A",
+  yellow: "#E1B525",
 };
+//yellow: "#FFC300"
+//yellow: "#FFD60A"

src/app_modules/_global/component/box_information.tsx

@@ -31,7 +31,7 @@ export default function ComponentGlobal_BoxInformation({
             >
               * Report
             </Text>
-            <Text fz={fonsize ? fonsize : 12} c={"white"}>
+            <Text fz={fonsize ? fonsize : 12} c={MainColor.white}>
               {informasi}
             </Text>
           </Stack>
@@ -39,7 +39,7 @@ export default function ComponentGlobal_BoxInformation({
           <Group>
             <Text fz={fonsize ? fonsize : 12} c={"red"} fw={"bold"}>
               *{" "}
-              <Text span inherit c={"white"} fw={"normal"}>
+              <Text span inherit c={MainColor.white} fw={"normal"}>
                 {informasi}
               </Text>
             </Text>

src/app_modules/_global/component/button_create.tsx

@@ -48,7 +48,7 @@ export default function ComponentGlobal_CreateButton({
         )} */}
 
         {/* GA PAKE LOADING */}
-        <IconPencilPlus color="white" />
+        <IconPencilPlus color={MainColor.white} />
       </ActionIcon>
     </>
   );

src/app_modules/_global/component/comp_avatar_and_username.tsx

@@ -9,6 +9,7 @@ import ComponentGlobal_Loader from "./loader";
 import { funGlobal_CheckProfile } from "../fun/get";
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
 import { ComponentGlobal_NotifikasiPeringatan } from "../notif_global";
+import { MainColor } from "../color";
 
 type IFontSize = "xs" | "sm" | "md" | "lg" | "xl";
 export function ComponentGlobal_AvatarAndUsername({
@@ -60,6 +61,7 @@ export function ComponentGlobal_AvatarAndUsername({
         <Grid.Col span={"auto"} style={{ minHeight: 50 }}>
           <Stack justify="center" h={30}>
             <Text
+              c={MainColor.white}
               fw={"bold"}
               fz={fontSize ? fontSize : "sm"}
               lineClamp={1}

src/app_modules/_global/component/comp_box_upload_image.tsx

@@ -1,5 +1,6 @@
 import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
 import { Box } from "@mantine/core";
+import { MainColor } from "../color";
 
 /**
  * 
@@ -28,6 +29,7 @@ export function ComponentGlobal_BoxUploadImage({
             height: "100%",
             borderStyle: "dashed",
             borderRadius: "5px",
+            borderColor: MainColor.white,
           }}
         >
           {children}

src/app_modules/_global/ui/ui_drawer.tsx

@@ -11,7 +11,7 @@ import {
 import { IconX } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import { AccentColor } from "../color/color_pallet";
+import { AccentColor, MainColor } from "../color/color_pallet";
 import ComponentGlobal_Loader from "../component/loader";
 
 interface MODEL_DRAWER {
@@ -72,7 +72,7 @@ export default function UIGlobal_Drawer({
         <Stack spacing={"xs"}>
           <Group position="right">
             <ActionIcon onClick={close} variant="transparent">
-              <IconX color="white" />
+              <IconX color={MainColor.white} />
             </ActionIcon>
           </Group>
           <SimpleGrid cols={component.length < 4 ? component.length : 4}>
@@ -100,7 +100,7 @@ export default function UIGlobal_Drawer({
                   {e?.icon}
 
                 </ActionIcon>
-                <Text fz={"sm"} align="center" color="white">
+                <Text fz={"sm"} align="center" color={MainColor.white}>
                   {e?.name}
                 </Text>
               </Stack>

src/app_modules/_global/ui/ui_header_tamplate.tsx

@@ -67,7 +67,7 @@ export default function UIGlobal_LayoutHeaderTamplate({
             customButtonLeft
           ) : (
             <ActionIcon
-              c={"white"}
+              c={MainColor.white}
               variant="transparent"
               radius={"xl"}
               onClick={() => {

src/app_modules/_global/ui/ui_modal.tsx

@@ -33,7 +33,7 @@ export default function UIGlobal_Modal({
         }}
       >
         <Stack>
-          <Title order={6} color="white" align="center">
+          <Title order={6} color={MainColor.white} align="center">
             {title}
           </Title>
           <Group position="center">

src/app_modules/_global/ui/ui_splash.tsx

@@ -2,16 +2,17 @@
 
 import { Loader, Stack, ThemeIcon } from "@mantine/core";
 import UIGlobal_LayoutDefault from "./ui_layout_default";
+import { MainColor } from "../color";
 
 export default function UIGlobal_SplashScreen({ icon }: { icon: any }) {
   return (
     <>
       <UIGlobal_LayoutDefault>
         <Stack h={"90vh"} align="center" justify="center" spacing={"xl"}>
-          <ThemeIcon variant="transparent" size={300} c="white">
+          <ThemeIcon variant="transparent" size={300} c={MainColor.white}>
             {icon}
           </ThemeIcon>
-          <Loader variant="dots" color="white" />
+          <Loader variant="dots" color={MainColor.white} />
         </Stack>
       </UIGlobal_LayoutDefault>
     </>