From 15ad708a9c4fedb45adc359a0c9b309e044eef55 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Wed, 22 Aug 2018 17:44:54 +0200
Subject: [PATCH] Use color variables

---
 components/settings.js | 4 ++--
 styles/index.js        | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/settings.js b/components/settings.js
index 49172db0..7b0d0479 100644
--- a/components/settings.js
+++ b/components/settings.js
@@ -10,7 +10,7 @@ import Slider from '@ptomasroos/react-native-multi-slider'
 import Share from 'react-native-share'
 import { DocumentPicker, DocumentPickerUtil } from 'react-native-document-picker'
 import rnfs from 'react-native-fs'
-import styles from '../styles/index'
+import styles, { secondaryColor } from '../styles/index'
 import config from '../config'
 import { settings as labels } from './labels'
 import getDataAsCsvDataUri from '../lib/import-export/export-to-csv'
@@ -106,7 +106,7 @@ class TempSlider extends Component {
             height:10,
           }}
           markerStyle={{
-            backgroundColor: '#351c4d',
+            backgroundColor: secondaryColor,
             height: 20,
             width: 20,
             borderRadius: 100,
diff --git a/styles/index.js b/styles/index.js
index 2019b9c6..43a55996 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -163,13 +163,13 @@ export default StyleSheet.create({
     fontWeight: 'bold'
   },
   settingsButton: {
-    backgroundColor: '#351c4d',
+    backgroundColor: secondaryColor,
     padding: 10,
     alignItems: 'center',
     margin: 10
   },
   settingsButtonText: {
-    color: 'white'
+    color: fontOnPrimaryColor
   },
   statsRow: {
     flexDirection: 'row',
-- 
GitLab