From 2d52228c1fccf2be010d47f768851e4a200a290d Mon Sep 17 00:00:00 2001
From: Dylan Companjen <info@dylancompanjen.com>
Date: Mon, 3 Sep 2018 08:18:14 +0200
Subject: [PATCH] The row borders should use the color defined in
 theme.dividerColor (#117)

As can be found in the Design Resources https://developer.apple.com/design/resources/
(They are currently too dark)
---
 src/components/RowItem.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/RowItem.js b/src/components/RowItem.js
index 68f00c6e..7e5c89d4 100644
--- a/src/components/RowItem.js
+++ b/src/components/RowItem.js
@@ -74,7 +74,7 @@ class RowItem extends React.Component<Props> {
             backgroundColor: theme.barColor,
             borderTopWidth: first ? StyleSheet.hairlineWidth : 0,
             borderBottomWidth: last ? StyleSheet.hairlineWidth : 0,
-            borderColor: theme.footnoteColor,
+            borderColor: theme.dividerColor,
           },
         ]}
       >
@@ -118,7 +118,7 @@ class RowItem extends React.Component<Props> {
             style={[
               styles.separator,
               {
-                backgroundColor: theme.footnoteColor,
+                backgroundColor: theme.dividerColor,
                 marginLeft: icon ? 54 : 15,
               },
             ]}