Update dark mode colors

oppia · Jul 13, 2024 · f011cc8 · f011cc8
1 parent 7e5b1c2
commit f011cc8
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 14 deletions.
diff --git a/app/src/main/java/org/oppia/android/app/classroom/classroomlist/ClassroomList.kt b/app/src/main/java/org/oppia/android/app/classroom/classroomlist/ClassroomList.kt
@@ -100,20 +100,22 @@ fun ClassroomCard(
         classroomSummaryViewModel.handleClassroomClick()
       },
     backgroundColor = if (isCardSelected) {
-      colorResource(id = R.color.component_color_classroom_card_color)
+      colorResource(id = R.color.component_color_classroom_card_selected_color)
     } else {
-      colorResource(id = R.color.component_color_shared_screen_primary_background_color)
+      colorResource(id = R.color.component_color_classroom_card_color)
     },
     border = BorderStroke(2.dp, color = colorResource(id = R.color.color_def_oppia_green)),
     elevation = dimensionResource(id = R.dimen.classrooms_card_elevation),
   ) {
     Column(
       modifier = Modifier.padding(
         horizontal = dimensionResource(id = R.dimen.classrooms_card_padding_horizontal),
-        vertical = if (isSticky) 
+        vertical = if (isSticky) {
           dimensionResource(id = R.dimen.classrooms_card_collapsed_padding_vertical)
-        else
-          dimensionResource(id = R.dimen.classrooms_card_padding_vertical),
+        }
+        else {
+          dimensionResource(id = R.dimen.classrooms_card_padding_vertical)
+        },
       ),
       verticalArrangement = Arrangement.Center,
       horizontalAlignment = Alignment.CenterHorizontally,

diff --git a/app/src/main/java/org/oppia/android/app/classroom/promotedlist/PromotedList.kt b/app/src/main/java/org/oppia/android/app/classroom/promotedlist/PromotedList.kt
@@ -127,7 +127,7 @@ fun PromotedStoryCard(
       )
       .clickable { promotedStoryViewModel.clickOnStoryTile() },
     backgroundColor = colorResource(
-      id = R.color.component_color_shared_screen_primary_background_color
+      id = R.color.component_color_classroom_promoted_list_card_background_color
     ),
     elevation = dimensionResource(id = R.dimen.promoted_story_card_elevation),
   ) {

diff --git a/app/src/main/res/values-night/color_palette.xml b/app/src/main/res/values-night/color_palette.xml
@@ -132,7 +132,7 @@
   <color name="color_palette_revision_card_toolbar_color">@color/color_def_forest_green</color>
   <color name="color_palette_hints_and_solutions_fragment_toolbar_color">@color/color_def_oppia_dark_blue</color>
   <color name="color_palette_menu_selected_text_color">@color/color_def_oppia_turquoise</color>
-  <color name="color_palette_developer_option_menu_selected_color">@color/color_def_persian_blue</color>
+  <color name="color_palette_developer_option_menu_selected_color">@color/color_def_persian_blue_1</color>
   <color name="color_palette_underline_view_color">@color/color_def_bright_green</color>
   <color name="color_palette_menu_text_color">@color/color_def_white</color>
   <color name="color_palette_secondary_container_background_color">@color/color_def_oppia_metallic_blue</color>
@@ -242,7 +242,10 @@
   <color name="color_palette_text_error_color">@color/color_def_oppia_reddish_brown</color>
   <color name="color_palette_edittext_stroke_color">@color/color_def_accessible_light_grey_2</color>
   <!-- CLASSROOM -->
-  <color name="color_palette_classroom_card_color">@color/color_def_greenish_black</color>
+  <color name="color_palette_classroom_card_color">@color/color_def_greenish_black_2</color>
+  <color name="color_palette_classroom_card_selected_color">@color/color_def_greenish_black_1</color>
   <color name="color_palette_classroom_shared_text_color">@color/color_def_white</color>
-  <color name="color_palette_classroom_topic_list_background_color">@color/color_def_greenish_black</color>
+  <color name="color_palette_classroom_topic_list_background_color">@color/color_def_greenish_black_3</color>
+  <color name="color_palette_classroom_promoted_list_classroom_label_color">@color/color_def_persian_blue_2</color>
+  <color name="color_palette_classroom_promoted_list_card_background_color">@color/color_def_greenish_black_2</color>
 </resources>
diff --git a/app/src/main/res/values/color_defs.xml b/app/src/main/res/values/color_defs.xml
@@ -95,7 +95,8 @@
   <color name="color_def_white_0">#00FFFFFF</color>
   <color name="color_def_maastricht_blue">#0e162f</color>
   <color name="color_def_ocean_blue">#081661</color>
-  <color name="color_def_persian_blue">#00609C</color>
+  <color name="color_def_persian_blue_1">#00609C</color>
+  <color name="color_def_persian_blue_2">#0097F5</color>
   <color name="color_def_bright_green">#009C8A</color>
   <color name="color_def_grape_violet">#674172</color>
   <color name="color_def_bright_violet">#7659B6</color>
@@ -145,7 +146,9 @@
   <color name="color_def_pale_green">#E2F5F4</color>
   <color name="color_def_black_25">#25000000</color>
   <color name="color_def_greenish_white">#EDF6F5</color>
-  <color name="color_def_greenish_black">#172B28</color>
+  <color name="color_def_greenish_black_1">#325D57</color>
+  <color name="color_def_greenish_black_2">#1C3531</color>
+  <color name="color_def_greenish_black_3">#1D3532</color>
   <color name="color_def_jade">#8EBBB6</color>
   <color name="color_def_dark_jade">#64817E</color>
   <color name="color_def_light_orange">#F8BF74</color>

diff --git a/app/src/main/res/values/color_palette.xml b/app/src/main/res/values/color_palette.xml
@@ -136,7 +136,7 @@
   <color name="color_palette_revision_card_toolbar_color">@color/color_def_oppia_brown_dark</color>
   <color name="color_palette_hints_and_solutions_fragment_toolbar_color">@color/color_def_oppia_dark_blue</color>
   <color name="color_palette_menu_selected_text_color">@color/color_def_oppia_brown_dark</color>
-  <color name="color_palette_developer_option_menu_selected_color">@color/color_def_persian_blue</color>
+  <color name="color_palette_developer_option_menu_selected_color">@color/color_def_persian_blue_1</color>
   <color name="color_palette_underline_view_color">@color/color_def_oppia_light_brown</color>
   <color name="color_palette_menu_text_color">@color/color_def_black</color>
   <color name="color_palette_secondary_container_background_color">@color/color_def_teal_blue</color>
@@ -285,8 +285,10 @@
   <color name="color_palette_edittext_stroke_color">@color/color_def_accessible_light_grey_2</color>
   <color name="color_palette_text_error_color">@color/color_def_error_text</color>
   <!-- CLASSROOM -->
-  <color name="color_palette_classroom_card_color">@color/color_def_greenish_white</color>
+  <color name="color_palette_classroom_card_color">@color/color_def_white</color>
+  <color name="color_palette_classroom_card_selected_color">@color/color_def_greenish_white</color>
   <color name="color_palette_classroom_shared_text_color">@color/color_def_green</color>
   <color name="color_palette_classroom_topic_list_background_color">@color/color_def_greenish_white</color>
-  <color name="color_palette_classroom_promoted_list_classroom_label_color">@color/color_def_persian_blue</color>
+  <color name="color_palette_classroom_promoted_list_classroom_label_color">@color/color_def_persian_blue_1</color>
+  <color name="color_palette_classroom_promoted_list_card_background_color">@color/color_def_white</color>
 </resources>
diff --git a/app/src/main/res/values/component_colors.xml b/app/src/main/res/values/component_colors.xml
@@ -322,9 +322,11 @@
   <color name="component_color_shared_error_color">@color/color_palette_text_error_color</color>
   <!-- Classroom List Activity -->
   <color name="component_color_classroom_card_color">@color/color_palette_classroom_card_color</color>
+  <color name="component_color_classroom_card_selected_color">@color/color_palette_classroom_card_selected_color</color>
   <color name="component_color_classroom_card_icon_color">@color/color_palette_classroom_shared_text_color</color>
   <color name="component_color_classroom_card_text_color">@color/color_palette_classroom_shared_text_color</color>
   <color name="component_color_classroom_all_topics_header_text_color">@color/color_palette_classroom_shared_text_color</color>
   <color name="component_color_classroom_topic_list_background_color">@color/color_palette_classroom_topic_list_background_color</color>
   <color name="component_color_classroom_promoted_list_classroom_label_color">@color/color_palette_classroom_promoted_list_classroom_label_color</color>
+  <color name="component_color_classroom_promoted_list_card_background_color">@color/color_palette_classroom_promoted_list_card_background_color</color>
 </resources>