Collaboration & Create Porotofolio

src/app_modules/colab/detail/group/index.tsx

@@ -229,13 +229,13 @@ export default function Colab_GroupChatView({
                     {loadingBack ? (
                       <ComponentGlobal_Loader />
                     ) : (
-                      <IconChevronLeft color="white" />
+                      <IconChevronLeft color={MainColor.white} />
                     )}
                   </ActionIcon>
                 </Grid.Col>
                 <Grid.Col span={8}>
                   <Center>
-                    <Title c={"white"} order={5} lineClamp={1}>
+                    <Title color={MainColor.white} order={5} lineClamp={1}>
                       {selectRoom?.name}
                     </Title>
                   </Center>
@@ -255,7 +255,7 @@ export default function Colab_GroupChatView({
                       {loadingInfo ? (
                         <ComponentGlobal_Loader />
                       ) : (
-                        <IconInfoSquareRounded color="white" />
+                        <IconInfoSquareRounded color={MainColor.white} />
                       )}
                     </ActionIcon>
                   </Group>
@@ -380,10 +380,11 @@ export default function Colab_GroupChatView({
           >
             KIzRIM PESAN
           </Button> */}
-            <Stack justify="center" h={"100%"} px={"sm"}>
+            <Stack  justify="center" h={"100%"} px={"sm"}>
               <Grid align="center">
                 <Grid.Col span={"auto"}>
                   <Textarea
+                  styles={{ input: { backgroundColor: MainColor.white} }}
                     minRows={1}
                     radius={"md"}
                     placeholder="Ketik pesan anda..."
@@ -395,8 +396,12 @@ export default function Colab_GroupChatView({
                   <ActionIcon
                     disabled={msg === "" ? true : false}
                     variant="filled"
-                    bg={AccentColor.softblue}
-                    color={"cyan"}
+                    styles={{
+                      root: {
+                        backgroundColor: MainColor.white,
+                      },
+                    }}
+                    color={MainColor.darkblue}
                     radius={"xl"}
                     size={"xl"}
                     onClick={() => {

src/app_modules/colab/detail/proyek/saya/index.tsx

@@ -127,7 +127,7 @@ function CheckBoxPartisipan() {
             <Stack spacing={5}>
               <Text c={"red"} fz={10}>
                 *
-                <Text px={"xs"} span inherit c={"white"}>
+                <Text px={"xs"} span inherit c={MainColor.white}>
                   Pilih user yang akan menjadi tim proyek anda
                 </Text>
               </Text>
@@ -274,12 +274,13 @@ function ButtonAction({ value }: { value: string[] }) {
       >
         <Stack>
           <Group position="apart">
-            <Title order={6}>Nama Grup Diskusi</Title>
+            <Title c={MainColor.white} order={6}>Nama Grup Diskusi</Title>
             <ActionIcon onClick={close} variant="transparent">
-              <IconX color="white" />
+              <IconX color={MainColor.white} />
             </ActionIcon>
           </Group>
           <TextInput
+            styles={{ input: { backgroundColor: MainColor.white } }}
             placeholder="Masukan nama grup diskusi .."
             radius={"xl"}
             onChange={(val) => {