fix color fill

src/components/GraphNavigation.astro

@@ -19,14 +19,14 @@ const circles: Circle[] = Astro.props.circles
 
 const color: Color = Astro.props.color || Color.primary;
 
-function getColorStr(color: Color) {
+function getColorFill(color: Color) {
   switch (color) {
     case Color.primary:
-      return "primary";
+      return "fill-primary";
     case Color.accent:
-      return "accent";
+      return "fill-accent";
     default:
-      return "primary";
+      return "fill-primary";
   }
 }
 
@@ -103,7 +103,7 @@ const calculateTextAnchor = (textX: number, circleCx: number, radialPosition: nu
           cx={circle.cx} 
           cy={circle.cy} 
           r={circle.r} 
-          class={"fill-" + getColorStr(color) + " stroke-base-content stroke-1"}
+          class={getColorFill(color) + " stroke-base-content stroke-1"}
         />
         <!-- Add a curved line (arc) connecting the circle to the text -->
         <path 

src/components/Home/ResearchGraphNavigation.astro

@@ -1,6 +1,7 @@
 ---
 import { URLS } from "../../statics";
 import GraphNavigation from "../GraphNavigation.astro";
+import { Color } from "../GraphNavigation.astro";
 
 const circles = [
   { id: 1, cx: 8, cy: 10, r: 5, href: URLS.Internal_Home + "/details/documentation-principle", text: 'documentation principle', angle: 80 },
@@ -11,4 +12,4 @@ const circles = [
 ];
 ---
 
-<GraphNavigation circles={circles}></GraphNavigation>
+<GraphNavigation circles={circles} color={Color.primary}></GraphNavigation>

src/plugins/remark-dictionary-tooltips.ts

@@ -79,7 +79,6 @@ export function remarkReplaceTooltips(): Plugin<[], Root> {
     // Traverse the tree and apply replacements
     visit(tree, (node) => {
       // Check if the node is a heading, if so, skip it
-      console.log("--NEW--")
       if (node.type === 'heading') {
         return; // Skip headers
       }