Adjust theme in dark mode

charlietango · Feb 26, 2022 · 440a7b3 · 440a7b3
1 parent c290caa
commit 440a7b3
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/screen/LockScreen/LockScreen.tsx b/src/screen/LockScreen/LockScreen.tsx
@@ -4,7 +4,7 @@ import styled from 'styled-components';
 
 const Container = styled(SafeAreaView)`
   flex: 1;
-  background-color: ${({ theme }) => theme.textColorPrimary};
+  background-color: ${({ theme }) => theme.splashScreenBackgroundColor};
 `;
 
 export default function LockScreen(): JSX.Element {

diff --git a/src/styled.d.ts b/src/styled.d.ts
@@ -6,6 +6,7 @@ declare module 'styled-components' {
   export interface DefaultTheme {
     backgroundColor: string;
     backgroundColorSecondary: string;
+    splashScreenBackgroundColor: string;
     textColorPrimary: string;
     textColorSecondary: string;
     textColorAction: string;

diff --git a/src/theme/theme.ts b/src/theme/theme.ts
@@ -14,6 +14,7 @@ const lightTheme: DefaultTheme = {
   backgroundColor: '#FFFFFF',
   backgroundColorSecondary: '#E9ECEF',
   textColorPrimary: '#212529',
+  splashScreenBackgroundColor: '#212529',
   textColorSecondary: '#6C757D',
   textColorAction: '#FFFFFF',
   accentColor: '#007AFF',
@@ -31,6 +32,7 @@ const lightTheme: DefaultTheme = {
 const darkTheme: DefaultTheme = {
   backgroundColor: '#212529',
   backgroundColorSecondary: '#343A40',
+  splashScreenBackgroundColor: '#212529',
   textColorPrimary: '#F8F9FA',
   textColorSecondary: '#E9ECEF',
   textColorAction: '#FFFFFF',
@@ -39,7 +41,7 @@ const darkTheme: DefaultTheme = {
   logoColor: '#F8F9FA',
   dangerColor: '#E70C00',
   borderColorLight: '#CED4DA',
-  borderColorFocus: '#212529',
+  borderColorFocus: '#CED4DA',
   borderColorBlur: '#6C757D',
   transparent10: '#ffffff33',
   transparent30: '#ffffff77',