Add accent circle

components/header.js

@@ -34,6 +34,7 @@ export default class Header extends Component {
         </View >
         :
         <View style={styles.header}>
+          <View style={styles.accentCircle} />
           <Text style={styles.dateHeader}>
             {this.props.title}
           </Text>

styles/index.js

@@ -54,6 +54,14 @@ export default StyleSheet.create({
     color: fontOnPrimaryColor,
     textAlign: 'center',
   },
+  accentCircle: {
+    borderColor: secondaryColor,
+    borderWidth: 2,
+    width: 50,
+    height: 50,
+    borderRadius: 100,
+    position: 'absolute'
+  },
   cycleDayNumber: {
     fontSize: 15,
     color: fontOnPrimaryColor,