Dark mode implementation - Developer Options

app/src/main/res/drawable/rounded_rect_large_border_radius.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android">
   <corners android:radius="24dp" />
-  <solid android:color="@color/color_def_oppia_brown" />
+  <solid android:color="@color/component_color_shared_replay_button_color" />
 </shape>

app/src/main/res/layout/developer_options_fragment.xml

@@ -13,7 +13,7 @@
     android:id="@+id/developer_options_list"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/component_color_developer_options_activity_background_color"
+    android:background="@color/component_color_shared_screen_primary_background_color"
     android:clipToPadding="false"
     android:overScrollMode="never"
     android:paddingBottom="80dp"

app/src/main/res/layout/developer_options_modify_lesson_progress_view.xml

@@ -17,13 +17,13 @@
       android:id="@+id/modify_lesson_progress_text_view"
       style="@style/Heading5ViewStart"
       android:layout_width="match_parent"
-      android:background="@color/component_color_developer_options_activity_sub_heading_background_color"
+      android:background="@color/component_color_shared_screen_secondary_background_color"
       android:paddingStart="16dp"
       android:paddingTop="20dp"
       android:paddingEnd="16dp"
       android:paddingBottom="20dp"
       android:text="@string/developer_options_modify_lesson_progress_label"
-      android:textColor="@color/component_color_developer_options_activity_sub_heading_color"
+      android:textColor="@color/component_color_shared_active_text_color"
       app:layout_constraintBottom_toTopOf="@id/mark_chapters_completed_text_view"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"
@@ -33,14 +33,14 @@
       android:id="@+id/mark_chapters_completed_text_view"
       style="@style/Subtitle1ViewStart"
       android:layout_width="match_parent"
-      android:background="@color/component_color_developer_options_activity_options_background_color"
+      android:background="@color/component_color_shared_item_background_solid_color"
       android:onClick="@{(v) -> viewModel.onMarkChaptersCompletedClicked()}"
       android:paddingStart="16dp"
       android:paddingTop="20dp"
       android:paddingEnd="16dp"
       android:paddingBottom="20dp"
       android:text="@string/developer_options_mark_chapters_completed"
-      android:textColor="@color/component_color_developer_options_activity_menu_options_text_color"
+      android:textColor="@color/component_color_shared_primary_dark_text_color"
       app:layout_constraintBottom_toTopOf="@id/view_divider1"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"
@@ -50,7 +50,7 @@
       android:id="@+id/view_divider1"
       android:layout_width="match_parent"
       android:layout_height="2dp"
-      android:background="@color/component_color_developer_options_activity_view_divider_color"
+      android:background="@color/component_color_shared_divider_color"
       app:layout_constraintBottom_toTopOf="@id/mark_stories_completed_text_view"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"
@@ -60,14 +60,14 @@
       android:id="@+id/mark_stories_completed_text_view"
       style="@style/Subtitle1ViewStart"
       android:layout_width="match_parent"
-      android:background="@color/component_color_developer_options_activity_options_background_color"
+      android:background="@color/component_color_shared_item_background_solid_color"
       android:onClick="@{(v) -> viewModel.onMarkStoriesCompletedClicked()}"
       android:paddingStart="16dp"
       android:paddingTop="20dp"
       android:paddingEnd="16dp"
       android:paddingBottom="20dp"
       android:text="@string/developer_options_mark_stories_completed"
-      android:textColor="@color/component_color_developer_options_activity_menu_options_text_color"
+      android:textColor="@color/component_color_shared_primary_dark_text_color"
       app:layout_constraintBottom_toTopOf="@id/mark_topics_completed_text_view"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"
@@ -77,7 +77,7 @@
       android:id="@+id/view_divider2"
       android:layout_width="match_parent"
       android:layout_height="2dp"
-      android:background="@color/component_color_developer_options_activity_view_divider_color"
+      android:background="@color/component_color_shared_divider_color"
       app:layout_constraintBottom_toTopOf="@id/mark_topics_completed_text_view"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"
@@ -87,14 +87,14 @@
       android:id="@+id/mark_topics_completed_text_view"
       style="@style/Subtitle1ViewStart"
       android:layout_width="match_parent"
-      android:background="@color/component_color_developer_options_activity_options_background_color"
+      android:background="@color/component_color_shared_item_background_solid_color"
       android:onClick="@{(v) -> viewModel.onMarkTopicsCompletedClicked()}"
       android:paddingStart="16dp"
       android:paddingTop="20dp"
       android:paddingEnd="16dp"
       android:paddingBottom="20dp"
       android:text="@string/developer_options_mark_topics_completed"
-      android:textColor="@color/component_color_developer_options_activity_menu_options_text_color"
+      android:textColor="@color/component_color_shared_primary_dark_text_color"
       app:layout_constraintBottom_toBottomOf="parent"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"

app/src/main/res/layout/developer_options_override_app_behaviors_view.xml

@@ -17,13 +17,13 @@
       android:id="@+id/override_app_behaviors_text_view"
       style="@style/Heading5ViewStart"
       android:layout_width="match_parent"
-      android:background="@color/component_color_developer_options_activity_sub_heading_background_color"
+      android:background="@color/component_color_shared_screen_secondary_background_color"
       android:paddingStart="16dp"
       android:paddingTop="20dp"
       android:paddingEnd="16dp"
       android:paddingBottom="20dp"
       android:text="@string/developer_options_override_app_behaviors_label"
-      android:textColor="@color/component_color_developer_options_activity_sub_heading_color"
+      android:textColor="@color/component_color_shared_active_text_color"
       app:layout_constraintBottom_toTopOf="@id/show_all_hints_solution_constraint_layout"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"
@@ -33,7 +33,7 @@
       android:id="@+id/show_all_hints_solution_constraint_layout"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
-      android:background="@color/component_color_developer_options_activity_options_background_color"
+      android:background="@color/component_color_shared_item_background_solid_color"
       android:onClick="@{(v) -> viewModel.onShowAllHintsAndSolutionClicked()}"
       android:paddingStart="16dp"
       android:paddingTop="10dp"
@@ -48,9 +48,9 @@
         android:id="@+id/show_all_hints_solution_text_view"
         style="@style/Subtitle1ViewStart"
         android:layout_width="0dp"
-        android:background="@color/component_color_developer_options_activity_options_background_color"
+        android:background="@color/component_color_shared_item_background_solid_color"
         android:text="@string/developer_options_show_all_hints_solution"
-        android:textColor="@color/component_color_developer_options_activity_menu_options_text_color"
+        android:textColor="@color/component_color_shared_primary_dark_text_color"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toStartOf="@id/show_all_hints_solution_switch"
         app:layout_constraintStart_toStartOf="parent"
@@ -78,7 +78,7 @@
       android:id="@+id/view_divider1"
       android:layout_width="match_parent"
       android:layout_height="2dp"
-      android:background="@color/component_color_developer_options_activity_view_divider_color"
+      android:background="@color/component_color_shared_divider_color"
       app:layout_constraintBottom_toTopOf="@id/force_network_type_text_view"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"
@@ -88,14 +88,14 @@
       android:id="@+id/force_network_type_text_view"
       style="@style/Subtitle1ViewStart"
       android:layout_width="match_parent"
-      android:background="@color/component_color_developer_options_activity_options_background_color"
+      android:background="@color/component_color_shared_item_background_solid_color"
       android:onClick="@{(v) -> viewModel.onForceNetworkTypeClicked()}"
       android:paddingStart="16dp"
       android:paddingTop="20dp"
       android:paddingEnd="16dp"
       android:paddingBottom="20dp"
       android:text="@string/developer_options_force_network_type"
-      android:textColor="@color/component_color_developer_options_activity_menu_options_text_color"
+      android:textColor="@color/component_color_shared_primary_dark_text_color"
       app:layout_constraintBottom_toTopOf="@id/view_divider2"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"
@@ -105,7 +105,7 @@
       android:id="@+id/view_divider2"
       android:layout_width="match_parent"
       android:layout_height="2dp"
-      android:background="@color/component_color_developer_options_activity_view_divider_color"
+      android:background="@color/component_color_shared_divider_color"
       app:layout_constraintBottom_toTopOf="@id/force_crash_text_view"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"
@@ -115,14 +115,14 @@
       android:id="@+id/force_crash_text_view"
       style="@style/Subtitle1ViewStart"
       android:layout_width="match_parent"
-      android:background="@color/component_color_developer_options_activity_options_background_color"
+      android:background="@color/component_color_shared_item_background_solid_color"
       android:onClick="@{(v) -> viewModel.onForceCrashClicked()}"
       android:paddingStart="16dp"
       android:paddingTop="20dp"
       android:paddingEnd="16dp"
       android:paddingBottom="20dp"
       android:text="@string/developer_options_force_crash"
-      android:textColor="@color/component_color_developer_options_activity_menu_options_text_color"
+      android:textColor="@color/component_color_shared_primary_dark_text_color"
       app:layout_constraintBottom_toBottomOf="parent"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"

app/src/main/res/layout/developer_options_test_parsers_view.xml

@@ -17,26 +17,26 @@
       android:id="@+id/debug_parsers_text_view"
       style="@style/Heading5ViewStart"
       android:layout_width="match_parent"
-      android:background="@color/component_color_developer_options_activity_sub_heading_background_color"
+      android:background="@color/component_color_shared_screen_secondary_background_color"
       android:paddingStart="16dp"
       android:paddingTop="20dp"
       android:paddingEnd="16dp"
       android:paddingBottom="20dp"
       android:text="@string/developer_options_test_parsers_label"
-      android:textColor="@color/component_color_developer_options_activity_sub_heading_color" />
+      android:textColor="@color/component_color_shared_active_text_color" />
 
     <TextView
       android:id="@+id/math_expressions_text_view"
       style="@style/Subtitle1ViewStart"
       android:layout_width="match_parent"
-      android:background="@color/component_color_developer_options_activity_options_background_color"
+      android:background="@color/component_color_shared_item_background_solid_color"
       android:onClick="@{(v) -> viewModel.onMathExpressionsClicked()}"
       android:paddingStart="16dp"
       android:paddingTop="20dp"
       android:paddingEnd="16dp"
       android:paddingBottom="20dp"
       android:text="@string/developer_options_math_expressions"
-      android:textColor="@color/component_color_developer_options_activity_menu_options_text_color" />
+      android:textColor="@color/component_color_shared_primary_dark_text_color" />
 
   </LinearLayout>
 </layout>

app/src/main/res/layout/developer_options_view_logs_view.xml

@@ -17,13 +17,13 @@
       android:id="@+id/view_logs_text_view"
       style="@style/Heading5ViewStart"
       android:layout_width="match_parent"
-      android:background="@color/component_color_developer_options_activity_sub_heading_background_color"
+      android:background="@color/component_color_shared_screen_secondary_background_color"
       android:paddingStart="16dp"
       android:paddingTop="20dp"
       android:paddingEnd="16dp"
       android:paddingBottom="20dp"
       android:text="@string/developer_options_view_logs_label"
-      android:textColor="@color/component_color_developer_options_activity_sub_heading_color"
+      android:textColor="@color/component_color_shared_active_text_color"
       app:layout_constraintBottom_toTopOf="@id/event_logs_text_view"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"
@@ -33,14 +33,14 @@
       android:id="@+id/event_logs_text_view"
       style="@style/Subtitle1ViewStart"
       android:layout_width="match_parent"
-      android:background="@color/component_color_developer_options_activity_options_background_color"
+      android:background="@color/component_color_shared_item_background_solid_color"
       android:onClick="@{(v) -> viewModel.onEventLogsClicked()}"
       android:paddingStart="16dp"
       android:paddingTop="20dp"
       android:paddingEnd="16dp"
       android:paddingBottom="20dp"
       android:text="@string/developer_options_event_logs"
-      android:textColor="@color/component_color_developer_options_activity_menu_options_text_color"
+      android:textColor="@color/component_color_shared_primary_dark_text_color"
       app:layout_constraintBottom_toBottomOf="parent"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"

app/src/main/res/layout/force_network_type_fragment.xml

@@ -13,7 +13,7 @@
     android:id="@+id/force_network_type_fragment_container"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/color_def_white">
+    android:background="@color/component_color_shared_screen_primary_background_color">
 
     <com.google.android.material.appbar.AppBarLayout
       android:id="@+id/force_network_type_app_bar_layout"
@@ -28,15 +28,14 @@
         android:id="@+id/force_network_type_toolbar"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:background="@color/oppia_primary"
+        android:background="@color/component_color_shared_activity_toolbar_color"
         android:minHeight="?attr/actionBarSize"
         android:textSize="20sp"
         app:navigationContentDescription="@string/navigate_up"
         app:navigationIcon="?attr/homeAsUpIndicator"
         app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
         app:title="@string/developer_options_force_network_type"
-        app:titleTextAppearance="@style/ToolbarTextAppearance"
-        app:titleTextColor="@color/color_def_white" />
+        app:titleTextAppearance="@style/ToolbarTextAppearance" />
     </com.google.android.material.appbar.AppBarLayout>
 
     <FrameLayout
@@ -52,7 +51,7 @@
         list="@{viewModel.networkTypeList}"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:background="@color/component_color_force_network_type_activity_background_color"
+        android:background="@color/component_color_shared_screen_tertiary_background_color"
         android:clipToPadding="false"
         android:overScrollMode="never"
         android:paddingBottom="40dp"