Home
last modified time | relevance | path

Searched refs:light (Results 1 – 25 of 195) sorted by relevance

12345678

/expo/packages/expo-status-bar/src/__tests__/
H A DStatusBar-test.native.tsx21 it('uses light-content instead of default when dark mode', () => {
23 expect(renderedPropValue(<ExpoStatusBar style="auto" />, 'barStyle')).toBe('light-content');
27 it('uses dark-content instead of default when light mode', () => {
28 mockAppearance('light', () => {
33 it('uses light-content when inverted in light mode', () => {
34 mockAppearance('light', () => {
36 'light-content'
49 it('translates light to light-content and dark to dark-content', () => {
50 expect(renderedPropValue(<ExpoStatusBar style="light" />, 'barStyle')).toBe('light-content');
/expo/home/constants/
H A DSharedStyles.ts11 backgroundColor: Colors.light.greyBackground,
14 color: Colors.light.greyText,
28 color: Colors.light.blackText,
32 color: Colors.light.greyText,
67 borderBottomColor: Colors.light.separator,
81 color: Colors.light.greyText,
85 color: Colors.light.blackText,
H A DThemes.ts10 text: Colors.light.text,
11 card: Colors.light.tabBar,
12 border: Colors.light.navBorderBottom,
13 primary: Colors.light.tintColor,
/expo/packages/expo-dev-launcher/bundle/components/
H A DAvatar.tsx63 return { backgroundColor: palette.light.blue[200], tintColor: palette.light.blue[900] };
65 return { backgroundColor: palette.light.green[200], tintColor: palette.light.green[900] };
67 return { backgroundColor: palette.light.yellow[400], tintColor: palette.light.yellow[900] };
69 return { backgroundColor: palette.light.orange[200], tintColor: palette.light.orange[900] };
71 return { backgroundColor: palette.light.red[200], tintColor: palette.light.red[900] };
73 return { backgroundColor: palette.light.pink[200], tintColor: palette.light.pink[900] };
75 return { backgroundColor: palette.light.purple[200], tintColor: palette.light.purple[900] };
/expo/packages/expo-status-bar/build/
H A DstyleToBarStyle.js.map1 …light';\n }\n}\n\nexport default function styleToBarStyle(\n style: StatusBarStyle = 'auto',\n …
/expo/apps/native-component-list/src/screens/GL/
H A DGLThreeDepthStencilBufferScreen.tsx58 const light = new DirectionalLight(0xffffff, 0.5);
59 light.position.set(0, 6, 0);
60 light.castShadow = true;
61 light.shadow.camera.left = -1;
62 light.shadow.camera.right = 1;
63 light.shadow.camera.top = -1;
64 light.shadow.camera.bottom = 1;
65 scene.add(light);
67 const shadowHelper = new DirectionalLightHelper(light, 2, 0x0000ff);
106 const helper = new CameraHelper(light.shadow.camera);
/expo/packages/expo-dev-client-components/src/
H A DuseExpoTheme.tsx5 export type ThemePreference = 'light' | 'dark' | 'no-preference';
6 type Theme = 'light' | 'dark';
8 const ThemeContext = React.createContext<Theme>('light');
24 return systemTheme ?? 'light';
32 export function useCurrentTheme(): 'light' | 'dark' {
/expo/packages/@expo/prebuild-config/src/plugins/unversioned/expo-splash-screen/
H A DwithAndroidSplashImages.ts30 light: {
41 light: {
52 light: {
63 light: {
74 light: {
85 light: {
/expo/templates/expo-template-tabs/components/
H A DThemed.tsx19 props: { light?: string; dark?: string },
20 colorName: keyof typeof Colors.light & keyof typeof Colors.dark
22 const theme = useColorScheme() ?? 'light';
34 const color = useThemeColor({ light: lightColor, dark: darkColor }, 'text');
41 const backgroundColor = useThemeColor({ light: lightColor, dark: darkColor }, 'background');
/expo/docs/ui/components/Sidebar/icons/
H A DDocumentation.tsx15 fill={palette.light.blue11}
19 fill={palette.light.blue11}
23 fill={palette.light.blue7}
27 fill={palette.light.blue7}
/expo/packages/@expo/prebuild-config/build/plugins/unversioned/expo-splash-screen/
H A DwithAndroidSplashImages.js50 light: {
61 light: {
72 light: {
83 light: {
94 light: {
105 light: {
/expo/packages/expo-blur/ios/
H A DTintStyle.swift6 case light
32 case .light: in toBlurEffect()
33 return .light in toBlurEffect()
/expo/packages/expo-haptics/ios/
H A DHapticsModule.swift47 case light
53 case .light: in toFeedbackStyle()
54 return .light in toFeedbackStyle()
/expo/ios/versioned/sdk48/ExpoHaptics/
H A DHapticsModule.swift47 case light
53 case .light: in toFeedbackStyle()
54 return .light in toFeedbackStyle()
/expo/ios/versioned/sdk47/ExpoHaptics/
H A DHapticsModule.swift47 case light
53 case .light: in toFeedbackStyle()
54 return .light in toFeedbackStyle()
/expo/ios/versioned/sdk49/ExpoHaptics/
H A DHapticsModule.swift47 case light
53 case .light: in toFeedbackStyle()
54 return .light in toFeedbackStyle()
/expo/packages/expo-dev-client-components/src/icons/
H A DSettingsFilledIcon.tsx6 const activeLightIcon = require('../../assets/settings-filled-active-icon-light.png');
8 const inactiveLightIcon = require('../../assets/settings-filled-inactive-icon-light.png');
12 light: {
H A DExtensionsFilledIcon.tsx6 const activeLightIcon = require('../../assets/extensions-filled-active-icon-light.png');
8 const inactiveLightIcon = require('../../assets/extensions-filled-inactive-icon-light.png');
12 light: {
H A DHomeFilledIcon.tsx6 const activeLightIcon = require('../../assets/home-filled-active-icon-light.png');
8 const inactiveLightIcon = require('../../assets/home-filled-inactive-icon-light.png');
12 light: {
/expo/packages/expo-dev-client-components/src/__tests__/
H A Dcreate-primitive.test.tsx68 light: {
86 light: {
116 <ThemeProvider themePreference="light">
124 selectors.light.bg.test.backgroundColor
131 const selectors = { dark: { backgroundColor: 'red' }, light: { backgroundColor: 'blue' } };
143 <ThemeProvider themePreference="light">
149 expect(lightThemeRender.props.style).toEqual(selectors.light);
/expo/docs/pages/develop/user-interface/
H A Dcolor-themes.mdx3 description: Learn how to support light and dark modes in your app.
12 Whether you are personally on team light or team dark, it's becoming increasingly common for apps t…
18 Projects require additional configuration to support switching between light and dark modes for And…
22 …, `light` (restrict the app to support light theme only), and `dark` (restrict the app to support …
78 …terfacestyle) key in your app **Info.plist**. Use `Automatic` to support both light and dark modes.
99 // render some light thing
110 > [Snack](https://snack.expo.dev) is locked to light mode.
122 const themeTextStyle = colorScheme === 'light' ? styles.lightThemeText : styles.darkThemeText;
124 colorScheme === 'light' ? styles.lightContainer : styles.darkContainer;
161 …<kbd>Cmd ⌘</kbd> + <kbd>Shift</kbd> + <kbd>a</kbd> shortcut to toggle between light and dark modes.
/expo/docs/ui/components/Home/resources/
H A DDevicesImage.tsx113 fill={palette.light.blue11}
118 fill={palette.light.blue10}
242 fill={palette.light.blue11}
246 fill={palette.light.blue10}
320 fill={palette.light.blue11}
324 fill={palette.light.blue10}
379 <stop stopColor={palette.light.blue9} />
380 <stop offset="1" stopColor={palette.light.blue10} />
389 <stop stopColor={palette.light.blue9} />
390 <stop offset="1" stopColor={palette.light.blue10} />
[all …]
/expo/packages/expo-navigation-bar/build/
H A DNavigationBar.types.js.map1 …stly light nav bar.\n * - `light` makes buttons **lighter** to adjust for a mostly dark nav bar.\n…
/expo/packages/expo-blur/src/__tests__/
H A DBlurView-test.web.tsx29 const withNativeBlur = render(<BlurView tint="light" testID="blur" />);
39 const withoutNativeBlur = render(<BlurView tint="light" testID="blur" />);
53 const withNativeBlur = render(<BlurView intensity={3737} tint="light" testID="blur" />);
/expo/packages/expo-status-bar/src/
H A DExpoStatusBar.ios.tsx16 // locked to light mode we don't end up with a light status bar

12345678