Design notice #4: border around sync code and Roboto Mono font

brave · Jun 20, 2024 · 5558416 · 5558416
1 parent f8a4729
commit 5558416
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 4 deletions.
diff --git a/android/brave_java_resources.gni b/android/brave_java_resources.gni
@@ -748,6 +748,7 @@ brave_java_resources = [
   "java/res/drawable/warning_circle_filled.xml",
   "java/res/drawable/web_notification_small_icon_background.xml",
   "java/res/drawable/white_rounded_holo_button_thin.xml",
+  "java/res/font/roboto_mono_regular.ttf",
   "java/res/layout-land/brave_shields_stats_row.xml",
   "java/res/layout-sw600dp-land/brave_shields_stats_row.xml",
   "java/res/layout-sw600dp/brave_rewards_tippingpanel_fragment.xml",

diff --git a/android/java/res/drawable/brave_sync_top_rounded.xml b/android/java/res/drawable/brave_sync_top_rounded.xml
@@ -7,9 +7,9 @@
 
 <shape xmlns:android="http://schemas.android.com/apk/res/android">
 
-    <solid android:color="@color/brave_sync_bg_secondary_color" />
+    <solid android:color="@color/container_background" />
 
-    <stroke android:width="1dp" android:color="@android:color/transparent" />
+    <stroke android:width="1dp" android:color="@color/divider_subtle" />
 
     <corners android:radius="15dp"/>
 

diff --git a/android/java/res/font/roboto_mono_regular.ttf b/android/java/res/font/roboto_mono_regular.ttf
diff --git a/android/java/res/layout/brave_sync_add_laptop.xml b/android/java/res/layout/brave_sync_add_laptop.xml
@@ -51,8 +51,8 @@
                 android:gravity="start|top"
                 android:textSize="18sp"
                 android:background="@drawable/brave_sync_top_rounded"
-                android:paddingStart="15dip"
-                android:paddingEnd="15dip" />
+                android:padding="16dip"
+                android:fontFamily="@font/roboto_mono_regular" />
         </FrameLayout>
 
         <androidx.fragment.app.FragmentContainerView

diff --git a/android/java/res/values/brave_colors.xml b/android/java/res/values/brave_colors.xml
@@ -98,6 +98,7 @@
     <color name="systemfeedback_info_icon">#0061aa</color>
     <color name="systemfeedback_info_text">#0061aa</color>
     <color name="text_interactive">#3f39e8</color>
+    <color name="container_background">#ffffff</color>
 
     <!-- Sync colors -->
     <color name="brave_sync_bg_color">@android:color/transparent</color>