feat: separator between assignment policies on the progress

Author: PavloNetrebchuk

core/src/main/java/org/openedx/core/ui/theme/AppColors.kt

@@ -78,7 +78,8 @@ data class AppColors(
     val settingsTitleContent: Color,
 
     val progressBarColor: Color,
-    val progressBarBackgroundColor: Color
+    val progressBarBackgroundColor: Color,
+    val gradeProgressBarBorder: Color,
 ) {
     val primary: Color get() = material.primary
     val primaryVariant: Color get() = material.primaryVariant

core/src/main/java/org/openedx/core/ui/theme/Theme.kt

@@ -96,7 +96,8 @@ private val DarkColorPalette = AppColors(
     settingsTitleContent = dark_settings_title_content,
 
     progressBarColor = dark_progress_bar_color,
-    progressBarBackgroundColor = dark_progress_bar_background_color
+    progressBarBackgroundColor = dark_progress_bar_background_color,
+    gradeProgressBarBorder = dark_grade_progress_bar_color
 )
 
 private val LightColorPalette = AppColors(
@@ -185,7 +186,8 @@ private val LightColorPalette = AppColors(
     settingsTitleContent = light_settings_title_content,
 
     progressBarColor = light_progress_bar_color,
-    progressBarBackgroundColor = light_progress_bar_background_color
+    progressBarBackgroundColor = light_progress_bar_background_color,
+    gradeProgressBarBorder = light_grade_progress_bar_color
 )
 
 val MaterialTheme.appColors: AppColors

core/src/openedx/org/openedx/core/ui/theme/Colors.kt

@@ -74,6 +74,7 @@ val light_course_home_back_btn_background = Color.White
 val light_settings_title_content = Color.White
 val light_progress_bar_color = light_primary
 val light_progress_bar_background_color = Color(0xFFCCD4E0)
+val light_grade_progress_bar_color = Color.Black
 
 val dark_primary = Color(0xFF3F68F8)
 val dark_primary_variant = Color(0xFF3700B3)
@@ -147,3 +148,4 @@ val dark_course_home_back_btn_background = Color.Black
 val dark_settings_title_content = Color.White
 val dark_progress_bar_color = light_primary
 val dark_progress_bar_background_color = Color(0xFF8E9BAE)
+val dark_grade_progress_bar_color = Color.Transparent

course/src/main/java/org/openedx/course/presentation/progress/CourseProgressScreen.kt

@@ -310,11 +310,11 @@ private fun OverallGradeView(
                     .clip(CircleShape)
                     .border(
                         width = 1.dp,
-                        color = MaterialTheme.appColors.cardViewBackground,
+                        color = MaterialTheme.appColors.gradeProgressBarBorder,
                         shape = CircleShape
                     )
             ) {
-                gradingPolicy.assignmentPolicies.forEach { assignmentPolicy ->
+                gradingPolicy.assignmentPolicies.forEachIndexed { index, assignmentPolicy ->
                     val assignmentColors = gradingPolicy.assignmentColors
                     val color = if (assignmentColors.isNotEmpty()) {
                         assignmentColors[
@@ -334,6 +334,16 @@ private fun OverallGradeView(
                                 .background(color)
                                 .fillMaxHeight()
                         )
+
+                        // Add black separator between assignment policies (except after the last one)
+                        if (index < gradingPolicy.assignmentPolicies.size - 1) {
+                            Box(
+                                modifier = Modifier
+                                    .width(1.dp)
+                                    .background(Color.Black)
+                                    .fillMaxHeight()
+                            )
+                        }
                     }
                 }
                 if (notCompletedWeightedGradePercent > 0f) {