|  |  | 
 |  |  |             case DEFAULT_THEME_NAME: | 
 |  |  |                 return darkLogo(); | 
 |  |  |             case 'soft': | 
 |  |  |                 return theme.palette.mode === 'dark' ? darkLogo() : lightLogo({ opacity: .7 }); | 
 |  |  |                 return mode === 'dark' ? darkLogo() : lightLogo({ opacity: .7 }); | 
 |  |  |             case 'default': | 
 |  |  |                 return theme.palette.mode === 'dark' ? darkLogo() : darkLogo(); | 
 |  |  |                 return mode === 'dark' ? darkLogo() : darkLogo(); | 
 |  |  |             case 'nano': | 
 |  |  |                 return theme.palette.mode === 'dark' ? darkLogo() : lightLogo(); | 
 |  |  |                 return mode === 'dark' ? darkLogo() : lightLogo(); | 
 |  |  |             case 'radiant': | 
 |  |  |                 return theme.palette.mode === 'dark' ? darkLogo() : lightLogo(); | 
 |  |  |                 return mode === 'dark' ? darkLogo() : lightLogo(); | 
 |  |  |             case 'house': | 
 |  |  |                 return theme.palette.mode === 'dark' ? lightLogo() : darkLogo(); | 
 |  |  |                 return mode === 'dark' ? lightLogo() : darkLogo(); | 
 |  |  |             case 'chiptune': | 
 |  |  |                 return theme.palette.mode === 'dark' ? darkLogo() : lightLogo(); | 
 |  |  |                 return mode === 'dark' ? darkLogo() : lightLogo(); | 
 |  |  |             default: | 
 |  |  |                 return lightLogo(); | 
 |  |  |         } | 
 |  |  | 
 |  |  |  | 
 |  |  |     return ( | 
 |  |  |         <div style={{ | 
 |  |  |             // backgroundColor: 'red', | 
 |  |  |             display: 'flex', | 
 |  |  |             justifyContent: 'center', | 
 |  |  |             alignItems: 'center', |