jeanmachine.dev / witchsky.app
forked from jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix theme opposite labels (#700)

authored by

Mohammad Reza Mahmoudi and committed by
GitHub 6dde5ede b132ff7a

+38 -3
+29
src/lib/icons.tsx
··· 322 322 323 323 // Copyright (c) 2020 Refactoring UI Inc. 324 324 // https://github.com/tailwindlabs/heroicons/blob/master/LICENSE 325 + export function SunIcon({ 326 + style, 327 + size, 328 + strokeWidth = 1.5, 329 + }: { 330 + style?: StyleProp<ViewStyle> 331 + size?: string | number 332 + strokeWidth?: number 333 + }) { 334 + return ( 335 + <Svg 336 + fill="none" 337 + viewBox="0 0 24 24" 338 + width={size || 32} 339 + height={size || 32} 340 + strokeWidth={strokeWidth} 341 + stroke="currentColor" 342 + style={style}> 343 + <Path 344 + d="M12 3V5.25M18.364 5.63604L16.773 7.22703M21 12H18.75M18.364 18.364L16.773 16.773M12 18.75V21M7.22703 16.773L5.63604 18.364M5.25 12H3M7.22703 7.22703L5.63604 5.63604M15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92893 15.75 8.25 14.0711 8.25 12C8.25 9.92893 9.92893 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12Z" 345 + strokeLinecap="round" 346 + strokeLinejoin="round" 347 + /> 348 + </Svg> 349 + ) 350 + } 351 + 352 + // Copyright (c) 2020 Refactoring UI Inc. 353 + // https://github.com/tailwindlabs/heroicons/blob/master/LICENSE 325 354 export function UserIcon({ 326 355 style, 327 356 size,
+9 -3
src/view/shell/desktop/RightNav.tsx
··· 11 11 import {useStores} from 'state/index' 12 12 import {pluralize} from 'lib/strings/helpers' 13 13 import {useColorSchemeStyle} from 'lib/hooks/useColorSchemeStyle' 14 - import {MoonIcon} from 'lib/icons' 14 + import {MoonIcon, SunIcon} from 'lib/icons' 15 15 import {formatCount} from 'view/com/util/numeric/format' 16 16 17 17 export const DesktopRightNav = observer(function DesktopRightNav() { 18 18 const store = useStores() 19 19 const pal = usePalette('default') 20 20 const mode = useColorSchemeStyle('Light', 'Dark') 21 + const otherMode = mode === 'Dark' ? 'Light' : 'Dark'; 21 22 22 23 const onDarkmodePress = React.useCallback(() => { 23 24 store.shell.setDarkMode(!store.shell.darkMode) ··· 71 72 : 'Sets display to dark mode' 72 73 }> 73 74 <View style={[pal.viewLight, styles.darkModeToggleIcon]}> 74 - <MoonIcon size={18} style={pal.textLight} /> 75 + { 76 + mode === 'Dark' ? 77 + <SunIcon size={18} style={pal.textLight} /> 78 + : 79 + <MoonIcon size={18} style={pal.textLight} /> 80 + } 75 81 </View> 76 82 <Text type="sm" style={pal.textLight}> 77 - {mode} mode 83 + {otherMode} mode 78 84 </Text> 79 85 </TouchableOpacity> 80 86 </View>