diff --git a/app/src/main/res/drawable/ic_onboarding_dark_theme.xml b/app/src/main/res/drawable/ic_onboarding_dark_theme.xml
new file mode 100644
index 0000000000..b6d4dbc51c
--- /dev/null
+++ b/app/src/main/res/drawable/ic_onboarding_dark_theme.xml
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/app/src/main/res/drawable/ic_onboarding_light_theme.xml b/app/src/main/res/drawable/ic_onboarding_light_theme.xml
new file mode 100644
index 0000000000..2bc8350aa6
--- /dev/null
+++ b/app/src/main/res/drawable/ic_onboarding_light_theme.xml
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/app/src/main/res/layout/onboarding_theme_picker.xml b/app/src/main/res/layout/onboarding_theme_picker.xml
index cbfe6904c0..322cfe9c5c 100644
--- a/app/src/main/res/layout/onboarding_theme_picker.xml
+++ b/app/src/main/res/layout/onboarding_theme_picker.xml
@@ -52,8 +52,8 @@
android:layout_height="wrap_content"
android:contentDescription="@string/onboarding_theme_light_title"
android:elevation="1dp"
- android:translationX="-7dp"
- android:translationY="-8dp"
+ android:translationX="@dimen/onboarding_dual_pane_radio_button_translation_x"
+ android:translationY="@dimen/onboarding_dual_pane_radio_button_translation_y"
app:layout_constraintStart_toStartOf="@+id/theme_light_image"
app:layout_constraintTop_toTopOf="@+id/theme_light_image"
app:onboardingKey="@string/pref_key_light_theme" />
@@ -64,7 +64,7 @@
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="16dp"
- android:background="@drawable/onboarding_light_theme"
+ android:background="@drawable/ic_onboarding_light_theme"
android:contentDescription="@string/onboarding_theme_light_title"
android:foreground="@drawable/rounded_ripple"
app:layout_constraintEnd_toStartOf="@+id/theme_dark_image"
@@ -78,8 +78,8 @@
android:layout_height="wrap_content"
android:contentDescription="@string/onboarding_theme_dark_title"
android:elevation="1dp"
- android:translationX="-7dp"
- android:translationY="-8dp"
+ android:translationX="@dimen/onboarding_dual_pane_radio_button_translation_x"
+ android:translationY="@dimen/onboarding_dual_pane_radio_button_translation_y"
app:layout_constraintStart_toStartOf="@+id/theme_dark_image"
app:layout_constraintTop_toTopOf="@+id/theme_dark_image"
app:onboardingKey="@string/pref_key_dark_theme" />
@@ -91,7 +91,7 @@
android:layout_marginStart="16dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="16dp"
- android:background="@drawable/onboarding_dark_theme"
+ android:background="@drawable/ic_onboarding_dark_theme"
android:contentDescription="@string/onboarding_theme_dark_title"
android:foreground="@drawable/rounded_ripple"
app:layout_constraintEnd_toEndOf="parent"
diff --git a/app/src/main/res/values-ldrtl/dimens.xml b/app/src/main/res/values-ldrtl/dimens.xml
new file mode 100644
index 0000000000..1d4fc34d0d
--- /dev/null
+++ b/app/src/main/res/values-ldrtl/dimens.xml
@@ -0,0 +1,8 @@
+
+
+
+
+ 7dp
+
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
index 9aa5597e5d..8d2425107e 100644
--- a/app/src/main/res/values/dimens.xml
+++ b/app/src/main/res/values/dimens.xml
@@ -127,4 +127,8 @@
12sp
16dp
+
+ -7dp
+ -8dp
+