85 lines
2.4 KiB
TypeScript
85 lines
2.4 KiB
TypeScript
/**
|
|
* Below are the colors that are used in the app. The colors are defined in the light and dark mode.
|
|
* There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
|
|
*/
|
|
|
|
import { Platform } from "react-native";
|
|
|
|
const tintColorLight = "#0a7ea4";
|
|
const tintColorDark = "#fff";
|
|
|
|
export const Colors = {
|
|
light: {
|
|
text: "#11181C",
|
|
textSecondary: "#687076",
|
|
background: "#fff",
|
|
backgroundSecondary: "#f5f5f5",
|
|
surface: "#ffffff",
|
|
surfaceSecondary: "#f8f9fa",
|
|
tint: tintColorLight,
|
|
primary: "#007AFF",
|
|
secondary: "#5AC8FA",
|
|
success: "#34C759",
|
|
warning: "#ff6600",
|
|
error: "#FF3B30",
|
|
icon: "#687076",
|
|
iconSecondary: "#8E8E93",
|
|
border: "#C6C6C8",
|
|
separator: "#E5E5E7",
|
|
tabIconDefault: "#687076",
|
|
tabIconSelected: tintColorLight,
|
|
card: "#ffffff",
|
|
notification: "#FF3B30",
|
|
},
|
|
dark: {
|
|
text: "#ECEDEE",
|
|
textSecondary: "#8E8E93",
|
|
background: "#000000",
|
|
backgroundSecondary: "#1C1C1E",
|
|
surface: "#1C1C1E",
|
|
surfaceSecondary: "#2C2C2E",
|
|
tint: tintColorDark,
|
|
primary: "#0A84FF",
|
|
secondary: "#64D2FF",
|
|
success: "#30D158",
|
|
warning: "#ff6600",
|
|
error: "#FF453A",
|
|
icon: "#8E8E93",
|
|
iconSecondary: "#636366",
|
|
border: "#38383A",
|
|
separator: "#38383A",
|
|
tabIconDefault: "#8E8E93",
|
|
tabIconSelected: tintColorDark,
|
|
card: "#1C1C1E",
|
|
notification: "#FF453A",
|
|
},
|
|
};
|
|
|
|
export type ColorName = keyof typeof Colors.light;
|
|
|
|
export const Fonts = Platform.select({
|
|
ios: {
|
|
/** iOS `UIFontDescriptorSystemDesignDefault` */
|
|
sans: "system-ui",
|
|
/** iOS `UIFontDescriptorSystemDesignSerif` */
|
|
serif: "ui-serif",
|
|
/** iOS `UIFontDescriptorSystemDesignRounded` */
|
|
rounded: "ui-rounded",
|
|
/** iOS `UIFontDescriptorSystemDesignMonospaced` */
|
|
mono: "ui-monospace",
|
|
},
|
|
default: {
|
|
sans: "normal",
|
|
serif: "serif",
|
|
rounded: "normal",
|
|
mono: "monospace",
|
|
},
|
|
web: {
|
|
sans: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
|
|
serif: "Georgia, 'Times New Roman', serif",
|
|
rounded:
|
|
"'SF Pro Rounded', 'Hiragino Maru Gothic ProN', Meiryo, 'MS PGothic', sans-serif",
|
|
mono: "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
|
|
},
|
|
});
|