added Fonts
parent
6a6daadc0a
commit
8a99bd880a
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -0,0 +1,45 @@
|
|||
{
|
||||
"migIndex": 1,
|
||||
"data": [
|
||||
{
|
||||
"path": "assets/fonts/Outfit-Black.ttf",
|
||||
"sha1": "acf16819309cc0e21abd72b4cdd932df559e9f9e"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-Bold.ttf",
|
||||
"sha1": "dff38f4c216b9145d9dd284a78fce52e057e2194"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-ExtraBold.ttf",
|
||||
"sha1": "5b76ce82ddcc48b5339e047a7aef88ce0a334941"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-ExtraLight.ttf",
|
||||
"sha1": "0cf062c845e7734b0e75361bf342e98912f570b1"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-Light.ttf",
|
||||
"sha1": "7dd71083d22da6d08dd0d6af6759109776f0b3f5"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-Medium.ttf",
|
||||
"sha1": "86e6867ae0aba1eb8aa4bda25d2fe0a5ca02bee8"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-Regular.ttf",
|
||||
"sha1": "bcb85df11636ccfe003e92f12515c29c3be865f5"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-SemiBold.ttf",
|
||||
"sha1": "21ab97de1536d82672bf6fec078814506cdf9d28"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-Thin.ttf",
|
||||
"sha1": "7c18fa1287a9fe229f649ad4dfaa916bc1873ce3"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-VariableFont_wght.ttf",
|
||||
"sha1": "c6f27b9debf80ecaf0ac866b0edc25519825730a"
|
||||
}
|
||||
]
|
||||
}
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -14,6 +14,16 @@
|
|||
13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
|
||||
7699B88040F8A987B510C191 /* libPods-ClickAndJoinApp-ClickAndJoinAppTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 19F6CBCC0A4E27FBF8BF4A61 /* libPods-ClickAndJoinApp-ClickAndJoinAppTests.a */; };
|
||||
81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
|
||||
F878AA5D84F446FDA77E9C7C /* Outfit-Black.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 2DA104EA514740E99BCA277D /* Outfit-Black.ttf */; };
|
||||
D9C0040DE5504D25895DF2B8 /* Outfit-Bold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 2CC48D5BE0F145A789CAF3FF /* Outfit-Bold.ttf */; };
|
||||
E6E5FA6961064F04BC04FCC2 /* Outfit-ExtraBold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = CDABDD2028994CF28CC30C60 /* Outfit-ExtraBold.ttf */; };
|
||||
AA43A553680043BD8B0F6714 /* Outfit-ExtraLight.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 0458C67EB5374008A9D974B9 /* Outfit-ExtraLight.ttf */; };
|
||||
2B050A6D350E4DCA9D332391 /* Outfit-Light.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 09A861D15B75418DB6E8EB20 /* Outfit-Light.ttf */; };
|
||||
78D717B2D44940108555A617 /* Outfit-Medium.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 373A2D9BDECE47A2ACC61F3B /* Outfit-Medium.ttf */; };
|
||||
EFDDDEC09F5F49A5B96AA6B6 /* Outfit-Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = BF83033F333E405A86BEEC40 /* Outfit-Regular.ttf */; };
|
||||
D6BF1756BD454B48AF46F30B /* Outfit-SemiBold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 0E2F197FEE9F406393CD837C /* Outfit-SemiBold.ttf */; };
|
||||
94325E7D0A1D4F978B68DB9D /* Outfit-Thin.ttf in Resources */ = {isa = PBXBuildFile; fileRef = BEA6542B8A3949AD85AAA182 /* Outfit-Thin.ttf */; };
|
||||
3E22F7F8820E4139BF9AE875 /* Outfit-VariableFont_wght.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 568E218DD46949F4A41A0C4D /* Outfit-VariableFont_wght.ttf */; };
|
||||
/* End PBXBuildFile section */
|
||||
|
||||
/* Begin PBXContainerItemProxy section */
|
||||
|
@ -44,6 +54,16 @@
|
|||
81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = ClickAndJoinApp/LaunchScreen.storyboard; sourceTree = "<group>"; };
|
||||
89C6BE57DB24E9ADA2F236DE /* Pods-ClickAndJoinApp-ClickAndJoinAppTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ClickAndJoinApp-ClickAndJoinAppTests.release.xcconfig"; path = "Target Support Files/Pods-ClickAndJoinApp-ClickAndJoinAppTests/Pods-ClickAndJoinApp-ClickAndJoinAppTests.release.xcconfig"; sourceTree = "<group>"; };
|
||||
ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
|
||||
2DA104EA514740E99BCA277D /* Outfit-Black.ttf */ = {isa = PBXFileReference; name = "Outfit-Black.ttf"; path = "../assets/fonts/Outfit-Black.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
|
||||
2CC48D5BE0F145A789CAF3FF /* Outfit-Bold.ttf */ = {isa = PBXFileReference; name = "Outfit-Bold.ttf"; path = "../assets/fonts/Outfit-Bold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
|
||||
CDABDD2028994CF28CC30C60 /* Outfit-ExtraBold.ttf */ = {isa = PBXFileReference; name = "Outfit-ExtraBold.ttf"; path = "../assets/fonts/Outfit-ExtraBold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
|
||||
0458C67EB5374008A9D974B9 /* Outfit-ExtraLight.ttf */ = {isa = PBXFileReference; name = "Outfit-ExtraLight.ttf"; path = "../assets/fonts/Outfit-ExtraLight.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
|
||||
09A861D15B75418DB6E8EB20 /* Outfit-Light.ttf */ = {isa = PBXFileReference; name = "Outfit-Light.ttf"; path = "../assets/fonts/Outfit-Light.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
|
||||
373A2D9BDECE47A2ACC61F3B /* Outfit-Medium.ttf */ = {isa = PBXFileReference; name = "Outfit-Medium.ttf"; path = "../assets/fonts/Outfit-Medium.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
|
||||
BF83033F333E405A86BEEC40 /* Outfit-Regular.ttf */ = {isa = PBXFileReference; name = "Outfit-Regular.ttf"; path = "../assets/fonts/Outfit-Regular.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
|
||||
0E2F197FEE9F406393CD837C /* Outfit-SemiBold.ttf */ = {isa = PBXFileReference; name = "Outfit-SemiBold.ttf"; path = "../assets/fonts/Outfit-SemiBold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
|
||||
BEA6542B8A3949AD85AAA182 /* Outfit-Thin.ttf */ = {isa = PBXFileReference; name = "Outfit-Thin.ttf"; path = "../assets/fonts/Outfit-Thin.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
|
||||
568E218DD46949F4A41A0C4D /* Outfit-VariableFont_wght.ttf */ = {isa = PBXFileReference; name = "Outfit-VariableFont_wght.ttf"; path = "../assets/fonts/Outfit-VariableFont_wght.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
|
||||
/* End PBXFileReference section */
|
||||
|
||||
/* Begin PBXFrameworksBuildPhase section */
|
||||
|
@ -122,6 +142,7 @@
|
|||
83CBBA001A601CBA00E9B192 /* Products */,
|
||||
2D16E6871FA4F8E400B85C8A /* Frameworks */,
|
||||
BBD78D7AC51CEA395F1C20DB /* Pods */,
|
||||
A979B6A2668F4BD99BD1D759 /* Resources */,
|
||||
);
|
||||
indentWidth = 2;
|
||||
sourceTree = "<group>";
|
||||
|
@ -148,6 +169,24 @@
|
|||
path = Pods;
|
||||
sourceTree = "<group>";
|
||||
};
|
||||
A979B6A2668F4BD99BD1D759 /* Resources */ = {
|
||||
isa = "PBXGroup";
|
||||
children = (
|
||||
2DA104EA514740E99BCA277D /* Outfit-Black.ttf */,
|
||||
2CC48D5BE0F145A789CAF3FF /* Outfit-Bold.ttf */,
|
||||
CDABDD2028994CF28CC30C60 /* Outfit-ExtraBold.ttf */,
|
||||
0458C67EB5374008A9D974B9 /* Outfit-ExtraLight.ttf */,
|
||||
09A861D15B75418DB6E8EB20 /* Outfit-Light.ttf */,
|
||||
373A2D9BDECE47A2ACC61F3B /* Outfit-Medium.ttf */,
|
||||
BF83033F333E405A86BEEC40 /* Outfit-Regular.ttf */,
|
||||
0E2F197FEE9F406393CD837C /* Outfit-SemiBold.ttf */,
|
||||
BEA6542B8A3949AD85AAA182 /* Outfit-Thin.ttf */,
|
||||
568E218DD46949F4A41A0C4D /* Outfit-VariableFont_wght.ttf */,
|
||||
);
|
||||
name = Resources;
|
||||
sourceTree = "<group>";
|
||||
path = "";
|
||||
};
|
||||
/* End PBXGroup section */
|
||||
|
||||
/* Begin PBXNativeTarget section */
|
||||
|
@ -244,6 +283,16 @@
|
|||
files = (
|
||||
81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
|
||||
13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
|
||||
F878AA5D84F446FDA77E9C7C /* Outfit-Black.ttf in Resources */,
|
||||
D9C0040DE5504D25895DF2B8 /* Outfit-Bold.ttf in Resources */,
|
||||
E6E5FA6961064F04BC04FCC2 /* Outfit-ExtraBold.ttf in Resources */,
|
||||
AA43A553680043BD8B0F6714 /* Outfit-ExtraLight.ttf in Resources */,
|
||||
2B050A6D350E4DCA9D332391 /* Outfit-Light.ttf in Resources */,
|
||||
78D717B2D44940108555A617 /* Outfit-Medium.ttf in Resources */,
|
||||
EFDDDEC09F5F49A5B96AA6B6 /* Outfit-Regular.ttf in Resources */,
|
||||
D6BF1756BD454B48AF46F30B /* Outfit-SemiBold.ttf in Resources */,
|
||||
94325E7D0A1D4F978B68DB9D /* Outfit-Thin.ttf in Resources */,
|
||||
3E22F7F8820E4139BF9AE875 /* Outfit-VariableFont_wght.ttf in Resources */,
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
};
|
||||
|
|
|
@ -36,7 +36,7 @@
|
|||
</dict>
|
||||
</dict>
|
||||
<key>NSLocationWhenInUseUsageDescription</key>
|
||||
<string></string>
|
||||
<string/>
|
||||
<key>UILaunchStoryboardName</key>
|
||||
<string>LaunchScreen</string>
|
||||
<key>UIRequiredDeviceCapabilities</key>
|
||||
|
@ -51,5 +51,18 @@
|
|||
</array>
|
||||
<key>UIViewControllerBasedStatusBarAppearance</key>
|
||||
<false/>
|
||||
<key>UIAppFonts</key>
|
||||
<array>
|
||||
<string>Outfit-Black.ttf</string>
|
||||
<string>Outfit-Bold.ttf</string>
|
||||
<string>Outfit-ExtraBold.ttf</string>
|
||||
<string>Outfit-ExtraLight.ttf</string>
|
||||
<string>Outfit-Light.ttf</string>
|
||||
<string>Outfit-Medium.ttf</string>
|
||||
<string>Outfit-Regular.ttf</string>
|
||||
<string>Outfit-SemiBold.ttf</string>
|
||||
<string>Outfit-Thin.ttf</string>
|
||||
<string>Outfit-VariableFont_wght.ttf</string>
|
||||
</array>
|
||||
</dict>
|
||||
</plist>
|
||||
|
|
|
@ -0,0 +1,45 @@
|
|||
{
|
||||
"migIndex": 1,
|
||||
"data": [
|
||||
{
|
||||
"path": "assets/fonts/Outfit-Black.ttf",
|
||||
"sha1": "acf16819309cc0e21abd72b4cdd932df559e9f9e"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-Bold.ttf",
|
||||
"sha1": "dff38f4c216b9145d9dd284a78fce52e057e2194"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-ExtraBold.ttf",
|
||||
"sha1": "5b76ce82ddcc48b5339e047a7aef88ce0a334941"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-ExtraLight.ttf",
|
||||
"sha1": "0cf062c845e7734b0e75361bf342e98912f570b1"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-Light.ttf",
|
||||
"sha1": "7dd71083d22da6d08dd0d6af6759109776f0b3f5"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-Medium.ttf",
|
||||
"sha1": "86e6867ae0aba1eb8aa4bda25d2fe0a5ca02bee8"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-Regular.ttf",
|
||||
"sha1": "bcb85df11636ccfe003e92f12515c29c3be865f5"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-SemiBold.ttf",
|
||||
"sha1": "21ab97de1536d82672bf6fec078814506cdf9d28"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-Thin.ttf",
|
||||
"sha1": "7c18fa1287a9fe229f649ad4dfaa916bc1873ce3"
|
||||
},
|
||||
{
|
||||
"path": "assets/fonts/Outfit-VariableFont_wght.ttf",
|
||||
"sha1": "c6f27b9debf80ecaf0ac866b0edc25519825730a"
|
||||
}
|
||||
]
|
||||
}
|
|
@ -0,0 +1,7 @@
|
|||
module.exports = {
|
||||
project: {
|
||||
ios: {},
|
||||
android: {}
|
||||
},
|
||||
assets: ['./assets/fonts']
|
||||
};
|
|
@ -26,7 +26,9 @@ const App = () => {
|
|||
<NativeBaseProvider theme={theme}>
|
||||
<StatusBar backgroundColor="transparent" translucent={true} />
|
||||
<Box safeArea>
|
||||
<Text> ma boyy :--)))</Text>
|
||||
<Text style={{fontFamily: 'Outfit-Bold', color: '#f00'}}>
|
||||
ma boyy :--)))
|
||||
</Text>
|
||||
</Box>
|
||||
<Box alignItems="center">
|
||||
<Input shadow={2} placeholder="Enter your name" />
|
||||
|
|
|
@ -1,27 +1,81 @@
|
|||
import { extendTheme } from 'native-base';
|
||||
|
||||
export const theme = extendTheme({
|
||||
colors: {
|
||||
// Add new color
|
||||
primary: {
|
||||
50: '#E3F2F9',
|
||||
100: '#C5E4F3',
|
||||
200: '#A2D4EC',
|
||||
300: '#7AC1E4',
|
||||
400: '#47A9DA',
|
||||
500: '#0088CC',
|
||||
600: '#007AB8',
|
||||
700: '#006BA1',
|
||||
800: '#005885',
|
||||
900: '#003F5E',
|
||||
},
|
||||
// Redefining only one shade, rest of the color will remain same.
|
||||
amber: {
|
||||
400: '#d97706',
|
||||
fonts: {
|
||||
header: 'Outfit-Bold',
|
||||
medium: 'Outfit-Bold',
|
||||
regular: 'Outfit-Bold',
|
||||
semibold: 'Outfit-Bold',
|
||||
},
|
||||
colors: {
|
||||
black: {
|
||||
100: '#C4C4C4',
|
||||
200: '#7C7C7C',
|
||||
300: '#292929',
|
||||
800: '#181725',
|
||||
},
|
||||
green: {
|
||||
300: '#53B175',
|
||||
},
|
||||
primary: {
|
||||
50: '#E3F2F9',
|
||||
100: '#C5E4F3',
|
||||
200: '#A2D4EC',
|
||||
300: '#7AC1E4',
|
||||
400: '#47A9DA',
|
||||
500: '#0088CC',
|
||||
600: '#007AB8',
|
||||
700: '#006BA1',
|
||||
800: '#005885',
|
||||
900: '#003F5E',
|
||||
},
|
||||
amber: {
|
||||
400: '#d97706',
|
||||
},
|
||||
},
|
||||
components: {
|
||||
Divider: {
|
||||
baseStyle: ({colorMode}) => {
|
||||
return {
|
||||
backgroundColor: colorMode === 'dark' ? 'black.100' : 'black.200',
|
||||
};
|
||||
},
|
||||
},
|
||||
config: {
|
||||
// Changing initialColorMode to 'dark'
|
||||
initialColorMode: 'dark',
|
||||
Heading: {
|
||||
baseStyle: ({colorMode}) => {
|
||||
return {
|
||||
color: colorMode === 'dark' ? 'black.100' : 'primary.500',
|
||||
};
|
||||
},
|
||||
defaultProps: {
|
||||
size: 'xl',
|
||||
fontFamily: 'MontSemibold',
|
||||
},
|
||||
},
|
||||
});
|
||||
Text: {
|
||||
baseStyle: ({colorMode}) => {
|
||||
return {
|
||||
color: colorMode === 'dark' ? 'black.100' : 'black.300',
|
||||
};
|
||||
},
|
||||
defaultProps: {
|
||||
size: 'md',
|
||||
fontFamily: 'MontRegular',
|
||||
},
|
||||
sizes: {
|
||||
xl: {
|
||||
fontSize: '64px',
|
||||
},
|
||||
lg: {
|
||||
fontSize: '32px',
|
||||
},
|
||||
md: {
|
||||
fontSize: '16px',
|
||||
},
|
||||
sm: {
|
||||
fontSize: '12px',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
|
@ -0,0 +1,7 @@
|
|||
declare module '*.png' {
|
||||
import { ImageSourcePropType } from 'react-native'
|
||||
|
||||
const content: ImageSourcePropType
|
||||
|
||||
export default content
|
||||
}
|
|
@ -0,0 +1,8 @@
|
|||
declare module '*.svg' {
|
||||
import React from 'react'
|
||||
import { SvgProps } from 'react-native-svg'
|
||||
|
||||
const content: React.FC<SvgProps>
|
||||
|
||||
export default content
|
||||
}
|
|
@ -4,6 +4,14 @@
|
|||
"paths" : {
|
||||
"@caj/*": ["src/caj/*"]
|
||||
},
|
||||
"target": "ESNext"
|
||||
}
|
||||
"target": "ESNext",
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"moduleResolution": "node",
|
||||
"jsx": "react-native"
|
||||
|
||||
},
|
||||
"include": ["**/*.ts", "**/*.tsx", "./src/caj/img/*.png"],
|
||||
"exclude": [
|
||||
"node_modules"
|
||||
]
|
||||
}
|
Loading…
Reference in New Issue