diff --git a/app/src/main/res/layout-sw600dp-land/faq_list_fragment.xml b/app/src/main/res/layout-sw600dp-land/faq_list_fragment.xml
index 4207dfc9fa6..3b047bd601d 100644
--- a/app/src/main/res/layout-sw600dp-land/faq_list_fragment.xml
+++ b/app/src/main/res/layout-sw600dp-land/faq_list_fragment.xml
@@ -12,14 +12,14 @@
   <FrameLayout
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/general_navigation_background">
+    android:background="@color/component_color_faq_list_activity_background_color">
 
     <androidx.recyclerview.widget.RecyclerView
       android:id="@+id/faq_fragment_recycler_view"
       android:layout_width="560dp"
       android:layout_height="match_parent"
       android:layout_gravity="center_horizontal"
-      android:background="@color/color_def_white"
+      android:background="@color/component_color_faq_list_activity_container_background_color"
       android:clipToPadding="false"
       android:overScrollMode="never"
       android:paddingBottom="@dimen/faq_list_padding_bottom"
diff --git a/app/src/main/res/layout-sw600dp-land/faq_single_activity.xml b/app/src/main/res/layout-sw600dp-land/faq_single_activity.xml
index c328e4bbd41..43e9dddbb6d 100644
--- a/app/src/main/res/layout-sw600dp-land/faq_single_activity.xml
+++ b/app/src/main/res/layout-sw600dp-land/faq_single_activity.xml
@@ -5,7 +5,7 @@
   <androidx.constraintlayout.widget.ConstraintLayout
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/color_def_white">
+    android:background="@color/component_color_faq_single_activity_container_background_color">
 
     <com.google.android.material.appbar.AppBarLayout
       android:id="@+id/faq_single_app_bar_layout"
@@ -20,7 +20,7 @@
         android:id="@+id/faq_single_activity_toolbar"
         android:layout_width="match_parent"
         android:layout_height="?attr/actionBarSize"
-        android:background="?attr/colorPrimary"
+        android:background="@color/component_color_faq_single_activity_toolbar_color"
         android:fontFamily="sans-serif"
         android:minHeight="?attr/actionBarSize"
         app:navigationContentDescription="@string/navigate_up"
@@ -32,7 +32,7 @@
     <FrameLayout
       android:layout_width="0dp"
       android:layout_height="0dp"
-      android:background="@color/general_navigation_background"
+      android:background="@color/component_color_faq_single_activity_background_color"
       app:layout_constraintBottom_toBottomOf="parent"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"
@@ -42,7 +42,7 @@
         android:layout_width="560dp"
         android:layout_height="match_parent"
         android:layout_gravity="center_horizontal"
-        android:background="@color/oppia_grey_background"
+        android:background="@color/component_color_faq_single_activity_background_color"
         android:clipToPadding="false"
         android:fillViewport="true"
         android:overScrollMode="never"
@@ -51,7 +51,7 @@
         <LinearLayout
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
-          android:background="@color/color_def_white"
+          android:background="@color/component_color_faq_list_activity_container_background_color"
           android:orientation="vertical"
           android:paddingStart="@dimen/faq_single_padding_start"
           android:paddingTop="@dimen/faq_single_padding_top"
@@ -64,7 +64,7 @@
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:fontFamily="sans-serif-medium"
-            android:textColor="@color/oppia_primary_text"
+            android:textColor="@color/component_color_faq_single_activity_text_color"
             android:textSize="18sp" />
 
           <TextView
@@ -74,7 +74,7 @@
             android:layout_height="wrap_content"
             android:layout_marginTop="24dp"
             android:fontFamily="sans-serif"
-            android:textColor="@color/oppia_primary_text"
+            android:textColor="@color/component_color_faq_single_activity_text_color"
             android:textSize="16sp" />
         </LinearLayout>
       </ScrollView>
diff --git a/app/src/main/res/layout-sw600dp/help_activity.xml b/app/src/main/res/layout-sw600dp/help_activity.xml
index 8e0d2f9f112..138ca72a248 100644
--- a/app/src/main/res/layout-sw600dp/help_activity.xml
+++ b/app/src/main/res/layout-sw600dp/help_activity.xml
@@ -17,7 +17,7 @@
     <androidx.constraintlayout.widget.ConstraintLayout
       android:layout_width="match_parent"
       android:layout_height="match_parent"
-      android:background="@color/oppia_grey_background">
+      android:background="@color/component_color_help_activity_background_color">
 
       <FrameLayout
         android:id="@+id/help_fragment_placeholder"
@@ -34,7 +34,7 @@
         android:layout_height="48dp"
         android:layout_marginStart="12dp"
         android:layout_marginTop="12dp"
-        android:background="@color/oppia_grey_background"
+        android:background="@color/component_color_help_activity_background_color"
         android:contentDescription="@string/help_activity_back_arrow_description"
         android:padding="12dp"
         app:srcCompat="@drawable/ic_arrow_back_black_24_dp"
diff --git a/app/src/main/res/layout/faq_content.xml b/app/src/main/res/layout/faq_content.xml
index 0c24e514fd3..fb707e5e6aa 100644
--- a/app/src/main/res/layout/faq_content.xml
+++ b/app/src/main/res/layout/faq_content.xml
@@ -14,7 +14,7 @@
   <androidx.constraintlayout.widget.ConstraintLayout
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:background="@color/color_def_white">
+    android:background="@color/component_color_faq_list_activity_container_background_color">
 
     <LinearLayout
       android:layout_width="match_parent"
@@ -35,7 +35,7 @@
         android:paddingTop="16dp"
         android:paddingBottom="16dp"
         android:text="@{viewModel.question}"
-        android:textColor="@color/oppia_primary_text"
+        android:textColor="@color/component_color_faq_list_activity_text_color"
         android:textSize="14sp" />
 
       <View
@@ -44,7 +44,7 @@
         android:layout_height="1dp"
         android:layout_marginStart="@dimen/faq_content_margin_start"
         android:layout_marginEnd="@dimen/faq_content_margin_end"
-        android:background="@color/oppia_faq_divider" />
+        android:background="@color/component_color_faq_list_activity_divider_color" />
     </LinearLayout>
   </androidx.constraintlayout.widget.ConstraintLayout>
 </layout>
diff --git a/app/src/main/res/layout/faq_item_header.xml b/app/src/main/res/layout/faq_item_header.xml
index adfc482b355..44fdb1c1a46 100644
--- a/app/src/main/res/layout/faq_item_header.xml
+++ b/app/src/main/res/layout/faq_item_header.xml
@@ -12,7 +12,7 @@
   <androidx.constraintlayout.widget.ConstraintLayout
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:background="@color/color_def_white">
+    android:background="@color/component_color_faq_list_activity_container_background_color">
 
     <LinearLayout
       android:layout_width="match_parent"
@@ -32,7 +32,7 @@
         android:layout_marginEnd="@dimen/faq_item_header_margin_end"
         android:layout_marginBottom="@dimen/faq_item_header_margin_bottom"
         android:text="@string/featured_questions"
-        android:textColor="@color/oppia_primary_text"
+        android:textColor="@color/component_color_faq_list_activity_text_color"
         android:textSize="18sp" />
     </LinearLayout>
   </androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/faq_list_activity.xml b/app/src/main/res/layout/faq_list_activity.xml
index abe8bdc78e1..765b95a99e7 100644
--- a/app/src/main/res/layout/faq_list_activity.xml
+++ b/app/src/main/res/layout/faq_list_activity.xml
@@ -18,7 +18,7 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_gravity="end"
-        android:background="@color/oppia_primary"
+        android:background="@color/component_color_faq_list_activity_toolbar_color"
         android:minHeight="?attr/actionBarSize"
         android:theme="@style/Widget.AppCompat.ActionBar"
         app:titleTextAppearance="@style/ToolbarTextAppearance"
diff --git a/app/src/main/res/layout/faq_list_fragment.xml b/app/src/main/res/layout/faq_list_fragment.xml
index 7209360b9b5..188fc70cfab 100644
--- a/app/src/main/res/layout/faq_list_fragment.xml
+++ b/app/src/main/res/layout/faq_list_fragment.xml
@@ -12,7 +12,7 @@
   <androidx.core.widget.NestedScrollView
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/general_navigation_background"
+    android:background="@color/component_color_faq_list_activity_background_color"
     android:clipToPadding="false"
     android:overScrollMode="never"
     android:paddingBottom="@dimen/faq_list_scroll_padding_bottom"
@@ -22,7 +22,7 @@
       android:id="@+id/faq_fragment_recycler_view"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
-      android:background="@color/color_def_white"
+      android:background="@color/component_color_faq_list_activity_container_background_color"
       android:clipToPadding="false"
       android:nestedScrollingEnabled="false"
       android:paddingBottom="@dimen/faq_list_padding_bottom"
diff --git a/app/src/main/res/layout/faq_single_activity.xml b/app/src/main/res/layout/faq_single_activity.xml
index 78626e394eb..76371a3dc8a 100644
--- a/app/src/main/res/layout/faq_single_activity.xml
+++ b/app/src/main/res/layout/faq_single_activity.xml
@@ -5,7 +5,7 @@
   <androidx.constraintlayout.widget.ConstraintLayout
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/color_def_white">
+    android:background="@color/component_color_faq_single_activity_container_background_color">
 
     <com.google.android.material.appbar.AppBarLayout
       android:id="@+id/faq_single_app_bar_layout"
@@ -20,7 +20,7 @@
         android:id="@+id/faq_single_activity_toolbar"
         android:layout_width="match_parent"
         android:layout_height="?attr/actionBarSize"
-        android:background="?attr/colorPrimary"
+        android:background="@color/component_color_faq_single_activity_toolbar_color"
         android:fontFamily="sans-serif"
         android:minHeight="?attr/actionBarSize"
         app:navigationContentDescription="@string/navigate_up"
@@ -40,7 +40,7 @@
       <ScrollView
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:background="@color/oppia_grey_background"
+        android:background="@color/component_color_faq_single_activity_background_color"
         android:clipToPadding="false"
         android:overScrollMode="never"
         android:paddingBottom="@dimen/faq_single_activity_scroll_padding_bottom"
@@ -49,7 +49,7 @@
         <LinearLayout
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
-          android:background="@color/color_def_white"
+          android:background="@color/component_color_faq_single_activity_container_background_color"
           android:orientation="vertical"
           android:paddingStart="@dimen/faq_single_padding_start"
           android:paddingTop="@dimen/faq_single_padding_top"
@@ -62,7 +62,7 @@
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:fontFamily="sans-serif-medium"
-            android:textColor="@color/oppia_primary_text"
+            android:textColor="@color/component_color_faq_single_activity_text_color"
             android:textSize="18sp" />
 
           <TextView
@@ -72,7 +72,7 @@
             android:layout_height="wrap_content"
             android:layout_marginTop="24dp"
             android:fontFamily="sans-serif"
-            android:textColor="@color/oppia_primary_text"
+            android:textColor="@color/component_color_faq_single_activity_text_color"
             android:textSize="16sp" />
         </LinearLayout>
       </ScrollView>
diff --git a/app/src/main/res/layout/help_activity.xml b/app/src/main/res/layout/help_activity.xml
index 8b009129c83..63d79275be0 100644
--- a/app/src/main/res/layout/help_activity.xml
+++ b/app/src/main/res/layout/help_activity.xml
@@ -22,7 +22,7 @@
         android:id="@+id/help_fragment_placeholder"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:background="@color/oppia_grey_background" />
+        android:background="@color/component_color_help_activity_background_color" />
 
       <View
         android:id="@+id/help_activity_toolbar_shadow_view"
diff --git a/app/src/main/res/layout/help_item.xml b/app/src/main/res/layout/help_item.xml
index a1698be3648..a8663c485c8 100644
--- a/app/src/main/res/layout/help_item.xml
+++ b/app/src/main/res/layout/help_item.xml
@@ -13,7 +13,7 @@
     android:id="@+id/help_item_text_view"
     style="@style/Subtitle1ViewStart"
     android:layout_width="match_parent"
-    android:background="@drawable/general_item_background_border"
+    android:background="@drawable/general_item_border"
     android:onClick="@{() -> viewModel.onClick(viewModel.title)}"
     android:paddingStart="16dp"
     android:paddingTop="20dp"
diff --git a/app/src/main/res/layout/help_without_drawer_activity.xml b/app/src/main/res/layout/help_without_drawer_activity.xml
index 1e837c922d3..545435f6bbc 100644
--- a/app/src/main/res/layout/help_without_drawer_activity.xml
+++ b/app/src/main/res/layout/help_without_drawer_activity.xml
@@ -20,7 +20,7 @@
         android:id="@+id/help_fragment_placeholder"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:background="@color/oppia_grey_background" />
+        android:background="@color/component_color_help_activity_background_color" />
 
       <View
         android:id="@+id/help_activity_toolbar_shadow_view"
diff --git a/app/src/main/res/values/color_defs.xml b/app/src/main/res/values/color_defs.xml
index 9faae318d40..6993170e784 100644
--- a/app/src/main/res/values/color_defs.xml
+++ b/app/src/main/res/values/color_defs.xml
@@ -41,7 +41,6 @@
   <color name="color_def_bright_grey">#E4F2F1</color>
   <color name="color_def_forest_green">#035D63</color>
   <color name="color_def_bright_turquoise">#663BD1C4</color>
-  <color name="color_def_dark_silver">#707070</color>
   <color name="color_def_oppia_silver">#C4C4C4</color>
   <color name="color_def_oppia_turquoise">#3bd1c4</color>
   <color name="color_def_oppia_bangladesh_green">#03635B</color>
@@ -50,4 +49,5 @@
   <color name="color_def_oppia_dark_grey">#4D4D4D</color>
   <color name="color_def_oppia_pink">#FF938F</color>
   <color name="color_def_oppia_grayish_black">#32363B</color>
+  <color name="color_def_dark_silver">#707070</color>
 </resources>
diff --git a/app/src/main/res/values/component_colors.xml b/app/src/main/res/values/component_colors.xml
index c9f0cb34b35..f6fe9c0e5fd 100644
--- a/app/src/main/res/values/component_colors.xml
+++ b/app/src/main/res/values/component_colors.xml
@@ -36,6 +36,21 @@
   <color name="component_color_admin_pin_activity_layout_background_color">@color/color_palette_background_color</color>
   <!-- Pin Password Activity -->
   <color name="component_color_pin_password_activity_layout_background_color">@color/color_palette_background_color</color>
+  <!-- Help Activity -->
+  <color name="component_color_help_activity_background_color">@color/color_palette_dark_background_color</color>
+  <color name="component_color_help_activity_container_color">@color/color_palette_container_background_color</color>
+  <!-- FAQ List Activity -->
+  <color name="component_color_faq_list_activity_background_color">@color/color_palette_dark_background_color</color>
+  <color name="component_color_faq_list_activity_text_color">@color/color_palette_dark_text_color</color>
+  <color name="component_color_faq_list_activity_container_background_color">@color/color_palette_container_background_color</color>
+  <color name="component_color_faq_list_activity_toolbar_color">@color/color_palette_toolbar_color</color>
+  <color name="component_color_faq_list_activity_divider_color">@color/color_palette_divider_color</color>
+  <!-- FAQ Single Activity -->
+  <color name="component_color_faq_single_activity_background_color">@color/color_palette_dark_background_color</color>
+  <color name="component_color_faq_single_activity_text_color">@color/color_palette_dark_text_color</color>
+  <color name="component_color_faq_single_activity_container_background_color">@color/color_palette_container_background_color</color>
+  <color name="component_color_faq_single_activity_toolbar_color">@color/color_palette_toolbar_color</color>
+  <color name="component_color_faq_single_activity_divider_color">@color/color_palette_divider_color</color>
   <!-- Profile and Device ID Activity -->
   <color name="component_color_profile_and_device_id_activity_primary_text_color">@color/color_palette_primary_text_color</color>
   <color name="component_color_profile_and_device_id_activity_enabled_icon_button_color">@color/color_palette_primary_text_color</color>