style : update tema

Deskripsi:
- update global
- update announcement
- update update color palette
- update group
- update home
- update position
- update project
- update member

No Issue

src/module/announcement/ui/list_announcement.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { SkeletonSingle, WARNA } from '@/module/_global';
+import { SkeletonSingle, TEMA, WARNA } from '@/module/_global';
 import { ActionIcon, Box, Center, Divider, Grid, Group, Spoiler, Stack, Text, TextInput } from '@mantine/core';
 import React, { useState } from 'react';
 import { TfiAnnouncement } from "react-icons/tfi";
@@ -10,6 +10,7 @@ import { IListDataAnnouncement } from '../lib/type_announcement';
 import { funGetAllAnnouncement } from '../lib/api_announcement';
 import toast from 'react-hot-toast';
 import { funGetAllGroup, IDataGroup } from '@/module/group';
+import { useHookstate } from '@hookstate/core';
 
 
 export default function ListAnnouncement() {
@@ -17,6 +18,7 @@ export default function ListAnnouncement() {
    const [searchQuery, setSearchQuery] = useState('')
    const router = useRouter()
    const [loading, setLoading] = useState(true);
+   const tema = useHookstate(TEMA)
 
    const fetchData = async () => {
       try {
@@ -46,9 +48,9 @@ export default function ListAnnouncement() {
          <TextInput
             styles={{
                input: {
-                  color: WARNA.biruTua,
-                  borderRadius: WARNA.biruTua,
-                  borderColor: WARNA.biruTua,
+                  color: tema.get().utama,
+                  borderRadius: tema.get().utama,
+                  borderColor: tema.get().utama,
                },
             }}
             size="md"
@@ -77,31 +79,31 @@ export default function ListAnnouncement() {
                            <Grid>
                               <Grid.Col span={2}>
                                  <Center>
-                                    <ActionIcon variant="light" bg={'#FCAA4B'} size={50} radius={100} aria-label="icon">
-                                       <TfiAnnouncement color={WARNA.biruTua} size={25} />
+                                    <ActionIcon variant="light" bg={tema.get().bgFiturHome} size={50} radius={100} aria-label="icon">
+                                       <TfiAnnouncement color={tema.get().utama} size={25} />
                                     </ActionIcon>
                                  </Center>
                               </Grid.Col>
                               <Grid.Col span={10}>
                                  <Grid onClick={() => {
                                     router.push(`/announcement/${v.id}`)
-                                 }}  mb={10}>
+                                 }} mb={10}>
                                     <Grid.Col span={{
                                        base: 7,
                                        xl: 8
                                     }}>
-                                       <Text fw={'bold'} c={WARNA.biruTua} lineClamp={1}>{v.title}</Text>
+                                       <Text fw={'bold'} c={tema.get().utama} lineClamp={1}>{v.title}</Text>
                                     </Grid.Col>
                                     <Grid.Col span={{
                                        base: 5,
                                        xl: 4
                                     }}>
-                                       <Text ta={"end"} fw={'lighter'} c={WARNA.biruTua} fz={13}>{v.createdAt}</Text>
+                                       <Text ta={"end"} fw={'lighter'} c={tema.get().utama} fz={13}>{v.createdAt}</Text>
                                     </Grid.Col>
                                  </Grid>
-                                 {/* <Text c={WARNA.biruTua} lineClamp={2}>{v.desc}</Text> */}
+                                 {/* <Text c={tema.get().utama} lineClamp={2}>{v.desc}</Text> */}
                                  <Spoiler maxHeight={50} showLabel="Lebih banyak" hideLabel="Lebih sedikit">
-                                    <Text c={WARNA.biruTua} onClick={() => {
+                                    <Text c={tema.get().utama} onClick={() => {
                                        router.push(`/announcement/${v.id}`)
                                     }} >{v.desc}</Text>
                                  </Spoiler>