t

frontend/src/app/ntt-gantt/ntt-gantt.component.ts

@@ -904,7 +904,7 @@ export class NttGanttComponent implements OnInit {
    */
 
   public queryTaskbarInfo(args: any) {
-     console.log(args);
+     console.log(args.milestoneColor);
     if (args.taskbarType == 'Milestone' && args.data.taskData.TaskID.includes("D2")) {
       if (args.data.taskData.isFixed == false) {
         args.taskbarElement.children[1].classList.add('e-gantt-milestone-border1');

frontend/src/index.html

@@ -29,7 +29,7 @@
   } */
 
 
-   .e-gantt-milestone-border {
+   /* .e-gantt-milestone-border {
      border-radius: 50%;
      color: red;
      background-color: transparent !important;
@@ -61,7 +61,7 @@
      cursor: not-allowed !important;
 
 
-    }
+    } */
 
 </style>
 

frontend/src/theme.scss

@@ -1,16 +1,24 @@
-@import "../node_modules/@angular/material/theming";
-@include mat-core();
+@use '@angular/material' as mat;
 
-$my-primary: mat-palette($mat-orange, 800);
-$my-accent: mat-palette($mat-orange, 500);
-$my-warn: mat-palette($mat-red, 600);
+@include mat.core();
 
-$my-theme: mat-light-theme($my-primary, $my-accent, $my-warn);
+$my-primary: mat.define-palette(mat.$orange-palette, 800);
+$my-accent: mat.define-palette(mat.$orange-palette, 500);
+$my-warn: mat.define-palette(mat.$red-palette, 600);
 
-@include angular-material-theme($my-theme);
+$my-theme: mat.define-light-theme((
+  color: (
+    primary: $my-primary,
+    accent: $my-accent,
+    warn: $my-warn,
+  )
+));
+
+@include mat.all-component-themes($my-theme);
 
 .dateButton.mat-button {
-    background-color: blue !important; /* Use !important as a last resort */
+    background-color: blue !important;
     color: white;
-  }
-  
+}
+
+