fix: use frappe-ui theme colors and fixed tailwind config

frontend/src/pages/Programs/ProgramForm.vue

@@ -58,7 +58,7 @@
 						</Button>
 					</div>
 					<ListView
-						v-if="program.program_courses.length > 0"
+						v-if="program.program_courses?.length > 0"
 						:columns="courseColumns"
 						:rows="program.program_courses"
 						:options="{
@@ -133,7 +133,7 @@
 						</div>
 					</div>
 					<ListView
-						v-if="program.program_members.length > 0"
+						v-if="program.program_members?.length > 0"
 						:columns="memberColumns"
 						:rows="program.program_members"
 						:options="{
@@ -430,7 +430,7 @@ const addCourse = (close: () => void) => {
 	}
 
 	const existingCourse = program.value.program_courses.find(
-		(c) => c.course === course.value
+		(c: any) => c.course === course.value
 	)
 	if (!existingCourse) {
 		program.value.program_courses.push({
@@ -544,11 +544,11 @@ const remove = (
 	const selectionsArray = Array.from(selections)
 	if (type === 'courses') {
 		program.value.program_courses = program.value.program_courses.filter(
-			(c) => !selectionsArray.includes(c.name || c.course)
+			(c: any) => !selectionsArray.includes(c.name || c.course)
 		)
 	} else {
 		program.value.program_members = program.value.program_members.filter(
-			(m) => !selectionsArray.includes(m.name || m.member)
+			(m: any) => !selectionsArray.includes(m.name || m.member)
 		)
 	}
 	dirty.value = true

frontend/src/pages/Programs/ProgramProgressSummary.vue

@@ -31,11 +31,11 @@
 						categoryColumn: 'category',
 						valueColumn: 'count',
 						colors: [
-							theme.colors.red['400'],
-							theme.colors.amber['400'],
-							theme.colors.pink['400'],
-							theme.colors.blue['400'],
-							theme.colors.green['400'],
+							getColor('red', 400),
+							getColor('amber', 400),
+							getColor('pink', 400),
+							getColor('blue', 400),
+							getColor('green', 400),
 						],
 					}"
 				/>
@@ -74,7 +74,7 @@ import {
 } from 'frappe-ui'
 import type { ProgramMember } from '@/types'
 import { computed, ref, watch } from 'vue'
-import { theme } from '@/utils/theme'
+import { getColor } from '@/utils'
 
 const show = defineModel<boolean>({ default: false })
 const searchFilter = ref<string | null>(null)