cambio de ubicacion de color

janis-commerce · Aug 15, 2023 · aceabd6 · aceabd6
1 parent 19a9474
commit aceabd6
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 21 deletions.
diff --git a/src/components/LoadingFullScreen/index.tsx b/src/components/LoadingFullScreen/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import {StyleSheet, Modal, ModalProps, Text, View} from 'react-native';
 import Loading from '../Loading';
 import Svg from '../Svg';
-import {grey} from '../../theme/palette';
+import {grey, white} from '../../theme/palette';
 import {Names} from '../../ts/interfaces/svgs';
 
 interface ILoadingFullScreen extends ModalProps {
@@ -12,6 +12,25 @@ interface ILoadingFullScreen extends ModalProps {
 	spinnerDuration?: number;
 }
 
+const styles = StyleSheet.create({
+	ContainerStyles: {
+		flex: 1,
+		justifyContent: 'center',
+		alignItems: 'center',
+		backgroundColor: white.semiTransparent,
+	},
+	TextStyles: {
+		fontSize: 16,
+		lineHeight: 24,
+		fontFamily: 'Roboto',
+		color: grey[700],
+		textAlign: 'center',
+		fontWeight: '500',
+		width: '50%',
+		marginTop: 25,
+	},
+});
+
 const LoadingFullScreen = ({
 	text,
 	isLoading,
@@ -32,23 +51,4 @@ const LoadingFullScreen = ({
 	);
 };
 
-const styles = StyleSheet.create({
-	ContainerStyles: {
-		flex: 1,
-		justifyContent: 'center',
-		alignItems: 'center',
-		backgroundColor: 'rgba(255, 255, 255, 0.75)',
-	},
-	TextStyles: {
-		fontSize: 16,
-		lineHeight: 24,
-		fontFamily: 'Roboto',
-		color: grey[700],
-		textAlign: 'center',
-		fontWeight: '500',
-		width: '50%',
-		marginTop: 25,
-	},
-});
-
 export default LoadingFullScreen;
diff --git a/src/theme/palette.ts b/src/theme/palette.ts
@@ -24,6 +24,7 @@ const white: White = {
 	main: '#E8EAF6',
 	dark: '#D0D3E3',
 	light: '#F4F5FB',
+	semiTransparent: 'rgba(255, 255, 255, 0.75)',
 };
 const grey: GreyScale = {
 	100: '#DDDFE2',

diff --git a/src/ts/interfaces/colors.ts b/src/ts/interfaces/colors.ts
@@ -27,4 +27,6 @@ export interface Alert extends gamaColor {}
 export interface Primary extends gamaColor {
 	light: string;
 }
-export interface White extends Primary {}
+export interface White extends Primary {
+	semiTransparent: string;
+}