Gitea
177 lines
3.8 KiB
JavaScript
177 lines
3.8 KiB
JavaScript
<<<<<<< HEAD
|
|
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',
|
|
|
|
// 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%',
|
|
};
|
|
=======
|
|
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%',
|
|
};
|
|
>>>>>>> dabur-store-dna
|