derpin

dist/ratchet.css

@@ -169,7 +169,7 @@ a {
   height: 44px;
   padding: 5px;
   background-color: rgba(247,247,247,.98);
-  border-bottom: 1px solid #adadad;
+  border-bottom: 1px solid rgba(0,0,0,.3);
   box-sizing: border-box;
 }
 
@@ -236,7 +236,7 @@ a {
   bottom: 0;
   height: 50px;
   padding: 0;
-  border-top: 1px solid #adadad;
+  border-top: 1px solid rgba(0,0,0,.3);
   border-bottom-width: 0;
 }
 

lib/css/bars.css

@@ -9,7 +9,7 @@
   height: 44px;
   padding: 5px;
   background-color: rgba(247,247,247,.98);
-  border-bottom: 1px solid #adadad;
+  border-bottom: 1px solid rgba(0,0,0,.3);
   box-sizing: border-box;
 }
 
@@ -76,7 +76,7 @@
   bottom: 0;
   height: 50px;
   padding: 0;
-  border-top: 1px solid #adadad;
+  border-top: 1px solid rgba(0,0,0,.3);
   border-bottom-width: 0;
 }
 

test/components/index.html

@@ -5,7 +5,7 @@
     <title>Testing</title>
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <!-- <meta name="apple-mobile-web-app-status-bar-style" content="black"> -->
     <link rel="stylesheet" href="../../lib/css/base.css">
     <link rel="stylesheet" href="../../lib/css/bars.css">
     <link rel="stylesheet" href="../../lib/css/lists.css">