country-code-picker-add-dark-theme (#24)

Co-authored-by: Vitalik Yatsenko <vitalik@noreply.localhost>
Reviewed-on: #24
Co-authored-by: YaroslavBerkuta <yaroslavberkuta@gmail.com>
Co-committed-by: YaroslavBerkuta <yaroslavberkuta@gmail.com>

src/modules/root/smart-components/select-country-phone.smart-component.tsx

@@ -80,7 +80,7 @@ export const SelectCountryPhone = () => {
 				<CountryFlag
 					isoCode={item.cca2}
 					size={$size(18)}
-					style={{ marginRight: 10 }}
+					style={styles.flag}
 				/>
 				<Text style={styles.code}>
 					{cutLongText(
@@ -128,7 +128,7 @@ const createStyles = (theme: PartialTheme) =>
 		},
 		searchContainer: {},
 		item: {
-			backgroundColor: '#fff',
+			backgroundColor: theme.$layoutBg,
 			marginHorizontal: $size(20),
 			marginVertical: $size(8),
 			padding: $size(12),
@@ -139,15 +139,19 @@ const createStyles = (theme: PartialTheme) =>
 		label: {
 			marginRight: 'auto',
 			fontSize: $size(16),
+			color: theme.$textPrimary,
 		},
 		flag: {
-			fontSize: 24,
-			marginRight: $size(5),
+			marginRight: 10,
+			borderWidth: 1,
+			borderStyle: 'solid',
+			borderColor: '#fff',
 		},
 		code: {
 			marginRight: $size(24),
 			fontSize: $size(16),
 			overflow: 'hidden',
+			color: theme.$textPrimary,
 		},
 		flagWrapper: {
 			width: 90,