@@ -52,6 +52,13 @@ type SectionProps = {
5252 title : string ;
5353} ;
5454
55+ const Colors = {
56+ white : '#FFFFFF' ,
57+ black : '#000000' ,
58+ darker : '#333333' ,
59+ lighter : '#b2b2b2' ,
60+ } as const ;
61+
5562const Section : React . FC < SectionProps > = ( { children, title } ) => {
5663 const isDarkMode = useColorScheme ( ) === 'dark' ;
5764 return (
@@ -60,7 +67,7 @@ const Section: React.FC<SectionProps> = ({ children, title }) => {
6067 style = { [
6168 styles . sectionTitle ,
6269 {
63- color : isDarkMode ? '#F5FCFF' : '#94cce3' ,
70+ color : isDarkMode ? Colors . white : Colors . black ,
6471 } ,
6572 ] } >
6673 { title }
@@ -69,7 +76,7 @@ const Section: React.FC<SectionProps> = ({ children, title }) => {
6976 style = { [
7077 styles . sectionDescription ,
7178 {
72- color : isDarkMode ? '#F5FCFF' : '#94cce3' ,
79+ color : isDarkMode ? Colors . textDark : Colors . textLight ,
7380 } ,
7481 ] } >
7582 { children }
@@ -82,7 +89,7 @@ const App: React.FC = () => {
8289 const isDarkMode = useColorScheme ( ) === 'dark' ;
8390
8491 const backgroundStyle = {
85- backgroundColor : isDarkMode ? '#F5FCFF' : '#94cce3' ,
92+ backgroundColor : isDarkMode ? Colors . darker : Colors . lighter ,
8693 } ;
8794
8895 const [ privateKey , setPrivateKey ] = useState < string > ( '' ) ;
@@ -318,7 +325,7 @@ const App: React.FC = () => {
318325 style = { backgroundStyle } >
319326 < View
320327 style = { {
321- backgroundColor : isDarkMode ? '#F5FCFF' : '#F5FCFF' ,
328+ backgroundColor : isDarkMode ? Colors . black : Colors . white ,
322329 } } >
323330 < Section title = "Asymmetric Keys" >
324331 < View >
0 commit comments