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/_global/components/skeleton_single.tsx

@@ -1,13 +1,16 @@
+import { useHookstate } from '@hookstate/core';
 import { ActionIcon, Box, Group, Skeleton } from '@mantine/core';
 import React from 'react';
+import { TEMA } from '../bin/val_global';
 
 export default function SkeletonSingle() {
+    const tema = useHookstate(TEMA)
     return (
         <Box pt={20}>
             <Group
                 align="center"
                 style={{
-                    border: `1px solid ${"#DCEED8"}`,
+                    border: `1px solid ${tema.get().bgTotalKegiatan}`,
                     padding: 10,
                     borderRadius: 10,
                     cursor: "pointer",
@@ -16,7 +19,7 @@ export default function SkeletonSingle() {
                 <Box>
                     <ActionIcon
                         variant="light"
-                        bg={"#DCEED8"}
+                        bg={tema.get().bgTotalKegiatan}
                         size={50}
                         radius={100}
                         aria-label="icon"