store dna all done
This commit is contained in:
@@ -0,0 +1,87 @@
|
||||
import { Dimensions, Platform } from 'react-native';
|
||||
|
||||
const { width: screenWidth, height: screenHeight } = Dimensions.get('window');
|
||||
|
||||
export const Screen = {
|
||||
screenWidth,
|
||||
screenHeight,
|
||||
isAndroid: Platform.OS === 'android',
|
||||
isIOS: Platform.OS === 'ios',
|
||||
};
|
||||
|
||||
const GlobalTheme = {
|
||||
colors: {
|
||||
// Primary Colors
|
||||
primary: '#113F8C', // Main color for buttons, headers
|
||||
secondary: '#2357C6',
|
||||
lightbluetext:'#7F83AB',
|
||||
text: '#333333', // Text color for most content
|
||||
lightblue:'#E2E7F2',
|
||||
lightblueborder:'#ECECEC',
|
||||
bluebgcolor :'#EAF0F4',
|
||||
|
||||
// Additional Colors
|
||||
success: '#4caf50', // Success or positive action color
|
||||
yellow: '#FFD661', // Warning or alert color
|
||||
error: '#ff5252', // Error or negative action color
|
||||
info: '#2196f3', // Information color
|
||||
|
||||
// Grayscale
|
||||
white: '#ffffff',
|
||||
lightGray: '#F1F1F1',
|
||||
gray: '#676767',
|
||||
darkGray: '#555555',
|
||||
black: '#000000',
|
||||
},
|
||||
typography: {
|
||||
// Define typography styles here (e.g., font family, sizes, line heights, etc.)
|
||||
fontFamily: 'Regular',
|
||||
fontSize: {
|
||||
xxsmall: 12,
|
||||
xsmall :14,
|
||||
small: 16,
|
||||
medium: 18,
|
||||
large: 20,
|
||||
},
|
||||
fontWeight: {
|
||||
regular: '400',
|
||||
medium: '500',
|
||||
bold: '700',
|
||||
},
|
||||
},
|
||||
spacing: {
|
||||
// Define spacing units (e.g., margin and padding) for consistent layout
|
||||
xs: 4,
|
||||
sm: 8,
|
||||
md: 16,
|
||||
lg: 24,
|
||||
xl: 32,
|
||||
},
|
||||
borderRadius: {
|
||||
// Define border radius values for consistent UI elements
|
||||
sm: 5,
|
||||
md: 10,
|
||||
lg: 15,
|
||||
lgg: 20,
|
||||
xlg: 25,
|
||||
xxlg: 35,
|
||||
|
||||
},
|
||||
// Add other global theme properties as needed
|
||||
};
|
||||
|
||||
export default GlobalTheme;
|
||||
|
||||
export const shadow = {
|
||||
shadowColor: '#00000029',
|
||||
shadowOffset: {width: 5, height: 5},
|
||||
shadowOpacity: 0.8,
|
||||
shadowRadius: 10,
|
||||
elevation: 20,
|
||||
};
|
||||
|
||||
export const horizonalLine = {
|
||||
backgroundColor :'#E2E7F2',
|
||||
height:1.5,
|
||||
width: '100%',
|
||||
};
|
||||
Reference in New Issue
Block a user