Add All Skeleton Except Collaboration

src/app_modules/_global/color/color_pallet.ts

@@ -4,7 +4,8 @@ export const MainColor = {
   yellow: "#E1B525",
   white: "#D4D0D0",
   red: "#C74E4E",
-  orange: "#E58958"
+  orange: "#E58958",
+  green: "#468A56"
 };
 
 export const AccentColor = {

src/app_modules/_global/component/comp_card_box_and_background.tsx

@@ -1,4 +1,4 @@
-import { AccentColor } from "@/app_modules/_global/color";
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
 import { Card } from "@mantine/core";
 import React from "react";
 
@@ -30,7 +30,7 @@ export function ComponentGlobal_CardStyles({
           paddingInline: "16px",
           paddingBlock: "16px",
           borderRadius: "10px",
-          color: color ? color : "white",
+          color: color ? color : MainColor.white,
           height: height ? height : "auto",
           marginBottom: marginBottom ? marginBottom : "15px",
         }}

src/app_modules/_global/component/comp_tampilan_angka_ratusan.tsx

@@ -1,4 +1,5 @@
 import { Group, Text } from "@mantine/core";
+import { MainColor } from "../color";
 
 export default function ComponentGlobal_TampilanAngkaRatusan({
   nominal,
@@ -32,7 +33,7 @@ export default function ComponentGlobal_TampilanAngkaRatusan({
           fw={fontWeight ? fontWeight : "bold"}
           fz={fontSize ? fontSize : "md"}
           style={{
-            color: color ? color : "white",
+            color: color ? color : MainColor.white,
           }}
         >
           {new Intl.NumberFormat("id-ID", { maximumFractionDigits: 10 }).format(
@@ -43,6 +44,9 @@ export default function ComponentGlobal_TampilanAngkaRatusan({
           <Text
             fw={fontWeight ? fontWeight : "bold"}
             fz={fontSize ? fontSize : "md"}
+            style={{
+              color: color ? color : MainColor.white,
+            }}
           >
             {textAfter}
           </Text>

src/app_modules/_global/component/comp_tampilan_rupiah.tsx

@@ -1,4 +1,5 @@
 import { Text } from "@mantine/core";
+import { MainColor } from "../color";
 
 export default function ComponentGlobal_TampilanRupiah({
   nominal,
@@ -17,7 +18,7 @@ export default function ComponentGlobal_TampilanRupiah({
         fw={fontWeight ? fontWeight : "bold"}
         fz={fontSize ? fontSize : "md"}
         style={{
-          color: color ? color : "white",
+          color: color ? color : MainColor.white,
         }}
       >
         Rp.{" "}

src/app_modules/_global/ui/ui_drawer.tsx

@@ -64,7 +64,7 @@ export default function UIGlobal_Drawer({
             borderRight: `1px solid ${AccentColor.blue}`,
             borderLeft: `1px solid ${AccentColor.blue}`,
             borderRadius: "20px 20px 0px 0px",
-            color: "white",
+            color: MainColor.white,
             paddingBottom: "5%",
           },
         }}
@@ -86,7 +86,7 @@ export default function UIGlobal_Drawer({
               >
                 <ActionIcon
                   variant="transparent"
-                  c="white"
+                  c={MainColor.white}
                 >
                   {/* PAKE LOADING */}
                   {/* {isLoading && e?.id === pageId ? (