Change secondary color
This commit is contained in:
@@ -8,5 +8,5 @@
|
|||||||
<color name="colorPrimaryDark">#000D19</color>
|
<color name="colorPrimaryDark">#000D19</color>
|
||||||
|
|
||||||
<!-- a secondary color for controls like checkboxes and text fields -->
|
<!-- a secondary color for controls like checkboxes and text fields -->
|
||||||
<color name="colorAccent">#351c4d</color>
|
<color name="colorAccent">#4FAFA7</color>
|
||||||
</resources>
|
</resources>
|
||||||
+12
-4
@@ -1,7 +1,7 @@
|
|||||||
import { StyleSheet } from 'react-native'
|
import { StyleSheet } from 'react-native'
|
||||||
|
|
||||||
export const primaryColor = '#000D19'
|
export const primaryColor = '#000D19'
|
||||||
export const secondaryColor = '#351c4d'
|
export const secondaryColor = '#4FAFA7'
|
||||||
export const secondaryColorLight = '#91749d'
|
export const secondaryColorLight = '#91749d'
|
||||||
export const fontOnPrimaryColor = 'white'
|
export const fontOnPrimaryColor = 'white'
|
||||||
export const shadesOfRed = [
|
export const shadesOfRed = [
|
||||||
@@ -11,13 +11,20 @@ export const shadesOfRed = [
|
|||||||
'#c3000d'
|
'#c3000d'
|
||||||
] // light to dark
|
] // light to dark
|
||||||
|
|
||||||
|
const fontRegular = 'Prompt-Light'
|
||||||
|
const fontLight = 'Prompt-Thin'
|
||||||
|
|
||||||
|
const regularSize = 16
|
||||||
|
|
||||||
const defaultBottomMargin = 5
|
const defaultBottomMargin = 5
|
||||||
const defaultIndentation = 10
|
const defaultIndentation = 10
|
||||||
const defaultTopMargin = 10
|
const defaultTopMargin = 10
|
||||||
|
|
||||||
export default StyleSheet.create({
|
export default StyleSheet.create({
|
||||||
appText: {
|
appText: {
|
||||||
color: 'black'
|
color: 'black',
|
||||||
|
fontFamily: fontRegular,
|
||||||
|
fontSize: regularSize
|
||||||
},
|
},
|
||||||
paragraph: {
|
paragraph: {
|
||||||
marginBottom: defaultBottomMargin
|
marginBottom: defaultBottomMargin
|
||||||
@@ -43,7 +50,7 @@ export default StyleSheet.create({
|
|||||||
},
|
},
|
||||||
dateHeader: {
|
dateHeader: {
|
||||||
fontSize: 30,
|
fontSize: 30,
|
||||||
fontFamily: 'Prompt-Thin',
|
fontFamily: fontLight,
|
||||||
color: fontOnPrimaryColor,
|
color: fontOnPrimaryColor,
|
||||||
textAlign: 'center',
|
textAlign: 'center',
|
||||||
},
|
},
|
||||||
@@ -128,7 +135,8 @@ export default StyleSheet.create({
|
|||||||
paddingVertical: 15
|
paddingVertical: 15
|
||||||
},
|
},
|
||||||
menuText: {
|
menuText: {
|
||||||
color: fontOnPrimaryColor
|
color: fontOnPrimaryColor,
|
||||||
|
fontFamily: fontLight
|
||||||
},
|
},
|
||||||
menuTextInActive: {
|
menuTextInActive: {
|
||||||
color: 'lightgrey'
|
color: 'lightgrey'
|
||||||
|
|||||||
Reference in New Issue
Block a user