add switcher styles

Emurgo · May 7, 2024 · b7fa541 · b7fa541
1 parent 12f9b19
commit b7fa541
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 18 deletions.
diff --git a/...-mobile/src/features/SetupWallet/useCases/DarkThemeAnnouncement/DarkThemeAnnouncement.tsx b/...-mobile/src/features/SetupWallet/useCases/DarkThemeAnnouncement/DarkThemeAnnouncement.tsx
@@ -9,7 +9,7 @@ import {Space} from '../../../../components/Space/Space'
 import {ThemeIlustration} from '../../illustrations/ThemeIlustration'
 
 export const DarkThemeAnnouncement = () => {
-  const styles = useStyles()
+  const {styles, color} = useStyles()
   const strings = useStrings()
   const {isLight, selectThemeName} = useTheme()
 
@@ -41,6 +41,8 @@ export const DarkThemeAnnouncement = () => {
             <Switch
               value={isLight === false}
               onValueChange={() => selectThemeName(isLight === true ? 'default-dark' : 'default-light')}
+              trackColor={{false: color.gray_c100, true: color.gray_c100}}
+              thumbColor={isLight === true ? color.sys_yellow_c500 : color.el_primary_medium}
             />
           </View>
 
@@ -86,7 +88,7 @@ const useStyles = () => {
     },
   })
 
-  return styles
+  return {styles, color}
 }
 
 const useStrings = () => {

diff --git a/...ssages/src/features/SetupWallet/useCases/DarkThemeAnnouncement/DarkThemeAnnouncement.json b/...ssages/src/features/SetupWallet/useCases/DarkThemeAnnouncement/DarkThemeAnnouncement.json
@@ -4,59 +4,59 @@
     "defaultMessage": "!!!Try Yoroi dark theme",
     "file": "src/features/SetupWallet/useCases/DarkThemeAnnouncement/DarkThemeAnnouncement.tsx",
     "start": {
-      "line": 103,
+      "line": 106,
       "column": 10,
-      "index": 2690
+      "index": 2913
     },
     "end": {
-      "line": 106,
+      "line": 109,
       "column": 3,
-      "index": 2783
+      "index": 3006
     }
   },
   {
     "id": "walletinit.theme.description",
     "defaultMessage": "!!!Press the theme switcher and dive into the new stylish theme crafted to enhance your Cardano wallet experience",
     "file": "src/features/SetupWallet/useCases/DarkThemeAnnouncement/DarkThemeAnnouncement.tsx",
     "start": {
-      "line": 107,
+      "line": 110,
       "column": 15,
-      "index": 2800
+      "index": 3023
     },
     "end": {
-      "line": 111,
+      "line": 114,
       "column": 3,
-      "index": 2988
+      "index": 3211
     }
   },
   {
     "id": "walletinit.theme.chanageTheme",
     "defaultMessage": "!!!Anonymous analytics data",
     "file": "src/features/SetupWallet/useCases/DarkThemeAnnouncement/DarkThemeAnnouncement.tsx",
     "start": {
-      "line": 112,
+      "line": 115,
       "column": 15,
-      "index": 3005
+      "index": 3228
     },
     "end": {
-      "line": 115,
+      "line": 118,
       "column": 3,
-      "index": 3102
+      "index": 3325
     }
   },
   {
     "id": "components.walletinit.walletform.continueButton",
     "defaultMessage": "!!!Continue",
     "file": "src/features/SetupWallet/useCases/DarkThemeAnnouncement/DarkThemeAnnouncement.tsx",
     "start": {
-      "line": 116,
+      "line": 119,
       "column": 12,
-      "index": 3116
+      "index": 3339
     },
     "end": {
-      "line": 119,
+      "line": 122,
       "column": 3,
-      "index": 3215
+      "index": 3438
     }
   }
 ]