Home
last modified time | relevance | path

Searched refs:theme (Results 1 – 25 of 294) sorted by relevance

12345678910>>...12

/expo/docs/global-styles/
H A Dprism.ts2 import { theme } from '@expo/styleguide';
52 color: ${theme.palette.gray10}
57 color: ${theme.palette.gray9}
65 color: ${theme.palette.red11}
73 color: ${theme.palette.green10}
78 color: ${theme.palette.green11}
83 color: ${theme.palette.blue11}
87 color: ${theme.palette.pink10}
94 color: ${theme.palette.purple11}
100 color: ${theme.palette.orange11}
[all …]
H A Ddiff.ts2 import { theme, typography } from '@expo/styleguide';
33 background-color: ${theme.background.element};
43 color: ${theme.icon.secondary};
52 background-color: ${theme.palette.green2};
53 color: ${theme.text.success};
57 background-color: ${theme.palette.green4};
58 color: ${theme.text.success};
62 background-color: ${theme.palette.red2};
63 color: ${theme.text.danger};
67 background-color: ${theme.palette.red4};
[all …]
H A Dextras.ts2 import { theme, typography } from '@expo/styleguide';
7 background: ${theme.background.default};
17 outline: 3px solid ${theme.button.tertiary.icon};
23 background-color: ${theme.palette.blue5};
24 color: ${theme.text.default};
38 background: ${theme.palette.gray5};
43 background: ${theme.palette.gray6};
/expo/docs/ui/components/CommandMenu/
H A Dstyles.ts31 background: ${theme.background.default};
52 color: ${theme.text.default};
66 color: ${theme.icon.secondary};
79 color: ${theme.text.default};
88 color: ${theme.text.default};
96 color: ${theme.icon.secondary};
109 color: ${theme.palette.blue12};
110 background: ${theme.palette.blue4};
135 background: ${theme.border.default};
142 color: ${theme.text.secondary};
[all …]
/expo/docs/ui/components/Home/resources/
H A DCodecademyImage.tsx1 import { theme } from '@expo/styleguide';
18 fill={theme.palette.orange11}
19 stroke={theme.palette.orange12}
30 fill={theme.palette.orange5}
31 stroke={theme.palette.orange12}
39 fill={theme.palette.orange5}
46 fill={theme.palette.orange5}
51 fill={theme.palette.orange7}
59 fill={theme.palette.orange5}
64 fill={theme.palette.orange12}
[all …]
H A DWhyImage.tsx1 import { theme } from '@expo/styleguide';
19 fill={theme.palette.green5}
20 stroke={theme.palette.green9}
26 stroke={theme.palette.green9}
32 fill={theme.palette.green5}
36 stroke={theme.palette.green7}
42 stroke={theme.palette.green10}
/expo/ios/versioned-react-native/ABI47_0_0/ReactNative/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/
H A DABI47_0_0AndroidTextInputComponentDescriptor.h42 ABI47_0_0YGStyle::Edges theme; in createInitialState() local
46 theme = surfaceIdToThemePaddingMap_[surfaceId]; in createInitialState()
64 theme[ABI47_0_0YGEdgeBottom] = in createInitialState()
81 ((ABI47_0_0YGValue)theme[ABI47_0_0YGEdgeStart]).value, in createInitialState()
82 ((ABI47_0_0YGValue)theme[ABI47_0_0YGEdgeEnd]).value, in createInitialState()
83 ((ABI47_0_0YGValue)theme[ABI47_0_0YGEdgeTop]).value, in createInitialState()
84 ((ABI47_0_0YGValue)theme[ABI47_0_0YGEdgeBottom]).value)), in createInitialState()
118 result[ABI47_0_0YGEdgeStart] = theme[ABI47_0_0YGEdgeStart]; in adopt()
125 result[ABI47_0_0YGEdgeEnd] = theme[ABI47_0_0YGEdgeEnd]; in adopt()
131 result[ABI47_0_0YGEdgeTop] = theme[ABI47_0_0YGEdgeTop]; in adopt()
[all …]
/expo/ios/versioned-react-native/ABI49_0_0/ReactNative/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/
H A DABI49_0_0AndroidTextInputComponentDescriptor.h42 ABI49_0_0YGStyle::Edges theme; in createInitialState() local
46 theme = surfaceIdToThemePaddingMap_[surfaceId]; in createInitialState()
64 theme[ABI49_0_0YGEdgeBottom] = in createInitialState()
81 ((ABI49_0_0YGValue)theme[ABI49_0_0YGEdgeStart]).value, in createInitialState()
82 ((ABI49_0_0YGValue)theme[ABI49_0_0YGEdgeEnd]).value, in createInitialState()
83 ((ABI49_0_0YGValue)theme[ABI49_0_0YGEdgeTop]).value, in createInitialState()
84 ((ABI49_0_0YGValue)theme[ABI49_0_0YGEdgeBottom]).value)), in createInitialState()
118 result[ABI49_0_0YGEdgeStart] = theme[ABI49_0_0YGEdgeStart]; in adopt()
125 result[ABI49_0_0YGEdgeEnd] = theme[ABI49_0_0YGEdgeEnd]; in adopt()
131 result[ABI49_0_0YGEdgeTop] = theme[ABI49_0_0YGEdgeTop]; in adopt()
[all …]
/expo/ios/versioned-react-native/ABI48_0_0/ReactNative/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/
H A DABI48_0_0AndroidTextInputComponentDescriptor.h42 ABI48_0_0YGStyle::Edges theme; in createInitialState() local
46 theme = surfaceIdToThemePaddingMap_[surfaceId]; in createInitialState()
64 theme[ABI48_0_0YGEdgeBottom] = in createInitialState()
81 ((ABI48_0_0YGValue)theme[ABI48_0_0YGEdgeStart]).value, in createInitialState()
82 ((ABI48_0_0YGValue)theme[ABI48_0_0YGEdgeEnd]).value, in createInitialState()
83 ((ABI48_0_0YGValue)theme[ABI48_0_0YGEdgeTop]).value, in createInitialState()
84 ((ABI48_0_0YGValue)theme[ABI48_0_0YGEdgeBottom]).value)), in createInitialState()
118 result[ABI48_0_0YGEdgeStart] = theme[ABI48_0_0YGEdgeStart]; in adopt()
125 result[ABI48_0_0YGEdgeEnd] = theme[ABI48_0_0YGEdgeEnd]; in adopt()
131 result[ABI48_0_0YGEdgeTop] = theme[ABI48_0_0YGEdgeTop]; in adopt()
[all …]
/expo/docs/ui/components/Callout/
H A Dindex.tsx132 color: theme.text.default,
141 borderColor: theme.border.warning,
145 borderColor: theme.palette.yellow6,
148 '.dark-theme & code': {
150 borderColor: theme.palette.yellow7,
156 borderColor: theme.border.danger,
159 backgroundColor: theme.palette.red5,
160 borderColor: theme.palette.red7,
165 backgroundColor: theme.background.info,
166 borderColor: theme.border.info,
[all …]
/expo/home/navigation/
H A DBottomTabNavigator.android.ts13 theme: ColorTheme;
16 activeColor: props.theme === 'dark' ? darkTheme.link.default : lightTheme.link.default,
17 inactiveColor: props.theme === 'dark' ? darkTheme.icon.default : lightTheme.icon.default,
20 props.theme === 'dark' ? StyleSheet.hairlineWidth * 2 : StyleSheet.hairlineWidth,
21 borderTopColor: Colors[props.theme].cardSeparator,
23 props.theme === 'dark' ? darkTheme.background.default : lightTheme.background.default,
H A DBottomTabNavigator.ts9 theme: string;
17 props.theme === 'dark' ? darkTheme.background.default : lightTheme.background.default,
20 props.theme === 'dark' ? darkTheme.link.default : lightTheme.link.default,
22 props.theme === 'dark' ? darkTheme.icon.default : lightTheme.icon.default,
H A DdefaultNavigationOptions.tsx7 export default (theme: ColorTheme): StackNavigationOptions => {
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/packages/expo-dev-client-components/src/
H A DuseExpoTheme.tsx19 const theme = React.useMemo(() => {
27 return <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>;
33 const theme = useTheme();
34 return theme;
38 const theme = useTheme();
40 if (theme === 'dark') {
48 const theme = useTheme();
49 return palette[theme];
/expo/docs/components/plugins/
H A DHighlight.tsx2 import { theme } from '@expo/styleguide';
6 text-shadow: ${theme.palette.yellow7} 0px 0px 10px, ${theme.palette.yellow7} 0px 0px 10px,
7 ${theme.palette.yellow7} 0px 0px 10px, ${theme.palette.yellow7} 0px 0px 10px;
/expo/docs/ui/components/Tabs/
H A DTabButton.tsx2 import { theme, typography } from '@expo/styleguide';
15 borderBottomColor: selected ? theme.palette.blue9 : 'transparent',
16 color: selected ? theme.text.default : theme.text.secondary,
28 borderRight: `1px solid ${theme.border.default}`,
33 backgroundColor: theme.background.subtle,
/expo/docs/pages/modules/
H A Dnative-module-tutorial.mdx131 UserDefaults.standard.set(theme, forKey:"theme")
160 getPreferences().edit().putString("theme", theme).commit()
233 UserDefaults.standard.set(theme, forKey:"theme")
235 "theme": theme
266 getPreferences().edit().putString("theme", theme).commit()
267 [email protected]("onChangeTheme", bundleOf("theme" to theme))
293 theme: string;
355 UserDefaults.standard.set(theme.rawValue, forKey:"theme")
357 "theme": theme.rawValue
393 getPreferences().edit().putString("theme", theme.value).commit()
[all …]
/expo/docs/ui/components/Navigation/
H A DPageLink.tsx2 import { shadows, theme } from '@expo/styleguide';
35 backgroundColor: theme.background.default,
36 '.dark-theme &': {
37 backgroundColor: theme.background.element,
43 backgroundColor: theme.icon.secondary,
56 color: theme.text.secondary,
61 color: theme.text.default,
/expo/home/utils/
H A DuseTheme.ts3 theme: ReturnType<typeof useExpoTheme>;
6 const theme = useExpoTheme(); constant
9 return { theme, themeType };
/expo/docs/ui/components/Tag/
H A Dstyles.ts2 import { theme } from '@expo/styleguide';
7 backgroundColor: theme.background.element,
8 color: theme.text.default,
14 border: `1px solid ${theme.border.default}`,
/expo/home/screens/AccountModal/
H A Dindex.tsx14 const theme = useExpoTheme();
20 <View flex="1" style={{ backgroundColor: theme.background.screen }}>
23 <ActivityIndicator color={theme.highlight.accent} />
33 <View flex="1" style={{ backgroundColor: theme.background.screen }}>
40 style={{ borderWidth: 1, borderColor: theme.border.warning }}>
45 lightColor={theme.text.warning}
46 darkColor={theme.text.warning}
65 backgroundColor: theme.button.tertiary.background,
70 style={{ color: theme.button.tertiary.foreground }}
/expo/docs/ui/components/Footer/
H A DNewsletterSignUp.tsx2 import { Button, shadows, theme } from '@expo/styleguide';
14 <CALLOUT theme="secondary" weight="medium">
28 theme={userSignedUp ? 'quaternary' : 'secondary'}
38 <FOOTNOTE theme="secondary">
64 border: `1px solid ${theme.border.default}`,
66 color: theme.text.default,
67 background: theme.background.default,
/expo/home/menu/
H A DDevMenuApp.tsx33 let theme = preferredAppearance === undefined ? colorScheme : preferredAppearance;
34 if (theme === undefined) {
35 theme = 'light';
37 return theme === 'light' ? ColorTheme.LIGHT : ColorTheme.DARK;
53 const theme = useAppColorScheme(props.uuid);
59 <DCCThemeProvider themePreference={theme as ThemePreference}>
60 <ThemeProvider value={Themes[theme]}>
/expo/docs/ui/components/Table/
H A DTable.tsx2 import { theme, typography, shadows } from '@expo/styleguide';
36 border: `1px solid ${theme.border.default}`,
48 background: theme.background.default,
54 background: theme.background.element,
58 background: theme.background.hover,
70 color: theme.text.default,
/expo/docs/ui/components/Header/
H A DThemeSelector.tsx2 import { useTheme, theme, shadows, typography } from '@expo/styleguide';
24 title="Select theme"
57 color: ${theme.text.default};
62 border: 1px solid ${theme.border.default};
68 background-color: ${theme.background.default};
73 background-color: ${theme.background.element};
77 background-color: ${theme.background.element};
85 color: ${theme.text.secondary};

12345678910>>...12