| /expo/packages/expo-status-bar/src/__tests__/ |
| H A D | StatusBar-test.native.tsx | 21 it('uses light-content instead of default when dark mode', () => {
22 mockAppearance('dark', () => {
27 it('uses dark-content instead of default when light mode', () => {
29 expect(renderedPropValue(<ExpoStatusBar style="auto" />, 'barStyle')).toBe('dark-content');
41 it('uses dark-content when inverted in dark mode', () => {
42 mockAppearance('dark', () => {
44 'dark-content'
49 it('translates light to light-content and dark to dark-content', () => {
51 expect(renderedPropValue(<ExpoStatusBar style="dark" />, 'barStyle')).toBe('dark-content');
|
| /expo/packages/@expo/prebuild-config/src/plugins/unversioned/expo-splash-screen/ |
| H A D | getIosSplashConfig.ts | 16 dark?: { property
37 dark: {
38 image: splash.dark?.image ?? null,
39 backgroundColor: splash.dark?.backgroundColor,
40 tabletImage: splash.dark?.tabletImage ?? null,
41 tabletBackgroundColor: splash.dark?.tabletBackgroundColor,
55 dark: {
|
| H A D | withIosSplashInfoPlist.ts | 22 splash?.dark?.image ||
23 splash?.dark?.tabletImage ||
24 splash?.dark?.backgroundColor ||
25 splash?.dark?.tabletBackgroundColor
|
| H A D | withAndroidSplashImages.ts | 33 dark: {
44 dark: {
55 dark: {
66 dark: {
77 dark: {
88 dark: {
|
| /expo/home/constants/ |
| H A D | Themes.ts | 20 text: Colors.dark.text,
21 card: Colors.dark.tabBar,
22 border: Colors.dark.navBorderBottom,
23 primary: Colors.dark.tintColor,
|
| /expo/packages/@expo/prebuild-config/build/plugins/unversioned/expo-splash-screen/ |
| H A D | getIosSplashConfig.js | 24 dark: {
25 …image: (_splash$dark$image = (_splash$dark = splash.dark) === null || _splash$dark === void 0 ? vo…
26 …backgroundColor: (_splash$dark2 = splash.dark) === null || _splash$dark2 === void 0 ? void 0 : _sp…
27 …tabletImage: (_splash$dark$tabletIm = (_splash$dark3 = splash.dark) === null || _splash$dark3 === …
28 …tabletBackgroundColor: (_splash$dark4 = splash.dark) === null || _splash$dark4 === void 0 ? void 0…
42 dark: {
|
| H A D | withAndroidSplashImages.js | 53 dark: {
64 dark: {
75 dark: {
86 dark: {
97 dark: {
108 dark: {
|
| H A D | withIosSplashInfoPlist.js | 33 …dark) !== null && _splash$dark !== void 0 && _splash$dark.image || splash !== null && splash !== v…
|
| H A D | getIosSplashConfig.js.map | 1 …dark$image","_splash$dark","_splash$dark2","_splash$dark$tabletIm","_splash$dark3","_splash$dark4"…
|
| H A D | withIosSplashInfoPlist.js.map | 1 …dark","_splash$dark2","_splash$dark3","_splash$dark4","isDarkModeEnabled","dark","image","tabletIm…
|
| /expo/home/navigation/ |
| H A D | defaultNavigationOptions.tsx | 12 borderBottomColor: theme === 'dark' ? darkTheme.border.default : lightTheme.border.default,
14 theme === 'dark' ? darkTheme.background.default : lightTheme.background.default,
19 color: theme === 'dark' ? darkTheme.text.default : lightTheme.text.default,
21 headerTintColor: theme === 'dark' ? darkTheme.icon.default : lightTheme.icon.default,
|
| /expo/docs/ui/components/Home/resources/ |
| H A D | SnackImage.tsx | 20 css={{ fill: 'var(--orange7)', '.dark-theme &': { fill: 'var(--orange11)' } }}
26 css={{ fill: 'var(--orange8)', '.dark-theme &': { fill: 'var(--orange8)' } }}
30 css={{ fill: 'var(--orange11)', '.dark-theme &': { fill: 'var(--orange6)' } }}
38 css={{ fill: 'var(--orange11)', '.dark-theme &': { fill: 'var(--orange6)' } }}
42 css={{ fill: 'var(--orange7)', '.dark-theme &': { fill: 'var(--orange11)' } }}
|
| /expo/packages/expo-blur/ios/ |
| H A D | TintStyle.swift | 7 case dark
36 case .dark: in toBlurEffect()
37 return .dark in toBlurEffect()
|
| /expo/packages/expo-dev-client-components/src/ |
| H A D | useExpoTheme.tsx | 5 export type ThemePreference = 'light' | 'dark' | 'no-preference';
6 type Theme = 'light' | 'dark';
32 export function useCurrentTheme(): 'light' | 'dark' {
40 if (theme === 'dark') {
|
| H A D | Text.tsx | 28 dark: textDark,
49 dark: textDark,
81 dark: {
|
| H A D | View.tsx | 109 dark: {
167 dark: {
191 dark: {
214 dark: {
242 dark: {
279 dark: {
|
| /expo/docs/global-styles/ |
| H A D | tippy.ts | 19 color: ${palette.dark.gray12};
30 color: ${palette.dark.gray12};
|
| /expo/templates/expo-template-tabs/components/ |
| H A D | Themed.tsx | 19 props: { light?: string; dark?: string },
20 colorName: keyof typeof Colors.light & keyof typeof Colors.dark
34 const color = useThemeColor({ light: lightColor, dark: darkColor }, 'text');
41 const backgroundColor = useThemeColor({ light: lightColor, dark: darkColor }, 'background');
|
| /expo/packages/expo-dev-client-components/src/__tests__/ |
| H A D | create-primitive.test.tsx | 66 test('initial render with the correct style for dark mode', () => {
75 dark: {
93 dark: {
104 <ThemeProvider themePreference="dark">
112 selectors.dark.bg.test.backgroundColor
131 const selectors = { dark: { backgroundColor: 'red' }, light: { backgroundColor: 'blue' } };
134 <ThemeProvider themePreference="dark">
140 expect(darkThemeRender.props.style).toEqual(selectors.dark);
|
| /expo/docs/pages/develop/user-interface/ |
| H A D | color-themes.mdx | 3 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 …ht` (restrict the app to support light theme only), and `dark` (restrict the app to support dark t…
78 …terfacestyle) key in your app **Info.plist**. Use `Automatic` to support both light and dark modes.
96 if (colorScheme === 'dark') {
97 // render some dark thing
161 …<kbd>Cmd ⌘</kbd> + <kbd>Shift</kbd> + <kbd>a</kbd> shortcut to toggle between light and dark modes.
162 …adb shell "cmd uimode night yes"` to enable dark mode, and `adb shell "cmd uimode night no"` to di…
163 - If using a real device or an Android Emulator, you can toggle the system dark mode setting in the…
|
| /expo/packages/expo-status-bar/build/ |
| H A D | styleToBarStyle.js.map | 1 …dark-content' {\n if (!colorScheme) {\n colorScheme = 'light';\n }\n\n let resolvedStyle = s…
|
| /expo/packages/@expo/prebuild-config/src/plugins/unversioned/expo-splash-screen/__tests__/ |
| H A D | withAndroidSplashImages-test.ts | 36 dark: {
77 dark: {
|
| H A D | withIosSplashInfoPlist-test.ts | 45 ios: { splash: { image: 'b', dark: { image: 'v' } } },
51 dark: { image: 'v' },
|
| /expo/home/components/ |
| H A D | RefreshControl.tsx | 19 const color = theme.dark ? Colors.dark.refreshControl : Colors.light.refreshControl;
|
| /expo/packages/expo-navigation-bar/build/ |
| H A D | NavigationBar.types.js.map | 1 …dark` makes buttons **darker** to adjust for a mostly light nav bar.\n * - `light` makes buttons *…
|